@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/button/button.ionic.css CHANGED
@@ -347,7 +347,7 @@ ion-ripple-effect {
347
347
  --padding-end: var(--token-space-0, var(--token-scale-0, 0px));
348
348
  --padding-bottom: var(--padding-top);
349
349
  --padding-start: var(--padding-end);
350
- --focus-ring-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
350
+ --focus-ring-color: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
351
351
  --focus-ring-width: var(--token-border-size-050, var(--token-scale-050, 2px));
352
352
  position: relative;
353
353
  }
@@ -365,7 +365,7 @@ ion-ripple-effect {
365
365
  }
366
366
 
367
367
  :host(.button-clear) {
368
- --color: var(--ion-color-primary-foreground, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));
368
+ --color: var(--ion-color-primary-foreground, var(--token-text-primary, var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da))));
369
369
  }
370
370
 
371
371
  :host(.button-solid) {
@@ -381,7 +381,7 @@ ion-ripple-effect {
381
381
 
382
382
  :host(.button-outline) {
383
383
  --border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
384
- --border-style: var(--token-border-style-solid, solid);
384
+ --border-style: solid;
385
385
  --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))));
386
386
  --background-focused: transparent;
387
387
  --background-hover: var(--ion-color-primary-subtle-shade, var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa))));
@@ -393,8 +393,8 @@ ion-ripple-effect {
393
393
  }
394
394
 
395
395
  :host(.button-outline.ion-color-warning) .button-native {
396
- border-color: var(--ion-color-warning-foreground, var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #704b02))));
397
- color: var(--ion-color-warning-foreground, var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #704b02))));
396
+ border-color: var(--ion-color-warning-foreground, var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #925f00))));
397
+ color: var(--ion-color-warning-foreground, var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #925f00))));
398
398
  }
399
399
 
400
400
  :host(.button-clear) {
@@ -402,7 +402,7 @@ ion-ripple-effect {
402
402
  --background-focused: transparent;
403
403
  --background-hover: var(--ion-color-primary-subtle-shade, var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa))));
404
404
  --background-hover-opacity: 1;
405
- --color: var(--ion-color-primary-foreground, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));
405
+ --color: var(--ion-color-primary-foreground, var(--token-text-primary, var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da))));
406
406
  --ripple-opacity: var(--background-activated-opacity, 1);
407
407
  --ripple-color: var(--background-activated);
408
408
  }
