@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/input/input.ionic.css CHANGED
@@ -536,12 +536,12 @@
536
536
 
537
537
  :host(.input-fill-outline) {
538
538
  --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
539
- --border-color: var(--token-primitives-neutral-500, #a2a2a2);
539
+ --border-color: var(--token-border-input-default, var(--token-primitives-neutral-400, #d0d7df));
540
540
  }
541
541
 
542
542
  :host(.input-fill-solid) {
543
- --background: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));
544
- --border-color: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));
543
+ --background: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #ebeef2));
544
+ --border-color: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #ebeef2));
545
545
  }
546
546
 
547
547
  /**
@@ -559,17 +559,17 @@
559
559
  */
560
560
  @media (any-hover: hover) {
561
561
  :host(:hover) {
562
- --border-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
562
+ --border-color: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
563
563
  }
564
564
  }
565
565
  :host(.input-fill-solid.input-disabled) {
566
- --background: var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0));
567
- --placeholder-color: var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2));
566
+ --background: var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e6eaee));
567
+ --placeholder-color: var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad));
568
568
  }
569
569
 
570
570
  :host(.input-fill-solid.input-readonly) {
571
- --background: var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0));
572
- --border-color: var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0));
571
+ --background: var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e6eaee));
572
+ --border-color: var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e6eaee));
573
573
  }
574
574
 
575
575
  /**
@@ -577,22 +577,21 @@
577
577
  * much darker on focus.
578
578
  */
579
579
  :host(.input-fill-solid.has-focus) {
580
- --border-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
580
+ --border-color: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
581
581
  }
582
582
 
583
583
  :host {
584
- --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
584
+ --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
585
585
  --border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
586
- --highlight-color-valid: var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23));
587
- --highlight-color-invalid: var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));
588
- --placeholder-color: var(--token-primitives-neutral-800, #626262);
586
+ --highlight-color-valid: var(--token-semantics-success-900, var(--token-primitives-green-900, #037046));
587
+ --highlight-color-invalid: var(--token-border-danger-default, var(--token-semantics-danger-600, var(--token-primitives-red-600, #ef5264)));
588
+ --placeholder-color: var(--token-primitives-neutral-800, #6c727a);
589
589
  --placeholder-opacity: 1;
590
+ 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");
590
591
  font-size: var(--token-font-size-350, 0.875rem);
591
592
  font-weight: var(--token-font-weight-regular, 400);
592
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
593
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
594
- text-decoration: none;
595
- text-transform: none;
593
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
594
+ line-height: var(--token-font-line-height-600, 1.5rem);
596
595
  }
597
596
 
598
597
  :host(.input-label-placement-stacked) input,
@@ -757,15 +756,15 @@
757
756
  }
758
757
 
759
758
  :host(.input-shape-soft) {
760
- --border-radius: var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)));
759
+ --border-radius: var(--token-shape-soft-lg, 8px);
761
760
  }
762
761
 
763
762
  :host(.input-shape-round) {
764
- --border-radius: var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));
763
+ --border-radius: var(--token-shape-round-xl, 16px);
765
764
  }
766
765
 
767
766
  :host(.input-shape-rectangular) {
768
- --border-radius: var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)));
767
+ --border-radius: var(--token-shape-rectangular-xl, 0px);
769
768
  }
770
769
 
771
770
  :host(.input-size-medium) ion-input-password-toggle {
@@ -834,12 +833,12 @@
834
833
  margin-bottom: auto;
835
834
  width: var(--token-scale-400, 16px);
836
835
  height: var(--token-scale-400, 16px);
837
- color: var(--token-primitives-neutral-1000, #3b3b3b);
836
+ color: var(--token-primitives-neutral-1000, #383e45);
838
837
  }
839
838
 
840
839
  .input-clear-icon:focus-visible {
841
840
  border-radius: var(--token-border-radius-100, var(--token-scale-100, 4px));
842
- 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));
841
+ 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)));
843
842
  opacity: 1;
844
843
  }
845
844
 
@@ -866,13 +865,12 @@
866
865
  }
867
866
 
