@ionic/core 9.0.3-dev.11790016799.1e269b7a → 9.0.3-dev.11790116791.11c9cd1e

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 (517) hide show
  1. package/components/index.js +1 -1
  2. package/components/ion-accordion-group.js +1 -1
  3. package/components/ion-accordion.js +1 -1
  4. package/components/ion-action-sheet.js +1 -1
  5. package/components/ion-alert.js +1 -1
  6. package/components/ion-app.js +1 -1
  7. package/components/ion-avatar.js +1 -1
  8. package/components/ion-back-button.js +1 -1
  9. package/components/ion-backdrop.js +1 -1
  10. package/components/ion-badge.js +1 -1
  11. package/components/ion-breadcrumb.js +1 -1
  12. package/components/ion-breadcrumbs.js +1 -1
  13. package/components/ion-button.js +1 -1
  14. package/components/ion-buttons.js +1 -1
  15. package/components/ion-card-content.js +1 -1
  16. package/components/ion-card-header.js +1 -1
  17. package/components/ion-card-subtitle.js +1 -1
  18. package/components/ion-card-title.js +1 -1
  19. package/components/ion-card.js +1 -1
  20. package/components/ion-checkbox.js +1 -1
  21. package/components/ion-chip.js +1 -1
  22. package/components/ion-col.js +1 -1
  23. package/components/ion-content.js +1 -1
  24. package/components/ion-datetime-button.js +1 -1
  25. package/components/ion-datetime.js +1 -1
  26. package/components/ion-divider.js +1 -1
  27. package/components/ion-fab-button.js +1 -1
  28. package/components/ion-fab-list.js +1 -1
  29. package/components/ion-fab.js +1 -1
  30. package/components/ion-footer.js +1 -1
  31. package/components/ion-gallery-item.js +1 -1
  32. package/components/ion-gallery.js +1 -1
  33. package/components/ion-grid.js +1 -1
  34. package/components/ion-header.js +1 -1
  35. package/components/ion-img.js +1 -1
  36. package/components/ion-infinite-scroll-content.js +1 -1
  37. package/components/ion-infinite-scroll.js +1 -1
  38. package/components/ion-input-otp.js +1 -1
  39. package/components/ion-input-password-toggle.js +1 -1
  40. package/components/ion-input.js +1 -1
  41. package/components/ion-item-divider.js +1 -1
  42. package/components/ion-item-group.js +1 -1
  43. package/components/ion-item-option.js +1 -1
  44. package/components/ion-item-options.js +1 -1
  45. package/components/ion-item-sliding.js +1 -1
  46. package/components/ion-item.js +1 -1
  47. package/components/ion-label.js +1 -1
  48. package/components/ion-list-header.js +1 -1
  49. package/components/ion-list.js +1 -1
  50. package/components/ion-loading.js +1 -1
  51. package/components/ion-menu-button.js +1 -1
  52. package/components/ion-menu-toggle.js +1 -1
  53. package/components/ion-menu.js +1 -1
  54. package/components/ion-modal.js +1 -1
  55. package/components/ion-nav.js +1 -1
  56. package/components/ion-note.js +1 -1
  57. package/components/ion-picker-column-option.js +1 -1
  58. package/components/ion-picker-column.js +1 -1
  59. package/components/ion-picker.js +1 -1
  60. package/components/ion-popover.js +1 -1
  61. package/components/ion-progress-bar.js +1 -1
  62. package/components/ion-radio-group.js +1 -1
  63. package/components/ion-radio.js +1 -1
  64. package/components/ion-range.js +1 -1
  65. package/components/ion-refresher-content.js +1 -1
  66. package/components/ion-refresher.js +1 -1
  67. package/components/ion-reorder-group.js +1 -1
  68. package/components/ion-reorder.js +1 -1
  69. package/components/ion-ripple-effect.js +1 -1
  70. package/components/ion-router-link.js +1 -1
  71. package/components/ion-router-outlet.js +1 -1
  72. package/components/ion-router.js +1 -1
  73. package/components/ion-row.js +1 -1
  74. package/components/ion-searchbar.js +1 -1
  75. package/components/ion-segment-button.js +1 -1
  76. package/components/ion-segment.js +1 -1
  77. package/components/ion-select-modal.js +1 -1
  78. package/components/ion-select-option.js +1 -1
  79. package/components/ion-select-popover.js +1 -1
  80. package/components/ion-select.js +1 -1
  81. package/components/ion-skeleton-text.js +1 -1
  82. package/components/ion-spinner.js +1 -1
  83. package/components/ion-split-pane.js +1 -1
  84. package/components/ion-tab-bar.js +1 -1
  85. package/components/ion-tab-button.js +1 -1
  86. package/components/ion-tab.js +1 -1
  87. package/components/ion-text.js +1 -1
  88. package/components/ion-textarea.js +1 -1
  89. package/components/ion-thumbnail.js +1 -1
  90. package/components/ion-title.js +1 -1
  91. package/components/ion-toast.js +1 -1
  92. package/components/ion-toggle.js +1 -1
  93. package/components/ion-toolbar.js +1 -1
  94. package/components/p-0Zqw1uai.js +4 -0
  95. package/components/{p-CTTmpA7l.js → p-3cjGQppH.js} +1 -1
  96. package/{dist/ionic/p-psKsVoNI.js → components/p-B5AgguuG.js} +1 -1
  97. package/components/{p-BZmR0M4X.js → p-BNEGSmbp.js} +1 -1
  98. package/components/p-BSIw8XlU.js +4 -0
  99. package/components/{p-ZxET9sbA.js → p-BW5EN2Xi.js} +1 -1
  100. package/components/p-BYk20Mf5.js +4 -0
  101. package/components/p-BYnI-EJn.js +4 -0
  102. package/components/p-B_aT3oAQ.js +4 -0
  103. package/components/{p-CPXKIYkL.js → p-BkZBiLB3.js} +1 -1
  104. package/components/p-BouoWyEU.js +4 -0
  105. package/components/p-BqvZYIdI.js +4 -0
  106. package/components/p-BrRaGlll.js +4 -0
  107. package/components/{p-BBz0jPCg.js → p-C2CD_fhN.js} +1 -1
  108. package/components/{p-CsQsFkwO.js → p-C4xXkVID.js} +1 -1
  109. package/components/{p-VLn2Ytmp.js → p-CEKVY_H-.js} +1 -1
  110. package/components/{p-DkQNAyg8.js → p-CGj2vPt5.js} +1 -1
  111. package/components/{p-DgIAZUGe.js → p-CJp2AnUY.js} +1 -1
  112. package/components/p-CO6vPcgh.js +4 -0
  113. package/components/{p-DhBOoebx.js → p-Ce2nAsLZ.js} +1 -1
  114. package/components/{p-JAFy4ZHv.js → p-Cf8Sc9qN.js} +1 -1
  115. package/components/p-Cfk7czUn.js +4 -0
  116. package/components/{p-DNrr6r3I.js → p-CiRvXVG4.js} +1 -1
  117. package/components/p-Cl4FcpPX.js +4 -0
  118. package/components/{p-CtLeQL1G.js → p-CmZn5IDl.js} +1 -1
  119. package/components/p-D8HKWBJm.js +4 -0
  120. package/components/{p-EayFnjkU.js → p-D9UifuBV.js} +1 -1
  121. package/components/p-DBFO9oVW.js +4 -0
  122. package/components/{p-BGP1kR6j.js → p-DCpIv6ib.js} +1 -1
  123. package/components/p-DKWIsI1o.js +4 -0
  124. package/components/p-DQKxHcJi.js +4 -0
  125. package/components/p-DT2MRyId.js +4 -0
  126. package/components/{p-DWBpR7SJ.js → p-DdEyFcAR.js} +1 -1
  127. package/components/{p-DOdd_Inr.js → p-DrnBmDva.js} +1 -1
  128. package/components/{p-DGfjyB0v.js → p-Dsp7VCux.js} +1 -1
  129. package/components/p-DwTxdFPM.js +4 -0
  130. package/components/p-DxjhU4Lj.js +4 -0
  131. package/components/p-HWerNWEa.js +4 -0
  132. package/components/{p-D5lFNdff.js → p-M-IrAJS3.js} +1 -1
  133. package/components/p-Xl2x2-Ol.js +4 -0
  134. package/components/p-YP5ydNow.js +4 -0
  135. package/components/p-_FtneEj3.js +4 -0
  136. package/components/{p-C9cwz4xv.js → p-eDabxF6I.js} +1 -1
  137. package/components/p-fKHu5GWX.js +4 -0
  138. package/components/p-gGbm4ACs.js +4 -0
  139. package/components/p-hJBybumI.js +4 -0
  140. package/components/{p-Be00fpKV.js → p-jG41Us4a.js} +1 -1
  141. package/components/{p-CvRAtS4n.js → p-ndDJHQew.js} +1 -1
  142. package/components/p-oaWlbHN_.js +4 -0
  143. package/{dist/ionic/p-DpE9LgN6.js → components/p-oe85PI7E.js} +1 -1
  144. package/components/p-tglOeKd7.js +4 -0
  145. package/css/ionic/bundle.ionic.css +1 -1
  146. package/css/ionic/bundle.ionic.css.map +1 -1
  147. package/css/ionic/core.ionic.css +1 -1
  148. package/css/ionic/core.ionic.css.map +1 -1
  149. package/css/ionic/global.bundle.ionic.css +1 -1
  150. package/css/ionic/global.bundle.ionic.css.map +1 -1
  151. package/css/ionic/ionic-swiper.ionic.css +1 -1
  152. package/css/ionic/ionic-swiper.ionic.css.map +1 -1
  153. package/css/ionic/link.ionic.css +1 -1
  154. package/css/ionic/link.ionic.css.map +1 -1
  155. package/css/ionic/typography.ionic.css +1 -1
  156. package/css/ionic/typography.ionic.css.map +1 -1
  157. package/dist/cjs/{animation-DVrkairK.js → animation-Dfev6yFW.js} +1 -1
  158. package/dist/cjs/{app-globals-CTxe9MxF.js → app-globals-BwOspzE5.js} +1 -1
  159. package/dist/cjs/{button-active-B8t6YMNb.js → button-active-DfzJC914.js} +1 -1
  160. package/dist/cjs/{capacitor-w_r4U-_S.js → capacitor-B7dK21VK.js} +1 -1
  161. package/dist/cjs/{clear-button-press-controller-BKSn-dVq.js → clear-button-press-controller-B49x92PF.js} +1 -1
  162. package/dist/cjs/{focus-visible-BIj-I3-C.js → focus-visible-DGPRKkcx.js} +52 -2
  163. package/dist/cjs/{framework-delegate-Dmce7iqZ.js → framework-delegate-BKYAwcZK.js} +1 -1
  164. package/dist/cjs/{haptic-DZEv3V5s.js → haptic-CMs5ejXB.js} +1 -1
  165. package/dist/cjs/{helpers-DFJMw-qZ.js → helpers-D5NVnu5x.js} +16 -1
  166. package/dist/cjs/{index-DN51-BQl.js → index-6hDA5UlZ.js} +3 -3
  167. package/dist/cjs/{index-BoQA7njo.js → index-Byoi861q.js} +3 -3
  168. package/dist/cjs/{index-DWP810QI.js → index-CutlvfR4.js} +1 -1
  169. package/dist/cjs/{index-Bm6y0Ibt.js → index-Y8n2FvXS.js} +3 -3
  170. package/dist/cjs/index.cjs.js +10 -10
  171. package/dist/cjs/{input-shims-BFGH5o2Z.js → input-shims-SVR_4pAX.js} +6 -6
  172. package/dist/cjs/ion-accordion_2.cjs.entry.js +5 -5
  173. package/dist/cjs/ion-action-sheet.cjs.entry.js +10 -10
  174. package/dist/cjs/ion-alert.cjs.entry.js +10 -10
  175. package/dist/cjs/ion-app_8.cjs.entry.js +14 -14
  176. package/dist/cjs/ion-avatar_3.cjs.entry.js +3 -3
  177. package/dist/cjs/ion-back-button.cjs.entry.js +3 -3
  178. package/dist/cjs/ion-backdrop.cjs.entry.js +2 -2
  179. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +3 -3
  180. package/dist/cjs/ion-button_2.cjs.entry.js +4 -4
  181. package/dist/cjs/ion-card_5.cjs.entry.js +6 -6
  182. package/dist/cjs/ion-checkbox.cjs.entry.js +4 -4
  183. package/dist/cjs/ion-chip.cjs.entry.js +2 -2
  184. package/dist/cjs/ion-col_3.cjs.entry.js +1 -1
  185. package/dist/cjs/ion-datetime-button.cjs.entry.js +3 -3
  186. package/dist/cjs/ion-datetime.cjs.entry.js +6 -6
  187. package/dist/cjs/ion-divider.cjs.entry.js +2 -2
  188. package/dist/cjs/ion-fab_3.cjs.entry.js +3 -3
  189. package/dist/cjs/ion-gallery-item.cjs.entry.js +1 -1
  190. package/dist/cjs/ion-gallery.cjs.entry.js +3 -3
  191. package/dist/cjs/ion-img.cjs.entry.js +3 -3
  192. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +4 -4
  193. package/dist/cjs/ion-input-otp.cjs.entry.js +4 -4
  194. package/dist/cjs/ion-input-password-toggle.cjs.entry.js +2 -2
  195. package/dist/cjs/ion-input.cjs.entry.js +6 -6
  196. package/dist/cjs/ion-item-option_3.cjs.entry.js +6 -6
  197. package/dist/cjs/ion-item_8.cjs.entry.js +5 -5
  198. package/dist/cjs/ion-loading.cjs.entry.js +6 -6
  199. package/dist/cjs/ion-menu_3.cjs.entry.js +7 -7
  200. package/dist/cjs/ion-modal.cjs.entry.js +12 -12
  201. package/dist/cjs/ion-nav_2.cjs.entry.js +6 -6
  202. package/dist/cjs/ion-picker-column-option.cjs.entry.js +3 -3
  203. package/dist/cjs/ion-picker-column.cjs.entry.js +5 -5
  204. package/dist/cjs/ion-picker.cjs.entry.js +2 -2
  205. package/dist/cjs/ion-popover.cjs.entry.js +8 -8
  206. package/dist/cjs/ion-progress-bar.cjs.entry.js +4 -4
  207. package/dist/cjs/ion-radio_2.cjs.entry.js +5 -5
  208. package/dist/cjs/ion-range.cjs.entry.js +5 -5
  209. package/dist/cjs/ion-refresher_2.cjs.entry.js +7 -7
  210. package/dist/cjs/ion-reorder_2.cjs.entry.js +6 -6
  211. package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
  212. package/dist/cjs/ion-route_4.cjs.entry.js +4 -4
  213. package/dist/cjs/ion-searchbar.cjs.entry.js +5 -5
  214. package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
  215. package/dist/cjs/ion-select-modal.cjs.entry.js +6 -6
  216. package/dist/cjs/ion-select_3.cjs.entry.js +8 -8
  217. package/dist/cjs/ion-spinner.cjs.entry.js +2 -2
  218. package/dist/cjs/ion-split-pane.cjs.entry.js +1 -1
  219. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +9 -9
  220. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
  221. package/dist/cjs/ion-text.cjs.entry.js +1 -1
  222. package/dist/cjs/ion-textarea.cjs.entry.js +5 -5
  223. package/dist/cjs/ion-toast.cjs.entry.js +7 -7
  224. package/dist/cjs/ion-toggle.cjs.entry.js +6 -6
  225. package/dist/cjs/{ionic-global-BaVLW54G.js → ionic-global-CRAqTE7M.js} +5 -5
  226. package/dist/cjs/ionic.cjs.js +2 -2
  227. package/dist/cjs/{ios.transition-Bm4N3WK1.js → ios.transition-BluJBTN6.js} +5 -5
  228. package/dist/cjs/{keyboard-9uOUQmB-.js → keyboard-B44EnZyJ.js} +1 -1
  229. package/dist/cjs/{keyboard-5cEsoK5l.js → keyboard-CR7Eg8u3.js} +3 -3
  230. package/dist/cjs/loader.cjs.js +2 -2
  231. package/dist/cjs/{md.transition-Z-7hu2x1.js → md.transition-TBHPCec3.js} +5 -5
  232. package/dist/cjs/{overlays-Jn6TNpc3.js → overlays-B5YzPlbv.js} +5 -5
  233. package/dist/cjs/{scroll-hide-controller-DQ9ulQ11.js → scroll-hide-controller-Bht8yQkC.js} +3 -3
  234. package/dist/cjs/{slot-mutation-controller-C9i1ymbP.js → slot-mutation-controller-CinDJgCY.js} +2 -2
  235. package/dist/cjs/{status-tap-DT7J4fZQ.js → status-tap-Aq-o5Csp.js} +3 -3
  236. package/dist/cjs/{swipe-back-BIbF7bVy.js → swipe-back-Byqp-bJI.js} +2 -2
  237. package/dist/collection/components/accordion/accordion.ionic.css +10 -12
  238. package/dist/collection/components/accordion-group/accordion-group.ionic.css +6 -6
  239. package/dist/collection/components/action-sheet/action-sheet.ionic.css +22 -26
  240. package/dist/collection/components/alert/alert.ionic.css +39 -45
  241. package/dist/collection/components/avatar/avatar.ionic.css +29 -35
  242. package/dist/collection/components/backdrop/backdrop.ionic.css +1 -1
  243. package/dist/collection/components/badge/badge.ionic.css +15 -18
  244. package/dist/collection/components/button/button.ionic.css +22 -26
  245. package/dist/collection/components/buttons/buttons.ionic.css +1 -1
  246. package/dist/collection/components/card/card.ionic.css +7 -7
  247. package/dist/collection/components/card-content/card-content.ionic.css +3 -4
  248. package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +4 -5
  249. package/dist/collection/components/checkbox/checkbox.ionic.css +16 -17
  250. package/dist/collection/components/chip/chip.ionic.css +12 -13
  251. package/dist/collection/components/datetime/datetime.ionic.css +43 -49
  252. package/dist/collection/components/divider/divider.ionic.css +1 -1
  253. package/dist/collection/components/header/header.ionic.css +1 -1
  254. package/dist/collection/components/input/input.ionic.css +40 -43
  255. package/dist/collection/components/input-otp/input-otp.ionic.css +29 -31
  256. package/dist/collection/components/input-password-toggle/input-password-toggle.ionic.css +1 -1
  257. package/dist/collection/components/item/item.ionic.css +9 -10
  258. package/dist/collection/components/item-option/item-option.ionic.css +5 -6
  259. package/dist/collection/components/item-sliding/item-sliding.ionic.css +1 -1
  260. package/dist/collection/components/list-header/list-header.ionic.css +4 -5
  261. package/dist/collection/components/modal/modal.ionic.css +3 -3
  262. package/dist/collection/components/popover/popover.ionic.css +1 -1
  263. package/dist/collection/components/progress-bar/progress-bar.ionic.css +3 -3
  264. package/dist/collection/components/radio/radio.ionic.css +9 -10
  265. package/dist/collection/components/radio-group/radio-group.ionic.css +5 -6
  266. package/dist/collection/components/range/range.ionic.css +11 -12
  267. package/dist/collection/components/searchbar/searchbar.ionic.css +17 -18
  268. package/dist/collection/components/segment-button/segment-button.ionic.css +8 -9
  269. package/dist/collection/components/select/select.ionic.css +26 -29
  270. package/dist/collection/components/select-modal/select-modal.ionic.css +13 -16
  271. package/dist/collection/components/select-popover/select-popover.ionic.css +11 -13
  272. package/dist/collection/components/spinner/spinner.ionic.css +2 -2
  273. package/dist/collection/components/tab-bar/tab-bar.ionic.css +6 -6
  274. package/dist/collection/components/tab-button/tab-button.ionic.css +4 -5
  275. package/dist/collection/components/textarea/textarea.ionic.css +40 -43
  276. package/dist/collection/components/title/title.ionic.css +6 -8
  277. package/dist/collection/components/toast/toast.ionic.css +16 -19
  278. package/dist/collection/components/toggle/toggle.ionic.css +14 -16
  279. package/dist/collection/components/toolbar/toolbar.ionic.css +1 -1
  280. package/dist/collection/utils/focus-trap.js +2 -2
  281. package/dist/collection/utils/focus-visible.js +51 -2
  282. package/dist/collection/utils/helpers.js +15 -1
  283. package/dist/collection/utils/overlays.js +2 -2
  284. package/dist/docs.json +1 -1
  285. package/dist/esm/{animation-DXpoXT3G.js → animation-CSQV6dzD.js} +1 -1
  286. package/dist/esm/{app-globals-gnMsODWu.js → app-globals-PWSz-l_N.js} +1 -1
  287. package/dist/esm/{button-active-DtDlu9-d.js → button-active-C57xZQjg.js} +1 -1
  288. package/dist/esm/{capacitor-CMyaZHxy.js → capacitor-DBIFQa2o.js} +1 -1
  289. package/dist/esm/{clear-button-press-controller-CWOPHFBc.js → clear-button-press-controller-Dd5_yhOF.js} +1 -1
  290. package/dist/esm/{focus-visible-vXpMhGrs.js → focus-visible-BYk20Mf5.js} +52 -3
  291. package/dist/esm/{framework-delegate-DUQ69ajj.js → framework-delegate-BGk11dmh.js} +1 -1
  292. package/dist/esm/{haptic-Dal3yCq6.js → haptic-PEF9NVXM.js} +1 -1
  293. package/dist/esm/{helpers-DTqW6MzS.js → helpers-COVHAPv8.js} +16 -2
  294. package/dist/esm/{index-CpKLzrYn.js → index-B7Bz5x4m.js} +1 -1
  295. package/dist/esm/{index-C2QkTAgc.js → index-DHp8pAEm.js} +3 -3
  296. package/dist/esm/{index-D_YUqPZN.js → index-Detgiv22.js} +3 -3
  297. package/dist/esm/{index-D76uuG8P.js → index-MCAWImIY.js} +3 -3
  298. package/dist/esm/index.js +10 -10
  299. package/dist/esm/{input-shims-DgFi_b6v.js → input-shims-rVCP_KOP.js} +6 -6
  300. package/dist/esm/ion-accordion_2.entry.js +5 -5
  301. package/dist/esm/ion-action-sheet.entry.js +10 -10
  302. package/dist/esm/ion-alert.entry.js +10 -10
  303. package/dist/esm/ion-app_8.entry.js +14 -14
  304. package/dist/esm/ion-avatar_3.entry.js +3 -3
  305. package/dist/esm/ion-back-button.entry.js +3 -3
  306. package/dist/esm/ion-backdrop.entry.js +2 -2
  307. package/dist/esm/ion-breadcrumb_2.entry.js +3 -3
  308. package/dist/esm/ion-button_2.entry.js +4 -4
  309. package/dist/esm/ion-card_5.entry.js +6 -6
  310. package/dist/esm/ion-checkbox.entry.js +4 -4
  311. package/dist/esm/ion-chip.entry.js +2 -2
  312. package/dist/esm/ion-col_3.entry.js +1 -1
  313. package/dist/esm/ion-datetime-button.entry.js +3 -3
  314. package/dist/esm/ion-datetime.entry.js +6 -6
  315. package/dist/esm/ion-divider.entry.js +2 -2
  316. package/dist/esm/ion-fab_3.entry.js +3 -3
  317. package/dist/esm/ion-gallery-item.entry.js +1 -1
  318. package/dist/esm/ion-gallery.entry.js +3 -3
  319. package/dist/esm/ion-img.entry.js +3 -3
  320. package/dist/esm/ion-infinite-scroll_2.entry.js +4 -4
  321. package/dist/esm/ion-input-otp.entry.js +4 -4
  322. package/dist/esm/ion-input-password-toggle.entry.js +2 -2
  323. package/dist/esm/ion-input.entry.js +6 -6
  324. package/dist/esm/ion-item-option_3.entry.js +6 -6
  325. package/dist/esm/ion-item_8.entry.js +5 -5
  326. package/dist/esm/ion-loading.entry.js +6 -6
  327. package/dist/esm/ion-menu_3.entry.js +7 -7
  328. package/dist/esm/ion-modal.entry.js +12 -12
  329. package/dist/esm/ion-nav_2.entry.js +6 -6
  330. package/dist/esm/ion-picker-column-option.entry.js +3 -3
  331. package/dist/esm/ion-picker-column.entry.js +5 -5
  332. package/dist/esm/ion-picker.entry.js +2 -2
  333. package/dist/esm/ion-popover.entry.js +8 -8
  334. package/dist/esm/ion-progress-bar.entry.js +4 -4
  335. package/dist/esm/ion-radio_2.entry.js +5 -5
  336. package/dist/esm/ion-range.entry.js +5 -5
  337. package/dist/esm/ion-refresher_2.entry.js +7 -7
  338. package/dist/esm/ion-reorder_2.entry.js +6 -6
  339. package/dist/esm/ion-ripple-effect.entry.js +1 -1
  340. package/dist/esm/ion-route_4.entry.js +4 -4
  341. package/dist/esm/ion-searchbar.entry.js +5 -5
  342. package/dist/esm/ion-segment_2.entry.js +4 -4
  343. package/dist/esm/ion-select-modal.entry.js +6 -6
  344. package/dist/esm/ion-select_3.entry.js +8 -8
  345. package/dist/esm/ion-spinner.entry.js +2 -2
  346. package/dist/esm/ion-split-pane.entry.js +1 -1
  347. package/dist/esm/ion-tab-bar_2.entry.js +9 -9
  348. package/dist/esm/ion-tab_2.entry.js +3 -3
  349. package/dist/esm/ion-text.entry.js +1 -1
  350. package/dist/esm/ion-textarea.entry.js +5 -5
  351. package/dist/esm/ion-toast.entry.js +7 -7
  352. package/dist/esm/ion-toggle.entry.js +6 -6
  353. package/dist/esm/{ionic-global-oK2heABF.js → ionic-global-DPSBlusf.js} +5 -5
  354. package/dist/esm/ionic.js +2 -2
  355. package/dist/esm/{ios.transition-D6rsx0aJ.js → ios.transition-Dg02Css6.js} +5 -5
  356. package/dist/esm/{keyboard-YBye__Ay.js → keyboard-0MlGMI-U.js} +3 -3
  357. package/dist/esm/{keyboard-Dzp50ozz.js → keyboard-C09oMZsY.js} +1 -1
  358. package/dist/esm/loader.js +2 -2
  359. package/dist/esm/{md.transition-0y4So3tu.js → md.transition-DWmGdm6c.js} +5 -5
  360. package/dist/esm/{overlays-CLlfG_qy.js → overlays-Bv7M5ll5.js} +5 -5
  361. package/dist/esm/{scroll-hide-controller-BUZm0jSI.js → scroll-hide-controller-Tp5xjq2E.js} +3 -3
  362. package/dist/esm/{slot-mutation-controller-C5Vj7Od7.js → slot-mutation-controller-PS17pZ-_.js} +2 -2
  363. package/dist/esm/{status-tap-VmNhEOZr.js → status-tap-_VvGTiUU.js} +3 -3
  364. package/dist/esm/{swipe-back-BHHiqew-.js → swipe-back-D2R5S8HL.js} +2 -2
  365. package/dist/ionic/index.esm.js +1 -1
  366. package/dist/ionic/ionic.esm.js +1 -1
  367. package/dist/ionic/{p-3bb43e22.entry.js → p-054bdefd.entry.js} +1 -1
  368. package/dist/ionic/p-155f3baf.entry.js +4 -0
  369. package/dist/ionic/{p-1e0f0eb9.entry.js → p-18d55baa.entry.js} +1 -1
  370. package/dist/ionic/p-1d40a19c.entry.js +4 -0
  371. package/dist/ionic/{p-cfd5dc50.entry.js → p-221d7b0b.entry.js} +1 -1
  372. package/dist/ionic/p-30858188.entry.js +4 -0
  373. package/dist/ionic/{p-924182fc.entry.js → p-3111972e.entry.js} +1 -1
  374. package/dist/ionic/p-323b7322.entry.js +4 -0
  375. package/dist/ionic/p-32ed09fe.entry.js +4 -0
  376. package/dist/ionic/{p-d0368d31.entry.js → p-343f72d0.entry.js} +1 -1
  377. package/dist/ionic/{p-db011674.entry.js → p-37faa244.entry.js} +1 -1
  378. package/dist/ionic/p-3966cd77.entry.js +4 -0
  379. package/dist/ionic/p-4030db68.entry.js +4 -0
  380. package/dist/ionic/p-42a054ee.entry.js +4 -0
  381. package/dist/ionic/{p-fdb940e3.entry.js → p-42cfdcb7.entry.js} +1 -1
  382. package/dist/ionic/p-44cd6a88.entry.js +4 -0
  383. package/dist/ionic/{p-886236f0.entry.js → p-6589a3f6.entry.js} +1 -1
  384. package/dist/ionic/{p-18285aab.entry.js → p-68ffe393.entry.js} +1 -1
  385. package/dist/ionic/p-6b9b6175.entry.js +4 -0
  386. package/dist/ionic/{p-84b5eafe.entry.js → p-6c99f6c8.entry.js} +1 -1
  387. package/dist/ionic/{p-dc000de0.entry.js → p-6c9d8e84.entry.js} +1 -1
  388. package/dist/ionic/p-6fe03c66.entry.js +4 -0
  389. package/dist/ionic/{p-ccc7487b.entry.js → p-747c4c1e.entry.js} +1 -1
  390. package/dist/ionic/p-7b769a8c.entry.js +4 -0
  391. package/dist/ionic/p-7e07f60d.entry.js +4 -0
  392. package/dist/ionic/p-7e9a0222.entry.js +4 -0
  393. package/dist/ionic/p-8f052ddf.entry.js +4 -0
  394. package/dist/ionic/{p-368935f5.entry.js → p-8fb06684.entry.js} +1 -1
  395. package/dist/ionic/p-91a7e3df.entry.js +4 -0
  396. package/dist/ionic/p-9344a53d.entry.js +4 -0
  397. package/dist/ionic/{p-55e13406.entry.js → p-93c69512.entry.js} +1 -1
  398. package/dist/ionic/{p-b83de44e.entry.js → p-96f73def.entry.js} +1 -1
  399. package/dist/ionic/p-9c0cae6a.entry.js +4 -0
  400. package/dist/ionic/{p-CsmXfOZY.js → p-B3Kiljjq.js} +1 -1
  401. package/dist/ionic/p-BN5wKnhU.js +4 -0
  402. package/dist/ionic/p-BQmJoNKC.js +4 -0
  403. package/dist/ionic/p-BYk20Mf5.js +4 -0
  404. package/{components/p-CN41sVGB.js → dist/ionic/p-Bp2Gog3I.js} +1 -1
  405. package/dist/ionic/p-Br2aTSXv.js +4 -0
  406. package/dist/ionic/{p-D8HyO4-0.js → p-BxyvWHWp.js} +1 -1
  407. package/dist/ionic/p-C-5bbxTv.js +4 -0
  408. package/dist/ionic/p-CalV2EFO.js +4 -0
  409. package/dist/ionic/p-Ck7LvynN.js +4 -0
  410. package/dist/ionic/{p-BnRvdoDY.js → p-CpbV2dkG.js} +1 -1
  411. package/dist/ionic/p-CyqXbsry.js +4 -0
  412. package/dist/ionic/{p-Izgzy5eB.js → p-DAdCwTwc.js} +1 -1
  413. package/dist/ionic/{p-DAFzmzMJ.js → p-DWu51GL8.js} +1 -1
  414. package/dist/ionic/p-DYl9g-Nn.js +4 -0
  415. package/dist/ionic/p-DhRGeAiB.js +4 -0
  416. package/dist/ionic/{p-BdqFx5km.js → p-Dynoer0Z.js} +1 -1
  417. package/dist/ionic/p-HzpJgzPY.js +4 -0
  418. package/dist/ionic/{p-Cs5kzNVE.js → p-PrbehP8l.js} +1 -1
  419. package/dist/ionic/p-XIxYRztg.js +4 -0
  420. package/dist/ionic/{p-B3L20Lav.js → p-_RfHVD7s.js} +1 -1
  421. package/dist/ionic/{p-8a7bf6c7.entry.js → p-a69ccce3.entry.js} +1 -1
  422. package/dist/ionic/p-a8bce8c2.entry.js +4 -0
  423. package/dist/ionic/p-aa658bb9.entry.js +4 -0
  424. package/dist/ionic/p-ada3f6b9.entry.js +4 -0
  425. package/dist/ionic/p-b2d4bb26.entry.js +4 -0
  426. package/dist/ionic/{p-d5c9bf12.entry.js → p-b9f0ce4c.entry.js} +1 -1
  427. package/dist/ionic/{p-30c4458b.entry.js → p-be5bc00a.entry.js} +1 -1
  428. package/dist/ionic/{p-14dfe86e.entry.js → p-bfe9bfae.entry.js} +1 -1
  429. package/dist/ionic/p-c85c7436.entry.js +4 -0
  430. package/dist/ionic/p-caa7801f.entry.js +4 -0
  431. package/dist/ionic/{p-46709a42.entry.js → p-d97fabaa.entry.js} +1 -1
  432. package/dist/ionic/p-da319993.entry.js +4 -0
  433. package/dist/ionic/p-df1c1199.entry.js +4 -0
  434. package/dist/ionic/{p-2c3704b9.entry.js → p-e02e6d2b.entry.js} +1 -1
  435. package/dist/ionic/{p-6b23289a.entry.js → p-e10326b5.entry.js} +1 -1
  436. package/dist/ionic/{p-d1d3048b.entry.js → p-e8e3b85f.entry.js} +1 -1
  437. package/dist/ionic/p-ec90ddaf.entry.js +4 -0
  438. package/dist/ionic/{p-cd05447f.entry.js → p-ee6708ce.entry.js} +1 -1
  439. package/dist/ionic/{p-e939adf3.entry.js → p-f301235c.entry.js} +1 -1
  440. package/dist/ionic/p-fd0666a5.entry.js +4 -0
  441. package/dist/ionic/{p-CP5-2cXj.js → p-j9My4oCO.js} +1 -1
  442. package/dist/ionic/p-pQdkMmul.js +4 -0
  443. package/dist/ionic/p-sXOU046_.js +4 -0
  444. package/dist/types/utils/focus-visible.d.ts +20 -0
  445. package/dist/types/utils/helpers.d.ts +7 -0
  446. package/hydrate/index.js +110 -47
  447. package/hydrate/index.mjs +110 -47
  448. package/package.json +4 -4
  449. package/components/p-B8dfyFoB.js +0 -4
  450. package/components/p-B9UT2JwK.js +0 -4
  451. package/components/p-B9ibhQu1.js +0 -4
  452. package/components/p-BQUTtt8S.js +0 -4
  453. package/components/p-BZtGrrX4.js +0 -4
  454. package/components/p-BdAOHgnb.js +0 -4
  455. package/components/p-BzxHcuQH.js +0 -4
  456. package/components/p-C6wm_AQQ.js +0 -4
  457. package/components/p-C8aonLbo.js +0 -4
  458. package/components/p-CDmCFFLL.js +0 -4
  459. package/components/p-CaxVJjmc.js +0 -4
  460. package/components/p-CksPhDEa.js +0 -4
  461. package/components/p-CmEe-Llj.js +0 -4
  462. package/components/p-D2X-Hime.js +0 -4
  463. package/components/p-D9jEKvVd.js +0 -4
  464. package/components/p-DG-ZC7Js.js +0 -4
  465. package/components/p-DJkuoL4u.js +0 -4
  466. package/components/p-DOoxQDxg.js +0 -4
  467. package/components/p-DcOWEjmv.js +0 -4
  468. package/components/p-DgEOEy6x.js +0 -4
  469. package/components/p-DtPgvez6.js +0 -4
  470. package/components/p-DwAij6DN.js +0 -4
  471. package/components/p-Dzuh_AKJ.js +0 -4
  472. package/components/p-Uo-TYRpE.js +0 -4
  473. package/components/p-W8Yq_OMR.js +0 -4
  474. package/components/p-cKiRADSB.js +0 -4
  475. package/components/p-fh4o6dKR.js +0 -4
  476. package/components/p-vXpMhGrs.js +0 -4
  477. package/dist/ionic/p-016f2ee0.entry.js +0 -4
  478. package/dist/ionic/p-07b95001.entry.js +0 -4
  479. package/dist/ionic/p-08f20edc.entry.js +0 -4
  480. package/dist/ionic/p-0f268972.entry.js +0 -4
  481. package/dist/ionic/p-167af5d6.entry.js +0 -4
  482. package/dist/ionic/p-18c6af89.entry.js +0 -4
  483. package/dist/ionic/p-1cc2a196.entry.js +0 -4
  484. package/dist/ionic/p-201f484e.entry.js +0 -4
  485. package/dist/ionic/p-26efcc45.entry.js +0 -4
  486. package/dist/ionic/p-32be916d.entry.js +0 -4
  487. package/dist/ionic/p-384fb50d.entry.js +0 -4
  488. package/dist/ionic/p-38da0794.entry.js +0 -4
  489. package/dist/ionic/p-4QzQhqmw.js +0 -4
  490. package/dist/ionic/p-5217eb00.entry.js +0 -4
  491. package/dist/ionic/p-7d2f3242.entry.js +0 -4
  492. package/dist/ionic/p-7e28cc53.entry.js +0 -4
  493. package/dist/ionic/p-80f71456.entry.js +0 -4
  494. package/dist/ionic/p-83aa4043.entry.js +0 -4
  495. package/dist/ionic/p-854b95f9.entry.js +0 -4
  496. package/dist/ionic/p-8NLG9fne.js +0 -4
  497. package/dist/ionic/p-92f21db6.entry.js +0 -4
  498. package/dist/ionic/p-944ce631.entry.js +0 -4
  499. package/dist/ionic/p-B6aOaV_m.js +0 -4
  500. package/dist/ionic/p-BVv5nqxG.js +0 -4
  501. package/dist/ionic/p-CD4Mty1V.js +0 -4
  502. package/dist/ionic/p-CLVGlNRl.js +0 -4
  503. package/dist/ionic/p-CRbXZpID.js +0 -4
  504. package/dist/ionic/p-CZ-V4tB0.js +0 -4
  505. package/dist/ionic/p-CyXL8sF6.js +0 -4
  506. package/dist/ionic/p-D1ej8PMz.js +0 -4
  507. package/dist/ionic/p-DvXo4Ng9.js +0 -4
  508. package/dist/ionic/p-ac4ea8db.entry.js +0 -4
  509. package/dist/ionic/p-aecef1d7.entry.js +0 -4
  510. package/dist/ionic/p-b411d90d.entry.js +0 -4
  511. package/dist/ionic/p-bb83b861.entry.js +0 -4
  512. package/dist/ionic/p-c1c90068.entry.js +0 -4
  513. package/dist/ionic/p-ce1ab874.entry.js +0 -4
  514. package/dist/ionic/p-f252ab8a.entry.js +0 -4
  515. package/dist/ionic/p-f29b784f.entry.js +0 -4
  516. package/dist/ionic/p-si7ttuvL.js +0 -4
  517. package/dist/ionic/p-vXpMhGrs.js +0 -4