@@ -419,12 +419,11 @@ ion-ripple-effect {
419
419
  /* Small Button */
420
420
  :host(.button-small) {
421
421
  --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
422
+ 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");
422
423
  font-size: var(--token-font-size-350, 0.875rem);
423
424
  font-weight: var(--token-font-weight-medium, 500);
424
- letter-spacing: var(--token-font-letter-spacing-1, 1%);
425
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
426
- text-decoration: none;
427
- text-transform: none;
425
+ letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
426
+ line-height: var(--token-font-line-height-500, 1.25rem);
428
427
  min-width: var(--token-scale-1600, 64px);
429
428
  min-height: var(--token-scale-1000, 40px);
430
429
  }
@@ -432,12 +431,11 @@ ion-ripple-effect {
432
431
  /* Medium Button */
433
432
  :host(.button-medium) {
434
433
  --padding-end: var(--token-space-500, var(--token-scale-500, 20px));
434
+ 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");
435
435
  font-size: var(--token-font-size-400, 1rem);
436
436
  font-weight: var(--token-font-weight-medium, 500);
437
- letter-spacing: var(--token-font-letter-spacing-1, 1%);
438
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
439
- text-decoration: none;
440
- text-transform: none;
437
+ letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
438
+ line-height: var(--token-font-line-height-600, 1.5rem);
441
439
  min-width: var(--token-scale-1800, 72px);
442
440
  min-height: var(--token-scale-1200, 48px);
443
441
  }
@@ -445,12 +443,11 @@ ion-ripple-effect {
445
443
  /* Large Button */
446
444
  :host(.button-large) {
447
445
  --padding-end: var(--token-space-700, var(--token-scale-700, 28px));
446
+ 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");
448
447
  font-size: var(--token-font-size-500, 1.25rem);
449
448
  font-weight: var(--token-font-weight-medium, 500);
450
- letter-spacing: var(--token-font-letter-spacing-1, 1%);
451
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
452
- text-decoration: none;
453
- text-transform: none;
449
+ letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
450
+ line-height: var(--token-font-line-height-600, 1.5rem);
454
451
  min-width: var(--token-scale-2000, 80px);
455
452
  min-height: var(--token-scale-1400, 56px);
456
453
  }
@@ -490,19 +487,19 @@ ion-ripple-effect {
490
487
  }
491
488
 
492
489
  :host(.button-soft) {
493
- --border-radius: var(--token-soft-xs, var(--token-border-radius-200, var(--token-scale-200, 8px)));
490
+ --border-radius: var(--token-shape-soft-xs, 8px);
494
491
  }
495
492
 
496
493
  :host(.button-round) {
497
- --border-radius: var(--token-round-xs, var(--token-border-radius-full, 999px));
494
+ --border-radius: var(--token-shape-round-xs, 999px);
498
495
  }
499
496
 
500
497
  :host(.button-rectangular) {
501
- --border-radius: var(--token-rectangular-xs, var(--token-border-radius-0, var(--token-scale-0, 0px)));
498
+ --border-radius: var(--token-shape-rectangular-xs, 0px);
502
499
  }
503
500
 
504
501
  :host(.ion-focused) .button-native {
505
- outline: var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);
502
+ outline: var(--focus-ring-width) solid var(--focus-ring-color);
506
503
  outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
507
504
  }
508
505
 
@@ -634,11 +631,10 @@ ion-ripple-effect {
634
631
  }
635
632
 
636
633
  :host(.in-datetime) {
634
+ 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");
637
635
  font-size: var(--token-font-size-400, 1rem);
638
636
  font-weight: var(--token-font-weight-medium, 500);
639
- letter-spacing: var(--token-font-letter-spacing-1, 1%);
640
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
641
- text-decoration: none;
642
- text-transform: none;
637
+ letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
638
+ line-height: var(--token-font-line-height-600, 1.5rem);
643
639
  min-height: var(--token-space-1200, var(--token-scale-1200, 48px));
644
640
  }
package/dist/collection/components/buttons/buttons.ionic.css CHANGED
@@ -80,7 +80,7 @@
80
80
  }
81
81
 
82
82
  ::slotted(*) .button-clear {
83
- --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
83
+ --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
84
84
  --background: transparent;
85
85
  --background-activated: transparent;
86
86
  --background-focused: transparent;
package/dist/collection/components/card/card.ionic.css CHANGED
@@ -119,10 +119,10 @@ ion-ripple-effect {
119
119
  :host {
120
120
  --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
121
121
  --border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
122
- --border-color: var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));
123
- --border-style: var(--token-border-style-solid, solid);
124
- --border-radius: var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));
125
- --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
122
+ --border-color: var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));
123
+ --border-style: solid;
124
+ --border-radius: var(--token-shape-round-xl, 16px);
125
+ --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
126
126
  min-width: var(--token-scale-2400, 96px);
127
127
  border: var(--border-width) var(--border-style) var(--border-color);
128
128
  }
@@ -132,13 +132,13 @@ ion-ripple-effect {
132
132
  }
133
133
 
134
134
  :host(.card-soft) {
135
- --border-radius: var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)));
135
+ --border-radius: var(--token-shape-soft-xl, 12px);
136
136
  }
137
137
 
138
138
  :host(.card-round) {
139
- --border-radius: var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));
139
+ --border-radius: var(--token-shape-round-xl, 16px);
140
140
  }
141
141
 
142
142
  :host(.card-rectangular) {
143
- --border-radius: var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)));
143
+ --border-radius: var(--token-shape-rectangular-xl, 0px);
144
144
  }