868
867
  .label-text-wrapper {
868
+ 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");
869
869
  font-size: var(--token-font-size-300, 0.75rem);
870
870
  font-weight: var(--token-font-weight-medium, 500);
871
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
872
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
873
- text-decoration: none;
874
- text-transform: none;
875
- color: var(--token-primitives-neutral-1000, #3b3b3b);
871
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
872
+ line-height: var(--token-font-line-height-500, 1.25rem);
873
+ color: var(--token-primitives-neutral-1000, #383e45);
876
874
  }
877
875
 
878
876
  :host(.label-floating) .label-text-wrapper {
@@ -884,21 +882,20 @@
884
882
  padding-right: 0;
885
883
  padding-top: var(--token-space-100, var(--token-scale-100, 4px));
886
884
  padding-bottom: 0;
885
+ 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");
887
886
  font-size: var(--token-font-size-300, 0.75rem);
888
887
  font-weight: var(--token-font-weight-medium, 500);
889
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
890
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
891
- text-decoration: none;
892
- text-transform: none;
888
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
889
+ line-height: var(--token-font-line-height-500, 1.25rem);
893
890
  }
894
891
 
895
892
  .input-bottom .error-text {
896
- color: var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)));
893
+ color: var(--token-text-danger, var(--token-semantics-danger-800, var(--token-primitives-red-800, #d2002b)));
897
894
  }
898
895
 
899
896
  .input-bottom .helper-text,
900
897
  .input-bottom .counter {
901
- color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
898
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
902
899
  }
903
900
 
904
901
  :host(.has-focus.ion-valid) .helper-text {
@@ -912,29 +909,29 @@
912
909
 
913
910
  @media (any-hover: hover) {
914
911
  :host(:hover) {
915
- --border-color: var(--token-primitives-neutral-600, #8c8c8c);
912
+ --border-color: var(--token-primitives-neutral-600, #7e858e);
916
913
  }
917
914
  }
918
915
  :host(.input-disabled) {
919
- --color: var(--token-primitives-neutral-500, #a2a2a2);
920
- --background: var(--token-primitives-neutral-100, #f3f3f3);
921
- --border-color: var(--token-primitives-neutral-300, #e0e0e0);
922
- --placeholder-color: var(--token-primitives-neutral-500, #a2a2a2);
916
+ --color: var(--token-primitives-neutral-500, #9fa5ad);
917
+ --background: var(--token-primitives-neutral-100, #f6f7fa);
918
+ --border-color: var(--token-primitives-neutral-300, #e6eaee);
919
+ --placeholder-color: var(--token-primitives-neutral-500, #9fa5ad);
923
920
  pointer-events: none;
924
921
  }
925
922
 
926
923
  :host(.input-disabled:not(.ion-valid)) .input-bottom .helper-text,
927
924
  :host(.input-disabled) .input-bottom .counter,
928
925
  :host(.input-disabled) .label-text-wrapper {
929
- color: var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2));
926
+ color: var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad));
930
927
  }
931
928
 
932
929
  :host(.input-disabled.has-focus.ion-valid) {
933
- --border-color: rgba(var(--token-semantics-success-base-rgb, 27, 164, 51), 0.6);
930
+ --border-color: rgba(var(--token-semantics-success-base-rgb, 74, 174, 131), 0.6);
934
931
  }
935
932
 
936
933
  :host(.input-disabled.ion-touched.ion-invalid) {
937
- --border-color: rgba(var(--token-semantics-danger-base-rgb, 229, 41, 41), 0.6);
934
+ --border-color: rgba(var(--token-semantics-danger-base-rgb, 224, 36, 58), 0.6);
938
935
  }
939
936
 
940
937
  :host(.input-disabled.ion-color) {
@@ -947,11 +944,11 @@
947
944
  }
948
945
 
949
946
  :host(.input-readonly) {
950
- --background: var(--token-primitives-neutral-100, #f3f3f3);
947
+ --background: var(--token-primitives-neutral-100, #f6f7fa);
951
948
  }
952
949
 
953
950
  :host(.has-focus) {
954
- --border-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
951
+ --border-color: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
955
952
  --border-width: var(--token-border-size-050, var(--token-scale-050, 2px));
956
953
  }
957
954
 
package/dist/collection/components/input-otp/input-otp.ionic.css CHANGED
@@ -242,23 +242,22 @@
242
242
  --padding-end: var(--token-space-0, var(--token-scale-0, 0px));
243
243
  --padding-bottom: var(--token-space-400, var(--token-scale-400, 16px));
244
244
  --padding-start: var(--token-space-0, var(--token-scale-0, 0px));
245
- --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
245
+ --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
246
246
  --min-width: var(--token-scale-1000, 40px);
247
247
  --border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
248
- --border-style: var(--token-border-style-solid, solid);
249
- --border-color: var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));
248
+ --border-style: solid;
249
+ --border-color: var(--token-border-input-default, var(--token-primitives-neutral-400, #d0d7df));
250
250
  --separator-width: var(--token-scale-200, 8px);
251
251
  --separator-border-radius: var(--token-border-radius-full, 999px);
252
- --separator-color: var(--token-bg-neutral-subtle-press, var(--token-primitives-neutral-400, #d5d5d5));
253
- --highlight-color-focused: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
254
- --highlight-color-valid: var(--token-border-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23)));
255
- --highlight-color-invalid: var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));
252
+ --separator-color: var(--token-bg-neutral-subtle-press, var(--token-primitives-neutral-300, #e6eaee));
253
+ --highlight-color-focused: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
254
+ --highlight-color-valid: var(--token-border-success, var(--token-semantics-success-500, var(--token-primitives-green-500, #94d9bb)));
255
+ --highlight-color-invalid: var(--token-border-danger-default, var(--token-semantics-danger-600, var(--token-primitives-red-600, #ef5264)));
256
+ 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");
256
257
  font-size: var(--token-font-size-350, 0.875rem);
257
258
  font-weight: var(--token-font-weight-regular, 400);
258
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
259
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
260
- text-decoration: none;
261
- text-transform: none;
259
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
260
+ line-height: var(--token-font-line-height-600, 1.5rem);
262
261
  }
263
262
 
264
263
  :host(.has-focus) .native-input:focus {
@@ -266,13 +265,12 @@
266
265
  }
267
266
 
268
267
  .input-otp-description {
268
+ 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");
269
269
  font-size: var(--token-font-size-300, 0.75rem);
270
270
  font-weight: var(--token-font-weight-medium, 500);
271
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
272
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
273
- text-decoration: none;
274
- text-transform: none;
275
- color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
271
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
272
+ line-height: var(--token-font-line-height-500, 1.25rem);
273
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
276
274
  }
277
275
 
278
276
  :host(.input-otp-size-small) {
@@ -300,15 +298,15 @@
300
298
  }
301
299
 
302
300
  :host(.input-otp-shape-round) {
303
- --border-radius: var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));
301
+ --border-radius: var(--token-shape-round-xl, 16px);
304
302
  }
305
303
 
306
304
  :host(.input-otp-shape-soft) {
307
- --border-radius: var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)));
305
+ --border-radius: var(--token-shape-soft-xl, 12px);
308
306
  }
309
307
 
310
308
  :host(.input-otp-shape-rectangular) {
311
- --border-radius: var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)));
309
+ --border-radius: var(--token-shape-rectangular-xl, 0px);
312
310
  }
313
311
 
314
312
  :host(.input-otp-fill-outline) {
@@ -316,31 +314,31 @@
316
314
  }
317
315
 
318
316
  :host(.input-otp-fill-solid) {
319
- --border-color: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));
320
- --background: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));
317
+ --border-color: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #ebeef2));
318
+ --background: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #ebeef2));
321
319
  }
322
320
 
323
321
  :host(.input-otp-disabled) {
324
- --color: var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2));
322
+ --color: var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad));
325
323
  }
