@rdlabo/ionic-theme-ios27 0.1.0-0

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 (158) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +241 -0
  3. package/dist/css/components/ion-action-sheet.css +1 -0
  4. package/dist/css/components/ion-alert.css +1 -0
  5. package/dist/css/components/ion-button.css +1 -0
  6. package/dist/css/components/ion-card.css +1 -0
  7. package/dist/css/components/ion-content.css +1 -0
  8. package/dist/css/components/ion-datetime.css +1 -0
  9. package/dist/css/components/ion-fab.css +1 -0
  10. package/dist/css/components/ion-inputs.css +1 -0
  11. package/dist/css/components/ion-list.css +1 -0
  12. package/dist/css/components/ion-loading.css +1 -0
  13. package/dist/css/components/ion-menu.css +1 -0
  14. package/dist/css/components/ion-modal.css +1 -0
  15. package/dist/css/components/ion-picker.css +1 -0
  16. package/dist/css/components/ion-popover.css +1 -0
  17. package/dist/css/components/ion-range.css +1 -0
  18. package/dist/css/components/ion-searchbar.css +1 -0
  19. package/dist/css/components/ion-segment.css +1 -0
  20. package/dist/css/components/ion-tabs.css +1 -0
  21. package/dist/css/components/ion-toast.css +1 -0
  22. package/dist/css/components/ion-toggle.css +1 -0
  23. package/dist/css/components/ion-toolbar.css +1 -0
  24. package/dist/css/default-variables.css +1 -0
  25. package/dist/css/ionic-theme-ios26-dark-always.css +1 -0
  26. package/dist/css/ionic-theme-ios26-dark-class.css +1 -0
  27. package/dist/css/ionic-theme-ios26-dark-system.css +1 -0
  28. package/dist/css/ionic-theme-ios26.css +1 -0
  29. package/dist/css/md-ion-list-inset.css +1 -0
  30. package/dist/css/md-remove-ios-class-effect.css +1 -0
  31. package/dist/css/utils/api.css +1 -0
  32. package/dist/css/utils/dark/ion-button.css +1 -0
  33. package/dist/css/utils/dark/ion-fab.css +1 -0
  34. package/dist/css/utils/dark/ion-segment.css +1 -0
  35. package/dist/css/utils/dark/ion-tabs.css +1 -0
  36. package/dist/css/utils/searchable.css +1 -0
  37. package/dist/css/utils/structured-list.css +1 -0
  38. package/dist/css/utils/theme-dark.css +1 -0
  39. package/dist/css/utils/translucent.css +1 -0
  40. package/dist/docs.json +234 -0
  41. package/dist/focus-controller/index.d.ts +6 -0
  42. package/dist/focus-controller/index.d.ts.map +1 -0
  43. package/dist/focus-controller/index.js +62 -0
  44. package/dist/focus-controller /index.d.ts +6 -0
  45. package/dist/focus-controller /index.d.ts.map +1 -0
  46. package/dist/focus-controller /index.js +62 -0
  47. package/dist/index.d.ts +9 -0
  48. package/dist/index.d.ts.map +1 -0
  49. package/dist/index.js +30 -0
  50. package/dist/popover/animations/ios.enter.d.ts +4 -0
  51. package/dist/popover/animations/ios.enter.d.ts.map +1 -0
  52. package/dist/popover/animations/ios.enter.js +97 -0
  53. package/dist/popover/animations/ios.leave.d.ts +3 -0
  54. package/dist/popover/animations/ios.leave.d.ts.map +1 -0
  55. package/dist/popover/animations/ios.leave.js +60 -0
  56. package/dist/popover/popover-interface.d.ts +38 -0
  57. package/dist/popover/popover-interface.d.ts.map +1 -0
  58. package/dist/popover/popover-interface.js +1 -0
  59. package/dist/popover/utils.d.ts +37 -0
  60. package/dist/popover/utils.d.ts.map +1 -0
  61. package/dist/popover/utils.js +377 -0
  62. package/dist/sheets-of-glass/animations.d.ts +8 -0
  63. package/dist/sheets-of-glass/animations.d.ts.map +1 -0
  64. package/dist/sheets-of-glass/animations.js +97 -0
  65. package/dist/sheets-of-glass/index.d.ts +3 -0
  66. package/dist/sheets-of-glass/index.d.ts.map +1 -0
  67. package/dist/sheets-of-glass/index.js +174 -0
  68. package/dist/sheets-of-glass/interfaces.d.ts +16 -0
  69. package/dist/sheets-of-glass/interfaces.d.ts.map +1 -0
  70. package/dist/sheets-of-glass/interfaces.js +1 -0
  71. package/dist/tab-bar-searchable/animations/enter.d.ts +8 -0
  72. package/dist/tab-bar-searchable/animations/enter.d.ts.map +1 -0
  73. package/dist/tab-bar-searchable/animations/enter.js +73 -0
  74. package/dist/tab-bar-searchable/animations/leave.d.ts +8 -0
  75. package/dist/tab-bar-searchable/animations/leave.d.ts.map +1 -0
  76. package/dist/tab-bar-searchable/animations/leave.js +66 -0
  77. package/dist/tab-bar-searchable/index.d.ts +4 -0
  78. package/dist/tab-bar-searchable/index.d.ts.map +1 -0
  79. package/dist/tab-bar-searchable/index.js +75 -0
  80. package/dist/tab-bar-searchable/interfaces.d.ts +41 -0
  81. package/dist/tab-bar-searchable/interfaces.d.ts.map +1 -0
  82. package/dist/tab-bar-searchable/interfaces.js +5 -0
  83. package/dist/tab-bar-searchable/utils.d.ts +12 -0
  84. package/dist/tab-bar-searchable/utils.d.ts.map +1 -0
  85. package/dist/tab-bar-searchable/utils.js +60 -0
  86. package/dist/transition/index.d.ts +19 -0
  87. package/dist/transition/index.d.ts.map +1 -0
  88. package/dist/transition/index.js +219 -0
  89. package/dist/transition/ios.transition.d.ts +5 -0
  90. package/dist/transition/ios.transition.d.ts.map +1 -0
  91. package/dist/transition/ios.transition.js +609 -0
  92. package/dist/utils.d.ts +17 -0
  93. package/dist/utils.d.ts.map +1 -0
  94. package/dist/utils.js +69 -0
  95. package/docs/e2e-testing.md +51 -0
  96. package/docs/eslint.md +73 -0
  97. package/docs/experimental-animation.md +85 -0
  98. package/docs/features.md +88 -0
  99. package/docs/feedback.md +65 -0
  100. package/docs/ios-18.md +16 -0
  101. package/docs/migration.md +94 -0
  102. package/docs/special-markup.md +145 -0
  103. package/docs/using-ion-item-group.md +47 -0
  104. package/package.json +63 -0
  105. package/src/focus-controller/index.ts +123 -0
  106. package/src/index.ts +33 -0
  107. package/src/popover/animations/ios.enter.ts +144 -0
  108. package/src/popover/animations/ios.leave.ts +76 -0
  109. package/src/popover/popover-interface.ts +44 -0
  110. package/src/popover/utils.ts +696 -0
  111. package/src/sheets-of-glass/animations.ts +120 -0
  112. package/src/sheets-of-glass/index.ts +214 -0
  113. package/src/sheets-of-glass/interfaces.ts +17 -0
  114. package/src/styles/components/ion-action-sheet.scss +85 -0
  115. package/src/styles/components/ion-alert.scss +66 -0
  116. package/src/styles/components/ion-button.scss +443 -0
  117. package/src/styles/components/ion-card.scss +7 -0
  118. package/src/styles/components/ion-content.scss +22 -0
  119. package/src/styles/components/ion-datetime.scss +9 -0
  120. package/src/styles/components/ion-fab.scss +104 -0
  121. package/src/styles/components/ion-inputs.scss +82 -0
  122. package/src/styles/components/ion-list.scss +44 -0
  123. package/src/styles/components/ion-loading.scss +11 -0
  124. package/src/styles/components/ion-menu.scss +110 -0
  125. package/src/styles/components/ion-modal.scss +42 -0
  126. package/src/styles/components/ion-picker.scss +4 -0
  127. package/src/styles/components/ion-popover.scss +33 -0
  128. package/src/styles/components/ion-range.scss +90 -0
  129. package/src/styles/components/ion-searchbar.scss +68 -0
  130. package/src/styles/components/ion-segment.scss +150 -0
  131. package/src/styles/components/ion-tabs.scss +118 -0
  132. package/src/styles/components/ion-toast.scss +35 -0
  133. package/src/styles/components/ion-toggle.scss +65 -0
  134. package/src/styles/components/ion-toolbar.scss +76 -0
  135. package/src/styles/default-variables.scss +38 -0
  136. package/src/styles/ionic-theme-ios26-dark-always.scss +6 -0
  137. package/src/styles/ionic-theme-ios26-dark-class.scss +6 -0
  138. package/src/styles/ionic-theme-ios26-dark-system.scss +8 -0
  139. package/src/styles/ionic-theme-ios26.scss +23 -0
  140. package/src/styles/md-ion-list-inset.scss +22 -0
  141. package/src/styles/md-remove-ios-class-effect.scss +14 -0
  142. package/src/styles/utils/api.scss +146 -0
  143. package/src/styles/utils/dark/ion-button.scss +58 -0
  144. package/src/styles/utils/dark/ion-fab.scss +18 -0
  145. package/src/styles/utils/dark/ion-segment.scss +12 -0
  146. package/src/styles/utils/dark/ion-tabs.scss +21 -0
  147. package/src/styles/utils/searchable.scss +0 -0
  148. package/src/styles/utils/structured-list.scss +170 -0
  149. package/src/styles/utils/theme-dark.scss +25 -0
  150. package/src/styles/utils/translucent.scss +95 -0
  151. package/src/tab-bar-searchable/animations/enter.ts +92 -0
  152. package/src/tab-bar-searchable/animations/leave.ts +89 -0
  153. package/src/tab-bar-searchable/index.ts +141 -0
  154. package/src/tab-bar-searchable/interfaces.ts +28 -0
  155. package/src/tab-bar-searchable/utils.ts +75 -0
  156. package/src/transition/index.ts +369 -0
  157. package/src/transition/ios.transition.ts +966 -0
  158. package/src/utils.ts +91 -0