package/dist/collection/components/card-content/card-content.ionic.css CHANGED
@@ -70,12 +70,11 @@
70
70
  padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
71
71
  padding-top: var(--token-space-400, var(--token-scale-400, 16px));
72
72
  padding-bottom: var(--token-space-400, var(--token-scale-400, 16px));
73
+ 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");
73
74
  font-size: var(--token-font-size-350, 0.875rem);
74
75
  font-weight: var(--token-font-weight-regular, 400);
75
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
76
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
77
- text-decoration: none;
78
- text-transform: none;
76
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
77
+ line-height: var(--token-font-line-height-600, 1.5rem);
79
78
  display: flex;
80
79
  flex-direction: column;
81
80
  gap: var(--token-space-400, var(--token-scale-400, 16px));
package/dist/collection/components/card-subtitle/card-subtitle.ionic.css CHANGED
@@ -134,11 +134,10 @@
134
134
  * convert to a unit other than $baselineUnit.
135
135
  */
136
136
  :host {
137
- --color: var(--token-primitives-neutral-800, #626262);
137
+ --color: var(--token-primitives-neutral-800, #6c727a);
138
+ 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");
138
139
  font-size: var(--token-font-size-400, 1rem);
139
140
  font-weight: var(--token-font-weight-regular, 400);
140
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
141
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
142
- text-decoration: none;
143
- text-transform: none;
141
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
142
+ line-height: var(--token-font-line-height-600, 1.5rem);
144
143
  }
package/dist/collection/components/checkbox/checkbox.ionic.css CHANGED
@@ -312,10 +312,10 @@ input {
312
312
  * @prop --focus-ring-offset: Offset of the focus ring
313
313
  */
314
314
  --border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
315
- --border-style: var(--token-border-style-solid, solid);
316
- --border-color: var(--token-primitives-neutral-800, #626262);
315
+ --border-style: solid;
316
+ --border-color: var(--token-primitives-neutral-800, #6c727a);
317
317
  --checkmark-width: 3;
318
- --focus-ring-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
318
+ --focus-ring-color: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
319
319
  --focus-ring-width: var(--token-border-size-050, var(--token-scale-050, 2px));
320
320
  --focus-ring-offset: var(--token-space-050, var(--token-scale-050, 2px));
321
321
  --size: var(--token-scale-600, 24px);
@@ -340,7 +340,7 @@ input {
340
340
  }
341
341
 
342
342
  .label-text-wrapper {
343
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
343
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
344
344
  }
345
345
 
346
346
  :host(.in-item) .label-text-wrapper {
@@ -385,20 +385,19 @@ input {
385
385
  }
386
386
 
387
387
  .checkbox-bottom {
388
+ 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");
388
389
  font-size: var(--token-font-size-300, 0.75rem);
389
390
  font-weight: var(--token-font-weight-medium, 500);
390
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
391
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
392
- text-decoration: none;
393
- text-transform: none;
391
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
392
+ line-height: var(--token-font-line-height-500, 1.25rem);
394
393
  }
395
394
 
396
395
  .checkbox-bottom .error-text {
397
- color: var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)));
396
+ color: var(--token-text-danger, var(--token-semantics-danger-800, var(--token-primitives-red-800, #d2002b)));
398
397
  }
399
398
 
400
399
  .checkbox-bottom .helper-text {
401
- color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
400
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
402
401
  }
403
402
 
404
403
  :host(.checkbox-label-placement-start) .label-text-wrapper {
@@ -459,12 +458,12 @@ input {
459
458
  }
460
459
 
461
460
  :host(.ion-invalid) {
462
- --focus-ring-color: var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));
461
+ --focus-ring-color: var(--token-border-danger-default, var(--token-semantics-danger-600, var(--token-primitives-red-600, #ef5264)));
463
462
  }
464
463
 
465
464
  :host(.ion-invalid:not(.checkbox-checked)) .native-wrapper,
466
465
  :host(.ion-invalid:not(.checkbox-checked).checkbox-disabled) .native-wrapper {
467
- border-color: var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));
466
+ border-color: var(--token-border-danger-default, var(--token-semantics-danger-600, var(--token-primitives-red-600, #ef5264)));
468
467
  }
469
468
 
470
469
  :host(.checkbox-disabled) .native-wrapper:after {
@@ -491,7 +490,7 @@ input {
491
490
 
492
491
  @media (any-hover: hover) {
493
492
  :host(:hover) .native-wrapper {
494
- background-color: var(--token-primitives-neutral-100, #f3f3f3);
493
+ background-color: var(--token-primitives-neutral-100, #f6f7fa);
495
494
  }
496
495
  :host(:hover.checkbox-checked) .native-wrapper,
497
496
  :host(:hover.checkbox-indeterminate) .native-wrapper {
@@ -500,11 +499,11 @@ input {
500
499
  }
501
500
  :host(.ion-focused:not(.checkbox-disabled)) .native-wrapper {
502
501
  outline-offset: var(--focus-ring-width);
503
- outline: var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);
502
+ outline: var(--focus-ring-width) solid var(--focus-ring-color);
504
503
  }
505
504
 
506
505
  :host(.ion-activated) .native-wrapper {
507
- background-color: var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9));
506
+ background-color: var(--token-bg-input-press, var(--token-primitives-neutral-200, #ebeef2));
508
507
  }
509
508
 
510
509
  :host(.ion-activated.checkbox-checked) .native-wrapper,
@@ -513,10 +512,10 @@ input {
513
512
  }
514
513
 
515
514
  :host(.ion-activated.ion-invalid:not(.checkbox-checked)) {
516
- background-color: var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9));
515
+ background-color: var(--token-bg-input-press, var(--token-primitives-neutral-200, #ebeef2));
517
516
  }
518
517
  :host(.ion-activated.ion-invalid:not(.checkbox-checked)) .native-wrapper {
519
- border-color: var(--token-border-danger-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)));
518
+ border-color: var(--token-border-danger-press, var(--token-semantics-danger-700, var(--token-primitives-red-700, #e0243a)));
520
519
  }
521
520
 
522
521
  :host(.checkbox-shape-soft) {
package/dist/collection/components/chip/chip.ionic.css CHANGED
@@ -111,7 +111,7 @@
111
111
  * @prop --focus-ring-color: Color of the focus ring
112
112
  * @prop --focus-ring-width: Width of the focus ring
113
113
  */
114
- --focus-ring-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
114
+ --focus-ring-color: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
115
115
  --focus-ring-width: var(--token-border-size-050, var(--token-scale-050, 2px));
116
116
  -webkit-padding-start: var(--token-space-200, var(--token-scale-200, 8px));
117
117
  padding-inline-start: var(--token-space-200, var(--token-scale-200, 8px));
@@ -120,25 +120,24 @@
120
120
  padding-top: var(--token-space-150, var(--token-scale-150, 6px));
121
121
  padding-bottom: var(--token-space-150, var(--token-scale-150, 6px));
122
122
  border-radius: var(--border-radius);
123
+ 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");
123
124
  font-size: var(--token-font-size-300, 0.75rem);
124
125
  font-weight: var(--token-font-weight-medium, 500);
125
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
126
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
127
- text-decoration: none;
128
- text-transform: none;
126
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
127
+ line-height: var(--token-font-line-height-500, 1.25rem);
129
128
  gap: var(--token-space-100, var(--token-scale-100, 4px));
130
- line-height: var(--token-font-line-height-full, 100%);
129
+ line-height: 100%;
131
130
  cursor: auto;
132
131
  }
133
132
 
134
133
  :host(.chip-outline) {
135
134
  border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
136
- border-style: var(--token-border-style-solid, solid);
135
+ border-style: solid;
137
136
  }
138
137
 
139
138
  :host(.ion-focused) {
140
139
  outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
141
- outline: var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--focus-ring-color);
140
+ outline: var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--focus-ring-color);
142
141
  }
143
142
 
144
143
  :host(.chip-disabled)::after {
@@ -181,21 +180,21 @@
181
180
  }
182
181
 
183
182
  :host(.chip-subtle) {
184
- --background: var(--token-primitives-neutral-100, #f3f3f3);
185
- --color: var(--token-primitives-neutral-800, #626262);
183
+ --background: var(--token-primitives-neutral-100, #f6f7fa);
184
+ --color: var(--token-primitives-neutral-800, #6c727a);
186
185
  }
187
186
 
188
187
  :host(.chip-outline.chip-subtle) {
189
- border-color: var(--token-primitives-neutral-300, #e0e0e0);
188
+ border-color: var(--token-primitives-neutral-300, #e6eaee);
190
189
  }
191
190
 
192
191
  :host(.chip-bold) {
193
- --background: var(--token-bg-neutral-bold-default, var(--token-primitives-neutral-1000, #3b3b3b));
192
+ --background: var(--token-bg-neutral-bold-default, var(--token-primitives-neutral-1000, #383e45));
194
193
  --color: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
195
194
  }
196
195
 
197
196
  :host(.chip-outline.chip-bold) {
198
- border-color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
197
+ border-color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
199
198
  }
200
199
 
201
200
  :host(.chip-subtle.ion-color) {
package/dist/collection/components/datetime/datetime.ionic.css CHANGED
@@ -450,7 +450,7 @@
450
450
  * @prop --focus-ring-width: The width of the ring around the focused element.
451
451
  */
452
452
  --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
453
- --focus-ring-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
453
+ --focus-ring-color: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
454
454
  --focus-ring-width: var(--token-border-radius-025, var(--token-scale-050, 2px));
455
455
  /**
456
456
  * TODO(FW-6931): Remove these variables upon solving the root cause
@@ -491,27 +491,25 @@
491
491
  justify-content: space-between;
492
492
  height: var(--token-scale-1400, 56px);
493
493
  margin-bottom: var(--token-space-200, var(--token-scale-200, 8px));
494
- border-bottom: var(--token-border-style-solid, solid) var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-primitives-neutral-400, #d5d5d5);
494
+ border-bottom: solid var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-primitives-neutral-400, #d0d7df);
495
495
  }
496
496
 
497
497
  :host .datetime-header .datetime-title {
498
+ 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");
498
499
  font-size: var(--token-font-size-450, 1.125rem);
499
500
  font-weight: var(--token-font-weight-medium, 500);
500
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
501
- line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
502
- text-decoration: none;
503
- text-transform: none;
504
- color: var(--token-primitives-neutral-800, #626262);
501
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
502
+ line-height: var(--token-font-line-height-700, 1.75rem);
503
+ color: var(--token-primitives-neutral-800, #6c727a);
505
504
  }
506
505
 
507
506
  :host .datetime-header .datetime-selected-date {
507
+ 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");
508
508
  font-size: var(--token-font-size-350, 0.875rem);
509
509
  font-weight: var(--token-font-weight-regular, 400);
510
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
511
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
512
- text-decoration: none;
513
- text-transform: none;
514
- color: var(--token-primitives-neutral-1000, #3b3b3b);
510
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
511
+ line-height: var(--token-font-line-height-600, 1.5rem);
512
+ color: var(--token-primitives-neutral-1000, #383e45);
515
513
  }
516
514
 
517
515
  .calendar-action-buttons {
@@ -528,12 +526,11 @@
528
526
 
529
527
  .calendar-month-year-toggle {
530
528
  border-radius: var(--token-border-radius-full, 999px);
529
+ 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");
531
530
  font-size: var(--token-font-size-400, 1rem);
532
531
  font-weight: var(--token-font-weight-medium, 500);
533
- letter-spacing: var(--token-font-letter-spacing-1, 1%);
534
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
535
- text-decoration: none;
536
- text-transform: none;
532
+ letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
533
+ line-height: var(--token-font-line-height-600, 1.5rem);
537
534
  -webkit-padding-start: var(--token-space-400, var(--token-scale-400, 16px));
538
535
  padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
539
536
  -webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
@@ -542,13 +539,13 @@
542
539
  padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
543
540
  min-width: var(--token-scale-1600, 64px);
544
541
  min-height: var(--token-scale-1000, 40px);
545
- border: var(--focus-ring-width) var(--token-border-style-solid, solid) transparent;
542
+ border: var(--focus-ring-width) solid transparent;
546
543
  color: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));
547
544
  }
548
545
 
549
546
  @media (any-hover: hover) {
550
547
  .calendar-month-year-toggle:hover {
551
- background: var(--token-primitives-neutral-200, #eae9e9);
548
+ background: var(--token-primitives-neutral-200, #ebeef2);
552
549
  }
553
550
  }
554
551
  .calendar-month-year-toggle.ion-focused {
@@ -556,32 +553,32 @@
556
553
  }
557
554
 
558
555
  .calendar-month-year-toggle.ion-activated {
559
- background: var(--token-primitives-neutral-200, #eae9e9);
556
+ background: var(--token-primitives-neutral-200, #ebeef2);
560
557
  }
561
558
 
562
559
  .calendar-next-prev ion-button.button-has-icon-only {
563
- --color: var(--token-primitives-neutral-1000, #3b3b3b);
564
- --background-activated: var(--token-primitives-neutral-200, #eae9e9);
565
- --background-hover: var(--token-primitives-neutral-200, #eae9e9);
560
+ --color: var(--token-primitives-neutral-1000, #383e45);
561
+ --background-activated: var(--token-primitives-neutral-200, #ebeef2);
562
+ --background-hover: var(--token-primitives-neutral-200, #ebeef2);
566
563
  --background-hover-opacity: 1;
567
564
  min-height: var(--token-scale-1000, 40px);
568
565
  }
569
566
 
570
567
  .calendar-next-prev ion-button.button-has-icon-only.ion-focused::part(native) {
571
- border: 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));
568
+ border: 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)));
572
569
  outline: none;
573
570
  }
574
571
 
575
572
  .calendar-days-of-week {
573
+ 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");
576
574
  font-size: var(--token-font-size-300, 0.75rem);
577
575
  font-weight: var(--token-font-weight-medium, 500);
578
- letter-spacing: var(--token-font-letter-spacing-2, 1.5%);
579
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
580
- text-decoration: none;
576
+ letter-spacing: var(--token-font-letter-spacing-150, 0.015em);
577
+ line-height: var(--token-font-line-height-500, 1.25rem);
581
578
  text-transform: uppercase;
582
579
  align-content: center;
583
580
  height: var(--token-scale-1200, 48px);
584
- color: var(--token-primitives-neutral-800, #626262);
581
+ color: var(--token-primitives-neutral-800, #6c727a);
585
582
  }
586
583
 
587
584
  .calendar-day {
@@ -592,20 +589,19 @@
592
589
  padding-inline-end: var(--token-space-100, var(--token-scale-100, 4px));
593
590
  padding-top: var(--token-space-100, var(--token-scale-100, 4px));
594
591
  padding-bottom: var(--token-space-100, var(--token-scale-100, 4px));
592
+ 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");
595
593
  font-size: var(--token-font-size-350, 0.875rem);
596
594
  font-weight: var(--token-font-weight-medium, 500);
597
- letter-spacing: var(--token-font-letter-spacing-1, 1%);
598
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
599
- text-decoration: none;
600
- text-transform: none;
595
+ letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
596
+ line-height: var(--token-font-line-height-500, 1.25rem);
601
597
  width: var(--token-scale-1200, 48px);
602
598
  min-width: var(--token-scale-1200, 48px);
603
599
  height: var(--token-scale-1200, 48px);
604
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
600
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
605
601
  }
606
602
 
607
603
  .calendar-day[disabled]:not(.calendar-day-constrained) {
608
- color: var(--token-primitives-neutral-500, #a2a2a2);
604
+ color: var(--token-primitives-neutral-500, #9fa5ad);
609
605
  }
610
606
 
611
607
  .calendar-day.calendar-day-today {
@@ -614,11 +610,11 @@
614
610
 
615
611
  .calendar-day.calendar-day-active,
616
612
  .calendar-day.calendar-day-active.calendar-day-adjacent-day {
617
- background: var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc));
613
+ background: var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff));
618
614
  }
619
615
 
620
616
  .calendar-day:focus-visible {
621
- border: var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);
617
+ border: var(--focus-ring-width) solid var(--focus-ring-color);
622
618
  }
623
619
 
624
620
  @media (any-hover: hover) {
@@ -632,11 +628,11 @@
632
628
  }
633
629
 
634
630
  .calendar-day.calendar-day-adjacent-day {
635
- color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
631
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
636
632
  }
637
633
 
638
634
  .calendar-day.calendar-day-active.calendar-day-adjacent-day {
639
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
635
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
640
636
  }
641
637
 
642
638
  :host .datetime-time {
@@ -649,13 +645,12 @@
649
645
  }
650
646
 
651
647
  :host .datetime-time .time-header {
648
+ 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");
652
649
  font-size: var(--token-font-size-400, 1rem);
653
650
  font-weight: var(--token-font-weight-medium, 500);
654
- letter-spacing: var(--token-font-letter-spacing-1, 1%);
655
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
656
- text-decoration: none;
657
- text-transform: none;
658
- color: var(--token-primitives-neutral-800, #626262);
651
+ letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
652
+ line-height: var(--token-font-line-height-600, 1.5rem);
653
+ color: var(--token-primitives-neutral-800, #6c727a);
659
654
  }
660
655
 
661
656
  :host .datetime-time button {
@@ -665,18 +660,17 @@
665
660
  padding-inline-end: var(--token-space-200, var(--token-scale-200, 8px));
666
661
  padding-top: var(--token-space-0, var(--token-scale-0, 0px));
667
662
  padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
663
+ 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");
668
664
  font-size: var(--token-font-size-350, 0.875rem);
669
665
  font-weight: var(--token-font-weight-medium, 500);
670
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
671
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
672
- text-decoration: none;
673
- text-transform: none;
666
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
667
+ line-height: var(--token-font-line-height-600, 1.5rem);
674
668
  border-radius: var(--token-border-radius-full, 999px);
675
669
  display: flex;
676
670
  align-items: center;
677
671
  height: var(--token-scale-800, 32px);
678
- background-color: var(--token-primitives-neutral-100, #f3f3f3);
679
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
672
+ background-color: var(--token-primitives-neutral-100, #f6f7fa);
673
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
680
674
  }
681
675
 
682
676
  :host .datetime-footer {
@@ -690,7 +684,7 @@
690
684
  margin-bottom: 0;
691
685
  border-left: 0;
692
686
  border-right: 0;
693
- border-top: var(--token-border-style-solid, solid) var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-primitives-neutral-400, #d5d5d5);
687
+ border-top: solid var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-primitives-neutral-400, #d0d7df);
694
688
  border-bottom: 0;
695
689
  }
696
690
 
package/dist/collection/components/divider/divider.ionic.css CHANGED
@@ -109,7 +109,7 @@
109
109
  }
110
110
 
111
111
  :host hr {
112
- border-top: var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));
112
+ border-top: var(--token-border-size-025, var(--token-scale-025, 1px)) solid var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));
113
113
  }
114
114
 
115
115
  :host(.divider-inset) {
package/dist/collection/components/header/header.ionic.css CHANGED
@@ -227,7 +227,7 @@ ion-header {
227
227
  z-index: 10;
228
228
  }
229
229
  ion-header.header-divider {
230
- border-bottom: var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));
230
+ border-bottom: var(--token-border-size-025, var(--token-scale-025, 1px)) solid var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));
231
231
  }
232
232
 
233
233
  ion-toolbar + ion-toolbar {