326
324
 
327
325
  :host(.input-otp-fill-outline.input-otp-disabled) {
328
- --background: var(--token-bg-input-disabled, var(--token-primitives-neutral-100, #f3f3f3));
329
- --border-color: var(--token-border-disabled, var(--token-primitives-neutral-300, #e0e0e0));
326
+ --background: var(--token-bg-input-disabled, var(--token-primitives-neutral-100, #f6f7fa));
327
+ --border-color: var(--token-border-disabled, var(--token-primitives-neutral-300, #e6eaee));
330
328
  }
331
329
 
332
330
  :host(.input-otp-fill-outline.input-otp-readonly) {
333
- --background: var(--token-bg-input-read-only, var(--token-primitives-neutral-100, #f3f3f3));
331
+ --background: var(--token-bg-input-read-only, var(--token-primitives-neutral-100, #f6f7fa));
334
332
  }
335
333
 
336
334
  :host(.input-otp-fill-solid.input-otp-disabled) {
337
- --border-color: var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0));
338
- --background: var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0));
335
+ --border-color: var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e6eaee));
336
+ --background: var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e6eaee));
339
337
  }
340
338
 
341
339
  :host(.input-otp-fill-solid.input-otp-readonly) {
342
- --border-color: var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0));
343
- --background: var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0));
340
+ --border-color: var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e6eaee));
341
+ --background: var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e6eaee));
344
342
  }