package/dist/collection/components/searchbar/searchbar.ionic.css CHANGED
@@ -215,22 +215,21 @@
215
215
  * @prop --focus-ring-color: The color of the ring around the focused element.
216
216
  * @prop --focus-ring-width: The width of the ring around the focused element.
217
217
  */
218
- --background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #eae9e9));
218
+ --background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));
219
219
  --border-radius: var(--token-border-radius-400, var(--token-scale-400, 16px));
220
220
  --box-shadow: none;
221
- --cancel-button-color: var(--token-primitives-neutral-800, #626262);
222
- --clear-button-color: var(--token-primitives-neutral-1000, #3b3b3b);
223
- --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
224
- --icon-color: var(--token-icon-subtlest, var(--token-primitives-neutral-800, #626262));
225
- --placeholder-color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
226
- --focus-ring-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
221
+ --cancel-button-color: var(--token-primitives-neutral-800, #6c727a);
222
+ --clear-button-color: var(--token-primitives-neutral-1000, #383e45);
223
+ --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
224
+ --icon-color: var(--token-icon-subtlest, var(--token-primitives-neutral-800, #6c727a));
225
+ --placeholder-color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
226
+ --focus-ring-color: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
227
227
  --focus-ring-width: var(--token-border-size-050, var(--token-scale-050, 2px));
228
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
228
229
  font-size: var(--token-font-size-350, 0.875rem);
229
230
  font-weight: var(--token-font-weight-regular, 400);
230
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
231
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
232
- text-decoration: none;
233
- text-transform: none;
231
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
232
+ line-height: var(--token-font-line-height-600, 1.5rem);
234
233
  padding-left: 0;
235
234
  padding-right: 0;
236
235
  padding-top: 0;
@@ -274,12 +273,12 @@
274
273
  .searchbar-clear-button:focus-visible,
275
274
  .searchbar-cancel-button:focus-visible ion-icon {
276
275
  border-radius: var(--token-border-radius-100, var(--token-scale-100, 4px));
277
- outline: var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
276
+ outline: var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
278
277
  opacity: 1;
279
278
  }
280
279
 
281
280
  :host(.searchbar-has-value) {
282
- --icon-color: var(--token-icon-default, var(--token-primitives-neutral-1200, #242424));
281
+ --icon-color: var(--token-icon-default, var(--token-primitives-neutral-1200, #242528));
283
282
  }
284
283
 
285
284
  :host(.in-toolbar.searchbar-should-show-cancel) .searchbar-cancel-button {
@@ -297,12 +296,12 @@
297
296
 
298
297
  /* Hover */
299
298
  :host(:hover) {
300
- --background: var(--token-primitives-neutral-200, #eae9e9);
299
+ --background: var(--token-primitives-neutral-200, #ebeef2);
301
300
  }
302
301
 
303
302
  /* Focus */
304
303
  :host(.searchbar-has-focus) .searchbar-input {
305
- outline: var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);
304
+ outline: var(--focus-ring-width) solid var(--focus-ring-color);
306
305
  }
307
306
 
308
307
  :host(.searchbar-has-focus) .searchbar-search-icon,
@@ -318,9 +317,9 @@
318
317
 
319
318
  /* Disabled */
320
319
  :host(.searchbar-disabled) {
321
- --color: var(--token-primitives-neutral-500, #a2a2a2);
322
- --icon-color: var(--token-icon-disabled, var(--token-primitives-neutral-500, #a2a2a2));
323
- --placeholder-color: var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2));
320
+ --color: var(--token-primitives-neutral-500, #9fa5ad);
321
+ --icon-color: var(--token-icon-disabled, var(--token-primitives-neutral-500, #9fa5ad));
322
+ --placeholder-color: var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad));
324
323
  cursor: default;
325
324
  pointer-events: none;
326
325
  }
package/dist/collection/components/segment-button/segment-button.ionic.css CHANGED
@@ -266,12 +266,12 @@
266
266
  */
267
267
  --background: none;
268
268
  --background-checked: var(--background);
269
- --color: var(--token-primitives-neutral-1200, #242424);
269
+ --color: var(--token-primitives-neutral-1200, #242528);
270
270
  --color-checked: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));
271
- --color-disabled: var(--token-primitives-neutral-500, #a2a2a2);
271
+ --color-disabled: var(--token-primitives-neutral-500, #9fa5ad);
272
272
  --border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
273
- --border-color: var(--token-primitives-neutral-300, #e0e0e0);
274
- --border-style: var(--token-border-style-solid, solid);
273
+ --border-color: var(--token-primitives-neutral-300, #e6eaee);
274
+ --border-style: solid;
275
275
  --indicator-box-shadow: none;
276
276
  --indicator-color: var(--color-checked);
277
277
  --indicator-height: var(--token-border-size-025, var(--token-scale-025, 1px));
@@ -302,12 +302,11 @@
302
302
  }
303
303
 
304
304
  ::slotted(ion-label) {
305
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
305
306
  font-size: var(--token-font-size-350, 0.875rem);
306
307
  font-weight: var(--token-font-weight-medium, 500);
307
- letter-spacing: var(--token-font-letter-spacing-1, 1%);
308
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
309
- text-decoration: none;
310
- text-transform: none;
308
+ letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
309
+ line-height: var(--token-font-line-height-500, 1.25rem);
311
310
  }
312
311
 
313
312
  ::slotted(ion-icon) {
@@ -324,7 +323,7 @@
324
323
 
325
324
  :host(.ion-focused) .button-inner {
326
325
  outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
327
- outline: var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
326
+ outline: var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
328
327
  }
329
328
 
330
329
  .segment-button-indicator {
package/dist/collection/components/select/select.ionic.css CHANGED
@@ -557,55 +557,53 @@ button {
557
557
 
558
558
  :host {
559
559
  --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
560
- --border-color: var(--token-primitives-neutral-500, #a2a2a2);
560
+ --border-color: var(--token-primitives-neutral-500, #9fa5ad);
561
561
  --border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
562
562
  --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
563
563
  --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
564
564
  --padding-top: var(--token-space-300, var(--token-scale-300, 12px));
565
565
  --padding-bottom: var(--token-space-300, var(--token-scale-300, 12px));
566
- --placeholder-color: var(--token-primitives-neutral-800, #626262);
566
+ --placeholder-color: var(--token-primitives-neutral-800, #6c727a);
567
567
  --placeholder-opacity: 1;
568
- --highlight-color-focused: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
569
- --highlight-color-valid: var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23));
570
- --highlight-color-invalid: var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222));
568
+ --highlight-color-focused: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
569
+ --highlight-color-valid: var(--token-semantics-success-900, var(--token-primitives-green-900, #037046));
570
+ --highlight-color-invalid: var(--token-semantics-danger-800, var(--token-primitives-red-800, #d2002b));
571
571
  --select-text-gap: var(--token-space-300, var(--token-scale-300, 12px));
572
572
  min-height: var(--token-scale-1100, 44px);
573
573
  }
574
574
 
575
575
  .select-bottom {
576
576
  padding-top: var(--token-space-100, var(--token-scale-100, 4px));
577
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
577
578
  font-size: var(--token-font-size-300, 0.75rem);
578
579
  font-weight: var(--token-font-weight-medium, 500);
579
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
580
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
581
- text-decoration: none;
582
- text-transform: none;
580
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
581
+ line-height: var(--token-font-line-height-500, 1.25rem);
583
582
  }
584
583
 
585
584
  .select-bottom .helper-text {
586
- color: var(--token-primitives-neutral-800, #626262);
585
+ color: var(--token-primitives-neutral-800, #6c727a);
587
586
  }
588
587
 
589
588
  .select-bottom .error-text {
590
- color: var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)));
589
+ color: var(--token-text-danger, var(--token-semantics-danger-800, var(--token-primitives-red-800, #d2002b)));
591
590
  }
592
591
 
593
592
  .select-text {
594
593
  min-width: var(--token-space-400, var(--token-scale-400, 16px));
595
- color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
594
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
596
595
  }
597
596
 
598
597
  :host(.has-value) .select-text {
599
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
598
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
600
599
  }
601
600
 
602
601
  .label-text-wrapper {
602
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
603
603
  font-size: var(--token-font-size-300, 0.75rem);
604
604
  font-weight: var(--token-font-weight-medium, 500);
605
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
606
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
607
- text-decoration: none;
608
- text-transform: none;
605
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
606
+ line-height: var(--token-font-line-height-500, 1.25rem);
609
607
  /**
610
608
  * Label text should not extend
611
609
  * beyond the bounds of the select.
@@ -616,7 +614,7 @@ button {
616
614
  */
617
615
  max-width: var(--token-scale-5000, 200px);
618
616
  transition: color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
619
- color: var(--token-primitives-neutral-1000, #3b3b3b);
617
+ color: var(--token-primitives-neutral-1000, #383e45);
620
618
  }
621
619
 
622
620
  :host(.select-label-placement-start) .label-text-wrapper,
@@ -865,19 +863,18 @@ button {
865
863
  }
866
864
 
867
865
  .native-wrapper {
866
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
868
867
  font-size: var(--token-font-size-350, 0.875rem);
869
868
  font-weight: var(--token-font-weight-regular, 400);
870
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
871
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
872
- text-decoration: none;
873
- text-transform: none;
869
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
870
+ line-height: var(--token-font-line-height-600, 1.5rem);
874
871
  /**
875
872
  * When the floating label appears on top of the
876
873
  * input, we need to fade the input out so that the
877
874
  * label does not overlap with the placeholder.
878
875
  */
879
876
  transition: opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
880
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
877
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
881
878
  }
882
879
 
883
880
  /**
@@ -919,7 +916,7 @@ button {
919
916
  margin-top: 0;
920
917
  margin-bottom: 0;
921
918
  transition: transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
922
- color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
919
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
923
920
  }
924
921
 
925
922
  /**
@@ -935,7 +932,7 @@ button {
935
932
  }
936
933
 
937
934
  :host(.has-value) .select-icon {
938
- color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));
935
+ color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));
939
936
  }
940
937
 
941
938
  /**
@@ -948,18 +945,18 @@ button {
948
945
  }
949
946
 
950
947
  :host(.select-fill-solid) {
951
- --background: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));
948
+ --background: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #ebeef2));
952
949
  }
953
950
 
954
951
  :host(.select-disabled) {
955
- --background: var(--token-primitives-neutral-100, #f3f3f3);
956
- --border-color: var(--token-primitives-neutral-300, #e0e0e0);
952
+ --background: var(--token-primitives-neutral-100, #f6f7fa);
953
+ --border-color: var(--token-primitives-neutral-300, #e6eaee);
957
954
  }
958
955
 
959
956
  :host(.select-disabled) .label-text-wrapper,
960
957
  :host(.select-disabled) .select-text,
961
958
  :host(.select-disabled) .select-icon {
962
- color: var(--token-primitives-neutral-500, #a2a2a2);
959
+ color: var(--token-primitives-neutral-500, #9fa5ad);
963
960
  }
964
961
 
965
962
  :host(.select-shape-soft) {
package/dist/collection/components/select-modal/select-modal.ionic.css CHANGED
@@ -74,19 +74,18 @@
74
74
  }
75
75
 
76
76
  .select-option-description {
77
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
77
78
  font-size: var(--token-font-size-350, 0.875rem);
78
79
  font-weight: var(--token-font-weight-regular, 400);
79
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
80
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
81
- text-decoration: none;
82
- text-transform: none;
80
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
81
+ line-height: var(--token-font-line-height-600, 1.5rem);
83
82
  -webkit-padding-start: var(--token-space-0, var(--token-scale-0, 0px));
84
83
  padding-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
85
84
  -webkit-padding-end: var(--token-space-0, var(--token-scale-0, 0px));
86
85
  padding-inline-end: var(--token-space-0, var(--token-scale-0, 0px));
87
86
  padding-top: var(--token-space-0, var(--token-scale-0, 0px));
88
87
  padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
89
- color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));
88
+ color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));
90
89
  font-size: var(--token-font-size-350, 0.875rem);
91
90
  }
92
91
 
@@ -197,20 +196,19 @@ ion-item {
197
196
  --border-width: var(--token-border-size-0, var(--token-scale-0, 0px));
198
197
  --background-focused: transparent;
199
198
  --background-focused-opacity: 1;
200
- --background-hover: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
199
+ --background-hover: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
201
200
  --background-hover-opacity: 1;
202
- --background-activated: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
201
+ --background-activated: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
203
202
  --background-activated-opacity: 1;
204
203
  --border-radius: var(--token-border-radius-400, var(--token-scale-400, 16px));
205
204
  }
206
205
 
207
206
  ion-toolbar {
207
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
208
208
  font-size: var(--token-font-size-450, 1.125rem);
209
209
  font-weight: var(--token-font-weight-medium, 500);
210
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
211
- line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
212
- text-decoration: none;
213
- text-transform: none;
210
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
211
+ line-height: var(--token-font-line-height-700, 1.75rem);
214
212
  }
215
213
 
216
214
  ion-list ion-radio::part(container) {
@@ -228,17 +226,16 @@ ion-list ion-radio::part(label) {
228
226
 
229
227
  ion-list ion-radio::part(label),
230
228
  ion-list ion-checkbox::part(label) {
229
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
231
230
  font-size: var(--token-font-size-400, 1rem);
232
231
  font-weight: var(--token-font-weight-medium, 500);
233
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
234
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
235
- text-decoration: none;
236
- text-transform: none;
232
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
233
+ line-height: var(--token-font-line-height-600, 1.5rem);
237
234
  }
238
235
 
239
236
  .item-radio-checked,
240
237
  .item-checkbox-checked {
241
- --background: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));
238
+ --background: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));
242
239
  }
243
240
 
244
241
  ion-content {
package/dist/collection/components/select-popover/select-popover.ionic.css CHANGED
@@ -74,19 +74,18 @@
74
74
  }
75
75
 
76
76
  .select-option-description {
77
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
77
78
  font-size: var(--token-font-size-350, 0.875rem);
78
79
  font-weight: var(--token-font-weight-regular, 400);
79
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
80
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
81
- text-decoration: none;
82
- text-transform: none;
80
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
81
+ line-height: var(--token-font-line-height-600, 1.5rem);
83
82
  -webkit-padding-start: var(--token-space-0, var(--token-scale-0, 0px));
84
83
  padding-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
85
84
  -webkit-padding-end: var(--token-space-0, var(--token-scale-0, 0px));
86
85
  padding-inline-end: var(--token-space-0, var(--token-scale-0, 0px));
87
86
  padding-top: var(--token-space-0, var(--token-scale-0, 0px));
88
87
  padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
89
- color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));
88
+ color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));
90
89
  font-size: var(--token-font-size-350, 0.875rem);
91
90
  }
92
91
 
@@ -214,15 +213,15 @@ ion-item {
214
213
  --border-width: var(--token-border-size-0, var(--token-scale-0, 0px));
215
214
  --background-focused: transparent;
216
215
  --background-focused-opacity: 1;
217
- --background-hover: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
216
+ --background-hover: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
218
217
  --background-hover-opacity: 1;
219
- --background-activated: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
218
+ --background-activated: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
220
219
  --background-activated-opacity: 1;
221
220
  }
222
221
 
223
222
  ion-item.ion-focused.item-checkbox-checked,
224
223
  ion-item.ion-focused.item-radio-checked {
225
- --background-focused: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));
224
+ --background-focused: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));
226
225
  --background-focused-opacity: 1;
227
226
  }
228
227
 
@@ -241,15 +240,14 @@ ion-list ion-radio::part(label) {
241
240
 
242
241
  ion-list ion-radio::part(label),
243
242
  ion-list ion-checkbox::part(label) {
243
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
244
244
  font-size: var(--token-font-size-400, 1rem);
245
245
  font-weight: var(--token-font-weight-medium, 500);
246
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
247
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
248
- text-decoration: none;
249
- text-transform: none;
246
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
247
+ line-height: var(--token-font-line-height-600, 1.5rem);
250
248
  }
251
249
 
252
250
  .item-radio-checked,
253
251
  .item-checkbox-checked {
254
- --background: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));
252
+ --background: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));
255
253
  }
package/dist/collection/components/spinner/spinner.ionic.css CHANGED
@@ -250,13 +250,13 @@ svg {
250
250
  }
251
251
  }
252
252
  :host {
253
- --color: var(--token-primitives-neutral-800, #626262);
253
+ --color: var(--token-primitives-neutral-800, #6c727a);
254
254
  width: var(--token-scale-700, 28px);
255
255
  height: var(--token-scale-700, 28px);
256
256
  }
257
257
 
258
258
  :host(.ion-color-medium) {
259
- color: var(--ion-color-medium-subtle-contrast, var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262)));
259
+ color: var(--ion-color-medium-subtle-contrast, var(--token-primitives-neutral-900, #575c63));
260
260
  }
261
261
 
262
262
  :host(.spinner-lines) line,
package/dist/collection/components/tab-bar/tab-bar.ionic.css CHANGED
@@ -129,11 +129,11 @@
129
129
  }
130
130
  :host {
131
131
  --background: var(--ion-tab-bar-background, var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff)));
132
- --background-activated: var(--ion-tab-bar-background-activated, var(--token-bg-select-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc))));
132
+ --background-activated: var(--ion-tab-bar-background-activated, var(--token-bg-select-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff))));
133
133
  --background-focused: var(--ion-tab-bar-background-focused, transparent);
134
- --border: var(--token-border-size-0, var(--token-scale-0, 0px)) var(--token-border-style-solid, solid) var(--ion-tab-bar-border-color, transparent);
135
- --color: var(--ion-tab-bar-color, var(--token-primitives-neutral-800, #626262));
136
- --color-selected: var(--ion-tab-bar-color-selected, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));
134
+ --border: var(--token-border-size-0, var(--token-scale-0, 0px)) solid var(--ion-tab-bar-border-color, transparent);
135
+ --color: var(--ion-tab-bar-color, var(--token-primitives-neutral-800, #6c727a));
136
+ --color-selected: var(--ion-tab-bar-color-selected, var(--token-text-primary, var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da))));
137
137
  /*
138
138
  * In case there's scrolling, justify the content to the start.
139
139
  */
@@ -154,7 +154,7 @@
154
154
  */
155
155
  min-height: calc(var(--token-scale-1400, 56px) - var(--token-space-100, var(--token-scale-100, 4px)) * 2);
156
156
  gap: var(--token-space-300, var(--token-scale-300, 12px));
157
- box-shadow: var(--token-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));
157
+ box-shadow: var(--token-elevation-2, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-8, 8px) var(--token-shadow-blur-25, 25px) var(--token-shadow-spread-0, 0px) var(--token-shadow-4, rgba(0, 0, 0, 0.0784313725)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-1, 1px) var(--token-shadow-blur-5, 5px) var(--token-shadow-spread-0, 0px) var(--token-shadow-2, rgba(0, 0, 0, 0.0509803922)));
158
158
  /*
159
159
  * In case there are more tab buttons than can fit in the tab bar, enable
160
160
  * horizontal scrolling.
@@ -210,7 +210,7 @@
210
210
 
211
211
  :host(.tab-bar-compact.tab-bar-scroll-hidden) {
212
212
  transform: translateY(calc(100% + var(--ion-safe-area-bottom, 0) + var(--token-space-1000, var(--token-scale-1000, 40px)))) translateX(-50%);
213
- transition: transform var(--token-transition-time-350, 350ms) var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));
213
+ transition: transform var(--token-transition-time-300, 300ms) var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));
214
214
  }
215
215
 
216
216
  :host([slot=top].tab-bar-compact.tab-bar-scroll-hidden) {
package/dist/collection/components/tab-button/tab-button.ionic.css CHANGED
@@ -194,14 +194,13 @@ ion-ripple-effect {
194
194
  }
195
195
 
196
196
  :host {
197
- --focus-ring-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
197
+ --focus-ring-color: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
198
198
  --focus-ring-width: var(--token-border-radius-025, var(--token-scale-050, 2px));
199
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
199
200
  font-size: var(--token-font-size-300, 0.75rem);
200
201
  font-weight: var(--token-font-weight-medium, 500);
201
- letter-spacing: var(--token-font-letter-spacing-1, 1%);
202
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
203
- text-decoration: none;
204
- text-transform: none;
202
+ letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
203
+ line-height: var(--token-font-line-height-500, 1.25rem);
205
204
  position: relative;
206
205
  align-content: center;
207
206
  min-width: var(--token-scale-1200, 48px);