package/dist/css/components/ion-segment.css ADDED
@@ -0,0 +1 @@
1
+ ion-segment.ios:not(.ios26-disabled){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-segment.ios:not(.ios26-disabled){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-segment.ios:not(.ios26-disabled){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-segment.ios:not(.ios26-disabled){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;min-height:48px;border-radius:25px;transition:transform var(--ios26-activated-transition-duration) ease-out}ion-segment.ios:not(.ios26-disabled).segment-activated,ion-segment.ios:not(.ios26-disabled):has(ion-segment-button.ion-activated){will-change:transform}ion-segment.ios:not(.ios26-disabled):not(.segment-activated):not(:has(ion-segment-button.ion-activated)){will-change:auto}ion-segment.ios:not(.ios26-disabled) ion-segment-button:is(.in-toolbar-color,.in-segment-color)::part(indicator-background){background:var(--indicator-color)}ion-segment.ios:not(.ios26-disabled).in-toolbar-color:not(.in-segment-color) ion-segment-button:not(.segment-button-checked)::part(native){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-segment.ios:not(.ios26-disabled):not(.ios26-enable-gesture).segment-activated{transform:scale(1.1) translateZ(0);-webkit-transform:scale(1.1) translateZ(0)}ion-segment.ios:not(.ios26-disabled):not(.ios26-enable-gesture).segment-activated ion-segment-button{--indicator-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0);--indicator-transform: scale(1.1) translateZ(0);transition:transform 100ms ease-out}ion-segment.ios:not(.ios26-disabled):not(.ios26-enable-gesture).segment-activated ion-segment-button.segment-button-checked::part(native){transform:scale(1.08) translateZ(0);-webkit-transform:scale(1.08) translateZ(0)}ion-segment.ios:not(.ios26-disabled):not(.ios26-enable-gesture).segment-activated ion-segment-button::part(indicator-background){position:relative;z-index:1;transform-origin:center center}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture:has(ion-segment-button.ion-activated){transform:scale(1.1) translateZ(0);-webkit-transform:scale(1.1) translateZ(0)}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button{--indicator-transform: scale(1.1) translateZ(0);transition:transform 100ms ease-out}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button.segment-button-checked::part(native){transform:scale(1.08) translateZ(0);-webkit-transform:scale(1.08) translateZ(0)}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button::part(indicator-background){position:relative;z-index:1;transform-origin:center center}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture.ios26-animated ion-segment-button{--indicator-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0)}ion-segment.ios:not(.ios26-disabled).segment-expand{min-height:24px;width:calc(100% - var(--ion-safe-area-left, 0) - var(--ion-safe-area-left, 0) - 24px)}ion-segment.ios:not(.ios26-disabled).segment-expand.segment-activated{transform:scale(1)}ion-segment.ios:not(.ios26-disabled).segment-expand.segment-activated ion-segment-button.segment-button-checked::part(native){transform:scale(1)}ion-segment.ios:not(.ios26-disabled).segment-expand ion-segment-button{min-height:24px}ion-segment.ios:not(.ios26-disabled).segment-expand.ios26-enable-gesture:has(ion-segment-button.ion-activated){transform:scale(1) translateZ(0);-webkit-transform:scale(1) translateZ(0)}ion-segment.ios:not(.ios26-disabled).segment-expand.ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button{--indicator-transform: scale(1) translateZ(0);transition:none}ion-segment.ios:not(.ios26-disabled).segment-expand.ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button.segment-button-checked::part(native){transform:scale(1) translateZ(0);-webkit-transform:scale(1) translateZ(0)}ion-segment.ios:not(.ios26-disabled).segment-expand.ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button::part(indicator-background){position:relative;z-index:1;transform-origin:center center}ion-segment.ios:not(.ios26-disabled).segment-expand.ios26-enable-gesture.ios26-animated ion-segment-button{--indicator-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0)}ion-segment-button.ios:not(.ios26-disabled){--border-width: 0;--indicator-box-shadow: none;--indicator-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06);--ion-color-base: var(--ion-text-color, #000);--padding-start: 8px;--padding-end: 8px;min-width:60px;margin:3px 2px;font-size:14.5px}ion-segment-button.ios:not(.ios26-disabled)::part(indicator-background){border-radius:25px;transition:background .2s ease}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){border-radius:25px;background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 1);backdrop-filter:blur(0) saturate(104%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(0,0,0,0);height:100%}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element{color:var(--color-selected, var(--ion-color-primary, #0054e9));pointer-events:none;position:absolute;left:0;top:-3.25px;transform-origin:center center}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element>*{visibility:hidden}
package/dist/css/components/ion-tabs.css ADDED
@@ -0,0 +1 @@
1
+ ion-tab-bar.ios:not(.ios26-disabled){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-tab-bar.ios:not(.ios26-disabled){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-tab-bar.ios:not(.ios26-disabled){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-tab-bar.ios:not(.ios26-disabled){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;border-radius:40px;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios26-disabled)[slot=top]{position:absolute;top:var(--ios26-floating-safe-area-top);right:calc(16px + var(--ion-safe-area-right, 0px))}ion-tab-bar.ios:not(.ios26-disabled)[slot=bottom]{position:absolute;bottom:var(--ios26-floating-safe-area-bottom);left:calc(16px + var(--ion-safe-area-left, 0px))}ion-tab-bar.ios:not(.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - 60px - 12px);max-width:474px;min-height:56px}ion-tab-bar.ios:not(.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)));max-width:546px}ion-tab-bar.ios:not(.ios26-disabled){padding:2px 2px;transition:transform var(--ios26-activated-transition-duration) ease-out}ion-tab-bar.ios:not(.ios26-disabled):has(ion-tab-button.ion-activated){will-change:transform;transform:scale(1.038) translateZ(0);-webkit-transform:scale(1.038) translateZ(0)}ion-tab-bar.ios:not(.ios26-disabled):not(:has(ion-tab-button.ion-activated)){will-change:auto}ion-tab-bar.ios:not(.ios26-disabled):has(ion-tab-button.ion-activated) ion-tab-button.tab-selected:not(.ion-activated){--color-selected: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios26-disabled).ios26-enable-gesture.ios26-animated ion-tab-button.tab-selected::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0)}ion-tab-bar.ios:not(.ios26-disabled).ios26-enable-gesture.ios26-animated ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios26-disabled).ios26-enable-gesture.ios26-animated ion-tab-button.ion-activated ion-icon{filter:brightness(100%)}ion-tab-button.ios:not(.ios26-disabled) ion-icon{font-size:26px}ion-tab-button.ios:not(.ios26-disabled) ion-label,ion-tab-button.ios:not(.ios26-disabled) ion-icon{transition:filter var(--ios26-activated-transition-duration) ease,color var(--ios26-activated-transition-duration) ease}ion-tab-button.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0);height:auto;transition:transform var(--ios26-activated-transition-duration) ease}ion-tab-button.ios:not(.ios26-disabled)::part(native){overflow:visible;min-height:56px;border-radius:32px}ion-tab-button.ios:not(.ios26-disabled).ion-activated{transform:scale(1.1);position:relative;color:var(--color-selected)}ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-icon{filter:brightness(104%)}ion-tab-button.ios:not(.ios26-disabled).tab-selected::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.095);transition:background var(--ios26-activated-transition-duration) ease}ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0);backdrop-filter:blur(0) saturate(104%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element{pointer-events:none;position:absolute;left:0;top:0;transform-origin:center}ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element>*{visibility:hidden}
package/dist/css/components/ion-toast.css ADDED
@@ -0,0 +1 @@
1
+ ion-toast.ios:not(.ios26-disabled){--background: rgba(var(--ios26-glass-background-rgb), 0.72);--border-radius: 24px;--border-style: solid;--border-width: 0.5px;--box-shadow: inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2), 0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);--start: 16px;--end: 16px}ion-toast.ios:not(.ios26-disabled)::part(wrapper){backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-toast.ios:not(.ios26-disabled).ion-color::part(wrapper){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ion-color-base-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-top-color:rgba(var(--ion-color-base-rgb), 1);border-right-color:rgba(var(--ion-color-base-rgb), 0.8);border-bottom-color:rgba(var(--ion-color-base-rgb), 1);border-left-color:rgba(var(--ion-color-base-rgb), 0.6)}
package/dist/css/components/ion-toggle.css ADDED
@@ -0,0 +1 @@
1
+ ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(track){transform-origin:left;transform:scaleX(0.894) translateZ(0);-webkit-transform:scaleX(0.894) translateZ(0)}ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6) translateX(-5.7px) translateZ(0);-webkit-transform:scale(1.4, 1.6) translateX(-5.7px) translateZ(0)}ion-toggle.ios:not(.ios26-disabled){--handle-width: 38px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--handle-box-shadow: none}ion-toggle.ios:not(.ios26-disabled).ion-color{--track-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23)}ion-toggle.ios:not(.ios26-disabled):not(.ion-color){--track-background: rgba(var(--ion-color-contrast-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.23)}ion-toggle.ios:not(.ios26-disabled)::part(track){overflow:visible;width:64px;height:28px;transition:transform 280ms ease}ion-toggle.ios:not(.ios26-disabled).toggle-activated:not(.toggle-checked)::part(handle){transform:translateX(-4px) scale(1.4, 1.6) translateZ(0);-webkit-transform:translateX(-4px) scale(1.4, 1.6) translateZ(0)}ion-toggle.ios:not(.ios26-disabled).toggle-activated.toggle-checked::part(handle){transform:scale(1.4, 1.6) translateZ(0)}ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6) translateZ(0);-webkit-transform:scale(1.4, 1.6) translateZ(0);--handle-transition: transform 280ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms;backdrop-filter:blur(0.5px) saturate(120%);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-toggle.ios:not(.ios26-disabled).toggle-activated{--handle-background: rgba(var(--ios26-glass-background-rgb), 0.1);--handle-background-checked: rgba(var(--ios26-glass-background-rgb), 0.1);--handle-box-shadow: inset 0 0 8px 0 var(--track-background)}ion-toggle.ios:not(.ios26-disabled).ion-color.toggle-checked.toggle-activated{--handle-box-shadow: inset 0 8px 8px -8px var(--ion-color-base), inset 8px 0 8px -8px var(--track-background), inset 8px 0 8px -8px var(--track-background), inset -8px 0 8px -8px var(--ion-color-base)}ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated{--handle-box-shadow: inset 0 8px 8px -8px var(--track-background-checked), inset 8px 0 8px -8px var(--track-background), inset 8px 0 8px -8px var(--track-background), inset -8px 0 8px -8px var(--track-background-checked)}
package/dist/css/components/ion-toolbar.css ADDED
@@ -0,0 +1 @@
1
+ ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.08);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:25px;overflow:hidden}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):not(:has(.ion-activated)):hover{opacity:.72}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transition:transform var(--ios26-activated-transition-duration) ease-out;z-index:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated){z-index:5;background-color:rgba(var(--ios26-glass-background-rgb), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.95),inset 0 1px 3px 0 rgba(var(--ios26-glass-border-color-rgb), 0.85),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.6),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.12);transform:scale(1.38) translateZ(0);-webkit-transform:scale(1.38) translateZ(0)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(ion-button:nth-child(n+2)){transform:scale(1.25) translateZ(0);-webkit-transform:scale(1.25) translateZ(0)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small){transform:scale(1.18) translateZ(0);-webkit-transform:scale(1.18) translateZ(0)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small):has(ion-button:nth-child(n+2)){transform:scale(1.12) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large){transform:scale(1.22) translateZ(0);-webkit-transform:scale(1.22) translateZ(0)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large):has(ion-button:nth-child(n+2)){transform:scale(1.12) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(ion-button:not(.ios26-disabled).button-clear.button-large){border-radius:30px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear{--background: transparent;--border-style: none;--border-width: 0;--box-shadow: none;transform:none;font-weight:500}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.button-small{min-height:22px;--padding-top: 1px;--padding-bottom: 1px;--padding-start: 0.5em;--padding-end: 0.5em}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.button-default{--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.button-default::part(native){min-height:42px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.button-large{min-height:60px;--padding-top: 17px;--padding-start: 1em;--padding-end: 1em;--padding-bottom: 17px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear:not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear::part(native){backdrop-filter:none}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}.header-collapse-main :where(ion-toolbar.in-toolbar) ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transition:transform var(--ios26-activated-transition-duration) ease-out}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button{margin:0 6px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:first-child{margin-left:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:last-child{margin-right:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:only-child{margin:0}ion-button.ios:not(.ios26-disabled){max-height:inherit;z-index:0}ion-button.ios:not(.ios26-disabled).ion-activated{z-index:10}ion-button.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease}ion-button.ios:not(.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color){--ion-toolbar-color: currentColor}ion-button.ios:not(.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color).button-solid{--ion-toolbar-color: var(--background);--ion-toolbar-background: currentColor}ion-button.ios:not(.ios26-disabled):not(.ios26-disabled):hover,ion-button.ios:not(.ios26-disabled):not(.ios26-disabled):active,ion-button.ios:not(.ios26-disabled):not(.ios26-disabled).ion-activated{will-change:transform}ion-button.ios:not(.ios26-disabled):not(.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only){--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit],ion-button.ios:not(.ios26-disabled).button-solid.button-submit{--background-activated: var(--ion-color-primary-shade, #004acd);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]),ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]){--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-primary,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-primary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-secondary,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-secondary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-tertiary,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-tertiary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-success,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-success-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-warning,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-warning-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-danger,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-danger-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-light,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-light-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-medium,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-medium-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-dark,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-dark-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit],ion-button.ios:not(.ios26-disabled).button-solid.button-submit{--background-color: #fff;--background-activated-opacity: 1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large),ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-submit::part(native){position:relative;z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-color::part(native){color:var(--color)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated{--border-width: 0.78px;--box-shadow: inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2), 0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled{--background: var(--ion-background-color-step-200, #cccccc);opacity:1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled.ion-color,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled.ion-color{--background: var(--ion-color-base);--color: var(--ion-color-contrast);opacity:.38}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled::part(native){color:var(--color)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled.ion-color::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled.ion-color::part(native){background:var(--background)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled{--border-style: none;--border-width: 0}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios26-glass-background-rgb), 0.72);--background-hover: transparent;--background-activated: transparent;--box-shadow: inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2), 0 0.5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.08)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){backdrop-filter:blur(2px) saturate(360%);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.ion-activated):hover{opacity:.72}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){background-color:rgba(var(--ios26-glass-background-rgb), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.95),inset 0 1px 3px 0 rgba(var(--ios26-glass-border-color-rgb), 0.85),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.6),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.12);opacity:1;color:var(--color)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large){--padding-bottom: 2px;--padding-end: 2px;--padding-start: 2px;--padding-top: 2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;z-index:0}ion-back-button.ios:not(.ios26-disabled).ion-activated{z-index:10}ion-back-button.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease}ion-back-button.ios:not(.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color){--ion-toolbar-color: currentColor}ion-back-button.ios:not(.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color).button-solid{--ion-toolbar-color: var(--background);--ion-toolbar-background: currentColor}ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled):hover,ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled):active,ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled).ion-activated{will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only){--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0;--min-height: 44px}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit],ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit{--background-activated: var(--ion-color-primary-shade, #004acd);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]){--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-primary,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-primary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-secondary,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-secondary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-tertiary,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-tertiary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-success,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-success-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-warning,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-warning-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-danger,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-danger-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-light,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-light-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-medium,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-medium-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-dark,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-dark-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit],ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit{--background-color: #fff;--background-activated-opacity: 1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit::part(native){position:relative;z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-color::part(native){color:var(--color)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated::part(native){background-color:rgba(var(--ios26-glass-background-rgb), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.95),inset 0 1px 3px 0 rgba(var(--ios26-glass-border-color-rgb), 0.85),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.6),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled{--background: var(--ion-background-color-step-200, #cccccc);opacity:1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled.ion-color,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled.ion-color{--background: var(--ion-color-base);--color: var(--ion-color-contrast);opacity:.38}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled::part(native){color:var(--color)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled.ion-color::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled.ion-color::part(native){background:var(--background)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled::part(native){border:none}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios26-glass-background-rgb), 0.72);--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.08);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.ion-activated):hover{opacity:.72}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){background-color:rgba(var(--ios26-glass-background-rgb), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.95),inset 0 1px 3px 0 rgba(var(--ios26-glass-border-color-rgb), 0.85),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.6),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.12);opacity:1;color:var(--color)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large){--padding-bottom: 2px;--padding-end: 2px;--padding-start: 2px;--padding-top: 2px;--min-height: 44px;--min-width: 44px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-modal.ios:not(.ios26-disabled).modal-card ion-header.ios:not(.ios26-disabled) ion-toolbar.ios:not(.ios26-disabled):first-of-type,ion-modal.ios:not(.ios26-disabled).modal-sheet ion-header.ios:not(.ios26-disabled) ion-toolbar.ios:not(.ios26-disabled):first-of-type{padding-top:6px}ion-header.ios.header-collapse-condense:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:0}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled):not(:has(ion-segment.segment-expand)){--min-height: 68px}ion-header.ios:not(.ios26-disabled):not(.header-collapse-condense):not(:where(ion-modal *))>ion-toolbar.ios:not(.ios26-disabled):not(.toolbar-title-large):not(.toolbar-searchbar):not(:has(ion-segment.segment-expand)):first-of-type{padding-top:max(var(--ion-safe-area-top) - 10px,6px);--min-height: 64px}ion-toolbar.ios:not(.ios26-disabled).toolbar-searchbar *[slot=start],ion-toolbar.ios:not(.ios26-disabled).toolbar-searchbar *[slot=end]{align-self:center}ion-toolbar.ios:not(.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=start]) ion-buttons[slot=start]{margin-right:6px}ion-toolbar.ios:not(.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=start]) ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container{margin:0 12px 0 6px}ion-toolbar.ios:not(.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=end]) ion-buttons[slot=end]{margin-left:6px}ion-toolbar.ios:not(.ios26-disabled).toolbar-searchbar:has(ion-buttons[slot=end]) ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container{margin:0 6px 0 12px}ion-toolbar.ios:not(.ios26-disabled) ion-buttons{margin-left:12px;margin-right:12px}ion-toolbar.ios:not(.ios26-disabled) ion-back-button{margin-left:12px;margin-right:12px}ion-toolbar.ios:not(.ios26-disabled) ion-buttons>ion-back-button{margin-left:0;margin-right:0}
package/dist/css/default-variables.css ADDED
@@ -0,0 +1 @@
1
+ :root{--ios26-floating-safe-area-top: max(10px, var(--ion-safe-area-top, 0px));--ios26-floating-safe-area-bottom: max(10px, calc(var(--ion-safe-area-bottom, 0px) - 12px));--ios26-activated-transition-duration: 140ms;--ios26-glass-background-rgb: 255, 255, 255;--ios26-glass-box-shadow-color-rgb: 220, 220, 220;--ios26-glass-border-color-rgb: 255, 255, 255;--ios26-button-color-selected-rgb: 16, 16, 16;--ios26-menu-width: 360px;--ios26-content-box-shadow-rgb: var(--ion-color-base-rgb, var(--ion-background-color-rgb, 255, 255, 255));--ion-color-primary-brightness: rgb(var(--ion-color-primary-brightness-rgb));--ion-color-secondary-brightness: rgb(var(--ion-color-secondary-brightness-rgb));--ion-color-tertiary-brightness: rgb(var(--ion-color-tertiary-brightness-rgb));--ion-color-success-brightness: rgb(var(--ion-color-success-brightness-rgb));--ion-color-warning-brightness: rgb(var(--ion-color-warning-brightness-rgb));--ion-color-danger-brightness: rgb(var(--ion-color-danger-brightness-rgb));--ion-color-light-brightness: rgb(var(--ion-color-light-brightness-rgb));--ion-color-medium-brightness: rgb(var(--ion-color-medium-brightness-rgb));--ion-color-dark-brightness: rgb(var(--ion-color-dark-brightness-rgb))}
package/dist/css/ionic-theme-ios26-dark-always.css ADDED
@@ -0,0 +1 @@
1
+ :root{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios26-button-color-selected-rgb), 0.56);--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1);--box-shadow: inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55)}ion-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-color:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-back-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios26-button-color-selected-rgb), 0.56);--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-back-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-color:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-back-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}
package/dist/css/ionic-theme-ios26-dark-class.css ADDED
@@ -0,0 +1 @@
1
+ .ion-palette-dark{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated.ion-color,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios26-button-color-selected-rgb), 0.56);--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1);--box-shadow: inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55)}.ion-palette-dark ion-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-color:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}.ion-palette-dark ion-back-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios26-button-color-selected-rgb), 0.56);--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-back-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-back-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-color:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-back-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-label,.ion-palette-dark ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}.ion-palette-dark ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}.ion-palette-dark ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}
package/dist/css/ionic-theme-ios26-dark-system.css ADDED
@@ -0,0 +1 @@
1
+ @media(prefers-color-scheme: dark){:root{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios26-button-color-selected-rgb), 0.56);--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1);--box-shadow: inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55)}ion-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-color:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-back-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios26-button-color-selected-rgb), 0.56);--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-back-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-color:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-back-button.ios:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}}