345
343
 
346
344
  :host(.ion-color) {
@@ -356,14 +354,14 @@
356
354
  :host(.input-otp-fill-solid.ion-color.ion-invalid) .native-input,
357
355
  :host(.input-otp-fill-outline.ion-color.has-focus.ion-invalid) .native-input,
358
356
  :host(.input-otp-fill-solid.ion-color.has-focus.ion-invalid) .native-input {
359
- border-color: var(--ion-color-danger, var(--token-bg-danger-base-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222))));
357
+ border-color: var(--ion-color-danger, var(--token-bg-danger-base-default, var(--token-semantics-danger-700, var(--token-primitives-red-700, #e0243a))));
360
358
  }
361
359
 
362
360
  :host(.input-otp-fill-outline.ion-color.ion-valid) .native-input,
363
361
  :host(.input-otp-fill-solid.ion-color.ion-valid) .native-input,
364
362
  :host(.input-otp-fill-outline.ion-color.has-focus.ion-valid) .native-input,
365
363
  :host(.input-otp-fill-solid.ion-color.has-focus.ion-valid) .native-input {
366
- border-color: var(--ion-color-success, var(--token-bg-success-base-default, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23))));
364
+ border-color: var(--ion-color-success, var(--token-bg-success-base-default, var(--token-semantics-success-800, var(--token-primitives-green-800, #038855))));
367
365
  }
368
366
 
369
367
  :host(.input-otp-fill-outline.input-otp-disabled.ion-color) .native-input {
package/dist/collection/components/input-password-toggle/input-password-toggle.ionic.css CHANGED
@@ -60,7 +60,7 @@
60
60
  * convert to a unit other than $baselineUnit.
61
61
  */
62
62
  :host ion-button {
63
- --color: var(--token-primitives-neutral-800, #626262);
63
+ --color: var(--token-primitives-neutral-800, #6c727a);
64
64
  --margin-end: calc(-1 * var(--padding-end));
65
65
  --padding-end: inherit;
66
66
  --icon-size: var(--token-font-size-400, 1rem);
package/dist/collection/components/item/item.ionic.css CHANGED
@@ -409,12 +409,12 @@ ion-ripple-effect {
409
409
 
410
410
  :host {
411
411
  --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
412
- --background-activated: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
412
+ --background-activated: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
413
413
  --background-activated-opacity: 1;
414
- --border-color: var(--token-primitives-neutral-300, #e0e0e0);
415
- --border-style: var(--token-border-style-solid, solid);
414
+ --border-color: var(--token-primitives-neutral-300, #e6eaee);
415
+ --border-style: solid;
416
416
  --border-width: 0 0 var(--token-border-size-025, var(--token-scale-025, 1px)) 0;
417
- --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
417
+ --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
418
418
  --detail-icon-font-size: var(--token-scale-600, 24px);
419
419
  --detail-icon-opacity: 1;
420
420
  --min-height: var(--token-scale-1800, 72px);
@@ -422,12 +422,11 @@ ion-ripple-effect {
422
422
  --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
423
423
  --padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
424
424
  --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
425
+ 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");
425
426
  font-size: var(--token-font-size-400, 1rem);
426
427
  font-weight: var(--token-font-weight-medium, 500);
427
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
428
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
429
- text-decoration: none;
430
- text-transform: none;
428
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
429
+ line-height: var(--token-font-line-height-600, 1.5rem);
431
430
  }
432
431
 
433
432
  .item-inner {
@@ -449,7 +448,7 @@ slot[name=end]::slotted(*) {
449
448
  }
450
449
 
451
450
  ::slotted(ion-icon:not(.item-detail-icon)) {
452
- color: var(--token-primitives-neutral-1000, #3b3b3b);
451
+ color: var(--token-primitives-neutral-1000, #383e45);
453
452
  font-size: var(--token-scale-1000, 40px);
454
453
  }
455
454
 
@@ -471,7 +470,7 @@ slot[name=end]::slotted(*) {
471
470
  top: 0;
472
471
  bottom: 0;
473
472
  outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
474
- 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));
473
+ 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)));
475
474
  position: absolute;
476
475
  outline-offset: calc(var(--token-border-size-050, var(--token-scale-050, 2px)) * -1);
477
476
  content: "";
package/dist/collection/components/item-option/item-option.ionic.css CHANGED
@@ -158,12 +158,11 @@
158
158
  padding-right: 0;
159
159
  padding-top: 0;
160
160
  padding-bottom: 0;
161
+ 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");
161
162
  font-size: var(--token-font-size-350, 0.875rem);
162
163
  font-weight: var(--token-font-weight-medium, 500);
163
- letter-spacing: var(--token-font-letter-spacing-1, 1%);
164
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
165
- text-decoration: none;
166
- text-transform: none;
164
+ letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
165
+ line-height: var(--token-font-line-height-500, 1.25rem);
167
166
  }
168
167
 
169
168
  .button-native {
@@ -251,9 +250,9 @@
251
250
  }
252
251
 
253
252
  :host(.item-option-subtle) {
254
- --background: var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc))));
253
+ --background: var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff))));
255
254
  --background-activated: var(--ion-color-primary-subtle-shade, var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa))));
256
- --color: var(--ion-color-primary-subtle-contrast, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));
255
+ --color: var(--ion-color-primary-subtle-contrast, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));
257
256
  }
258
257
 
259
258
  :host(.item-option-subtle.ion-color) {
package/dist/collection/components/item-sliding/item-sliding.ionic.css CHANGED
@@ -179,7 +179,7 @@ ion-item-sliding .item {
179
179
  * convert to a unit other than $baselineUnit.
180
180
  */
181
181
  .item-sliding-transition-open .item {
182
- transition: transform var(--token-transition-time-250, 250ms) var(--token-transition-curve-smooth, cubic-bezier(0.25, 1, 0.5, 1));
182
+ transition: transform var(--token-transition-time-200, 200ms) var(--token-transition-curve-smooth, cubic-bezier(0.25, 1, 0.5, 1));
183
183
  }
184
184
 
185
185
  .item-sliding-transition-snapback .item {
package/dist/collection/components/list-header/list-header.ionic.css CHANGED
@@ -149,13 +149,12 @@
149
149
 
150
150
  :host {
151
151
  --background: transparent;
152
- --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
152
+ --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
153
+ 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");
153
154
  font-size: var(--token-font-size-350, 0.875rem);
154
155
  font-weight: var(--token-font-weight-medium, 500);
155
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
156
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
157
- text-decoration: none;
158
- text-transform: none;
156
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
157
+ line-height: var(--token-font-line-height-600, 1.5rem);
159
158
  min-height: calc(var(--token-scale-1400, 56px) + var(--token-scale-050, 2px));
160
159
  /**
161
160
  * The focus rings from components like buttons and links
package/dist/collection/components/modal/modal.ionic.css CHANGED
@@ -198,9 +198,9 @@ ion-backdrop {
198
198
 
199
199
  :host {
200
200
  --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
201
- --box-shadow: var(--token-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));
201
+ --box-shadow: var(--token-elevation-3, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-6, 6px) var(--token-shadow-blur-32, 32px) var(--token-shadow-spread-0, 0px) var(--token-shadow-6, rgba(0, 0, 0, 0.1607843137)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-2, 2px) var(--token-shadow-blur-7, 7px) var(--token-shadow-spread-0, 0px) var(--token-shadow-2, rgba(0, 0, 0, 0.0509803922)));
202
202
  --backdrop-opacity: 0.7;
203
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
203
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
204
204
  }
205
205
 
206
206
  :host(.modal-round) {
@@ -228,7 +228,7 @@ ion-backdrop {
228
228
  border-radius: var(--token-border-radius-100, var(--token-scale-100, 4px));
229
229
  width: var(--token-scale-1100, 44px);
230
230
  height: var(--token-scale-100, 4px);
231
- background-color: var(--token-primitives-neutral-300, #e0e0e0);
231
+ background-color: var(--token-primitives-neutral-300, #e6eaee);
232
232
  }
233
233
  .modal-handle::before {
234
234
  -webkit-padding-start: var(--token-space-100, var(--token-scale-100, 4px));
package/dist/collection/components/popover/popover.ionic.css CHANGED
@@ -262,7 +262,7 @@
262
262
  :host {
263
263
  --width: 250px;
264
264
  --max-height: 90%;
265
- --box-shadow: var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));
265
+ --box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.1803921569)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-12, 12px) var(--token-shadow-spread-0, 0px) var(--token-shadow-5, rgba(0, 0, 0, 0.1215686275)));
266
266
  --backdrop-opacity: 0.3;
267
267
  }
268
268
 
package/dist/collection/components/progress-bar/progress-bar.ionic.css CHANGED
@@ -264,17 +264,17 @@
264
264
  }
265
265
  }
266
266
  :host {
267
- --background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #eae9e9));
267
+ --background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));
268
268
  --progress-background: var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));
269
269
  height: var(--token-scale-100, 4px);
270
270
  }
271
271
 
272
272
  :host(.progress-bar-shape-round) {
273
- border-radius: var(--token-round-xs, var(--token-border-radius-full, 999px));
273
+ border-radius: var(--token-shape-round-xs, 999px);
274
274
  }
275
275
 
276
276
  :host(.progress-bar-shape-rectangular) {
277
- border-radius: var(--token-rectangular-xs, var(--token-border-radius-0, var(--token-scale-0, 0px)));
277
+ border-radius: var(--token-shape-rectangular-xs, 0px);
278
278
  }
279
279
 
280
280
  :host(.ion-color) .progress,
package/dist/collection/components/radio/radio.ionic.css CHANGED
@@ -276,21 +276,20 @@ input {
276
276
  }
277
277
 
278
278
  :host {
279
- --color: var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));
279
+ --color: var(--token-border-input-default, var(--token-primitives-neutral-400, #d0d7df));
280
280
  --color-checked: var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));
281
281
  --border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
282
- --border-style: var(--token-border-style-solid, solid);
282
+ --border-style: solid;
283
283
  --border-radius: var(--token-border-radius-full, 999px);
284
- --focus-ring-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
284
+ --focus-ring-color: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
285
285
  --focus-ring-width: var(--token-border-size-050, var(--token-scale-050, 2px));
286
+ 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");
286
287
  font-size: var(--token-font-size-350, 0.875rem);
287
288
  font-weight: var(--token-font-weight-regular, 400);
288
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
289
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
290
- text-decoration: none;
291
- text-transform: none;
289
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
290
+ line-height: var(--token-font-line-height-600, 1.5rem);
292
291
  min-height: var(--token-scale-1200, 48px);
293
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
292
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
294
293
  }
295
294
 
296
295
  :host(.ion-color.radio-checked) .radio-icon {
@@ -399,7 +398,7 @@ input {
399
398
 
400
399
  :host(.ion-focused) .radio-icon {
401
400
  outline-offset: var(--focus-ring-width);
402
- outline: var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);
401
+ outline: var(--focus-ring-width) solid var(--focus-ring-color);
403
402
  }
404
403
 
405
404
  :host(.ion-activated) .radio-icon::after {
@@ -408,7 +407,7 @@ input {
408
407
  top: 0;
409
408
  bottom: 0;
410
409
  position: absolute;
411
- background-color: var(--token-state-press, rgba(36, 36, 36, 0.08));
410
+ background-color: var(--token-state-press, rgba(0, 0, 0, 0.0705882353));
412
411
  content: "";
413
412
  border-radius: inherit;
414
413
  top: calc(var(--border-width) * -1);
package/dist/collection/components/radio-group/radio-group.ionic.css CHANGED
@@ -84,20 +84,19 @@
84
84
  }
85
85
 
86
86
  .radio-group-top {
87
+ 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");
87
88
  font-size: var(--token-font-size-300, 0.75rem);
88
89
  font-weight: var(--token-font-weight-medium, 500);
89
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
90
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
91
- text-decoration: none;
92
- text-transform: none;
90
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
91
+ line-height: var(--token-font-line-height-500, 1.25rem);
93
92
  }
94
93
 
95
94
  .radio-group-top .error-text {
96
- color: var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)));
95
+ color: var(--token-text-danger, var(--token-semantics-danger-800, var(--token-primitives-red-800, #d2002b)));
97
96
  }
98
97
 
99
98
  .radio-group-top .helper-text {
100
- color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
99
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
101
100
  }
102
101
 
103
102
  :host(.in-list) .radio-group-top {
package/dist/collection/components/range/range.ionic.css CHANGED
@@ -351,16 +351,15 @@
351
351
  --knob-size: var(--token-scale-600, 24px);
352
352
  --knob-handle-size: var(--token-scale-1100, 44px);
353
353
  --bar-height: var(--token-scale-200, 8px);
354
- --bar-background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #eae9e9));
354
+ --bar-background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));
355
355
  --bar-background-active: var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));
356
356
  --bar-border-radius: var(--token-border-radius-400, var(--token-scale-400, 16px));
357
357
  --height: var(--token-scale-1100, 44px);
358
+ 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");
358
359
  font-size: var(--token-font-size-350, 0.875rem);
359
360
  font-weight: var(--token-font-weight-regular, 400);
360
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
361
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
362
- text-decoration: none;
363
- text-transform: none;
361
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
362
+ line-height: var(--token-font-line-height-600, 1.5rem);
364
363
  z-index: var(--token-z-index-100, 100);
365
364
  }
366
365
 
@@ -468,24 +467,24 @@
468
467
  min-width: var(--token-scale-700, 28px);
469
468
  transform: translate3d(0, -100%, 0);
470
469
  background: transparent;
471
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
470
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
472
471
  font-size: var(--token-font-size-300, 0.75rem);
473
472
  text-align: center;
474
473
  }
475
474
 
476
475
  .range-knob {
477
476
  border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
478
- border-style: var(--token-border-style-solid, solid);
477
+ border-style: solid;
479
478
  border-color: var(--token-border-primary, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));
480
479
  box-sizing: border-box;
481
480
  }
482
481
 
483
482
  :host(.range-disabled) {
484
- --bar-background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #eae9e9));
483
+ --bar-background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));
485
484
  }
486
485
  :host(.range-disabled) .range-knob {
487
- border-color: var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));
488
- background: var(--token-bg-input-disabled, var(--token-primitives-neutral-100, #f3f3f3));
486
+ border-color: var(--token-border-input-default, var(--token-primitives-neutral-400, #d0d7df));
487
+ background: var(--token-bg-input-disabled, var(--token-primitives-neutral-100, #f6f7fa));
489
488
  }
490
489
 
491
490
  :host(.range-label-placement-start) .label-text-wrapper {
@@ -558,10 +557,10 @@
558
557
 
559
558
  .range-knob-handle.ion-focused .range-knob {
560
559
  outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
561
- 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));
560
+ 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)));
562
561
  }
563
562
 
564
563
  .range-knob-handle.ion-activated .range-knob,
565
564
  .range-knob-handle.range-knob-pressed .range-knob {
566
- background: var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9));
565
+ background: var(--token-bg-input-press, var(--token-primitives-neutral-200, #ebeef2));
567
566
  }