@ionic/core 8.8.20-dev.11790063553.1c664fbb → 8.8.20-dev.11790077030.16543b26

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 (411) hide show
  1. package/components/ion-accordion-group.js +1 -1
  2. package/components/ion-accordion.js +1 -1
  3. package/components/ion-action-sheet.js +1 -1
  4. package/components/ion-alert.js +1 -1
  5. package/components/ion-avatar.js +1 -1
  6. package/components/ion-back-button.js +1 -1
  7. package/components/ion-backdrop.js +1 -1
  8. package/components/ion-badge.js +1 -1
  9. package/components/ion-button.js +1 -1
  10. package/components/ion-buttons.js +1 -1
  11. package/components/ion-card-content.js +1 -1
  12. package/components/ion-card-subtitle.js +1 -1
  13. package/components/ion-card.js +1 -1
  14. package/components/ion-checkbox.js +1 -1
  15. package/components/ion-chip.js +1 -1
  16. package/components/ion-datetime-button.js +1 -1
  17. package/components/ion-datetime.js +1 -1
  18. package/components/ion-divider.js +1 -1
  19. package/components/ion-fab-button.js +1 -1
  20. package/components/ion-header.js +1 -1
  21. package/components/ion-img.js +1 -1
  22. package/components/ion-infinite-scroll-content.js +1 -1
  23. package/components/ion-infinite-scroll.js +1 -1
  24. package/components/ion-input-otp.js +1 -1
  25. package/components/ion-input-password-toggle.js +1 -1
  26. package/components/ion-input.js +1 -1
  27. package/components/ion-item-divider.js +1 -1
  28. package/components/ion-item-group.js +1 -1
  29. package/components/ion-item-option.js +1 -1
  30. package/components/ion-item-options.js +1 -1
  31. package/components/ion-item-sliding.js +1 -1
  32. package/components/ion-item.js +1 -1
  33. package/components/ion-label.js +1 -1
  34. package/components/ion-list-header.js +1 -1
  35. package/components/ion-list.js +1 -1
  36. package/components/ion-loading.js +1 -1
  37. package/components/ion-menu-button.js +1 -1
  38. package/components/ion-menu-toggle.js +1 -1
  39. package/components/ion-menu.js +1 -1
  40. package/components/ion-modal.js +1 -1
  41. package/components/ion-nav-link.js +1 -1
  42. package/components/ion-nav.js +1 -1
  43. package/components/ion-note.js +1 -1
  44. package/components/ion-picker-column-option.js +1 -1
  45. package/components/ion-picker-legacy-column.js +1 -1
  46. package/components/ion-picker-legacy.js +1 -1
  47. package/components/ion-popover.js +1 -1
  48. package/components/ion-progress-bar.js +1 -1
  49. package/components/ion-radio-group.js +1 -1
  50. package/components/ion-radio.js +1 -1
  51. package/components/ion-range.js +1 -1
  52. package/components/ion-refresher-content.js +1 -1
  53. package/components/ion-refresher.js +1 -1
  54. package/components/ion-reorder-group.js +1 -1
  55. package/components/ion-reorder.js +1 -1
  56. package/components/ion-ripple-effect.js +1 -1
  57. package/components/ion-router-link.js +1 -1
  58. package/components/ion-router-outlet.js +1 -1
  59. package/components/ion-row.js +1 -1
  60. package/components/ion-searchbar.js +1 -1
  61. package/components/ion-segment-button.js +1 -1
  62. package/components/ion-segment-content.js +1 -1
  63. package/components/ion-segment-view.js +1 -1
  64. package/components/ion-segment.js +1 -1
  65. package/components/ion-select-modal.js +1 -1
  66. package/components/ion-select-option.js +1 -1
  67. package/components/ion-select-popover.js +1 -1
  68. package/components/ion-select.js +1 -1
  69. package/components/ion-skeleton-text.js +1 -1
  70. package/components/ion-spinner.js +1 -1
  71. package/components/ion-split-pane.js +1 -1
  72. package/components/ion-tab-bar.js +1 -1
  73. package/components/ion-tab-button.js +1 -1
  74. package/components/ion-tab.js +1 -1
  75. package/components/ion-tabs.js +1 -1
  76. package/components/ion-text.js +1 -1
  77. package/components/ion-textarea.js +1 -1
  78. package/components/ion-thumbnail.js +1 -1
  79. package/components/ion-title.js +1 -1
  80. package/components/ion-toast.js +1 -1
  81. package/components/ion-toggle.js +1 -1
  82. package/components/ion-toolbar.js +1 -1
  83. package/components/{p-B_a4XnF2.js → p-7FNgkh0P.js} +1 -1
  84. package/components/p-B2Mr9k_d.js +4 -0
  85. package/components/p-BAKPErdd.js +4 -0
  86. package/components/{p-DNweMi32.js → p-BHGSxffz.js} +1 -1
  87. package/components/{p-B39i6rpY.js → p-BegeD3us.js} +1 -1
  88. package/components/p-Bnabn9Ug.js +4 -0
  89. package/components/{p-CQ6qwFjM.js → p-BrR6PxbD.js} +1 -1
  90. package/components/p-CA81qANP.js +4 -0
  91. package/components/p-CNSppJFx.js +4 -0
  92. package/components/p-CoVFbdxN.js +4 -0
  93. package/components/{p-DPBeQeU3.js → p-CxhjkdQ_.js} +1 -1
  94. package/components/{p-DCFHJ88d.js → p-DE75GP4A.js} +1 -1
  95. package/components/p-DMJ6pwef.js +4 -0
  96. package/components/{p-u7MhcNAg.js → p-DYq-5riI.js} +1 -1
  97. package/components/{p-Bs5kME4N.js → p-DaK22Kla.js} +1 -1
  98. package/components/{p-CHNTH0aX.js → p-DkYGadek.js} +1 -1
  99. package/components/{p-BLP69XoA.js → p-DpnenLm3.js} +1 -1
  100. package/components/p-DwX8aLIq.js +4 -0
  101. package/components/p-FGgi0nsO.js +4 -0
  102. package/components/p-XmFbMTrs.js +4 -0
  103. package/components/p-bU7Qga6u.js +4 -0
  104. package/components/p-nu9fPVrE.js +4 -0
  105. package/components/p-oINLbGrc.js +4 -0
  106. package/css/ionic/bundle.ionic.css +1 -1
  107. package/css/ionic/bundle.ionic.css.map +1 -1
  108. package/css/ionic/core.ionic.css +1 -1
  109. package/css/ionic/core.ionic.css.map +1 -1
  110. package/css/ionic/global.bundle.ionic.css +1 -1
  111. package/css/ionic/global.bundle.ionic.css.map +1 -1
  112. package/css/ionic/ionic-swiper.ionic.css +1 -1
  113. package/css/ionic/ionic-swiper.ionic.css.map +1 -1
  114. package/css/ionic/link.ionic.css +1 -1
  115. package/css/ionic/link.ionic.css.map +1 -1
  116. package/css/ionic/typography.ionic.css +1 -1
  117. package/css/ionic/typography.ionic.css.map +1 -1
  118. package/dist/cjs/ion-accordion_2.cjs.entry.js +2 -2
  119. package/dist/cjs/ion-action-sheet.cjs.entry.js +1 -1
  120. package/dist/cjs/ion-alert.cjs.entry.js +1 -1
  121. package/dist/cjs/ion-app_8.cjs.entry.js +10 -10
  122. package/dist/cjs/ion-avatar_3.cjs.entry.js +4 -4
  123. package/dist/cjs/ion-backdrop.cjs.entry.js +1 -1
  124. package/dist/cjs/ion-button_2.cjs.entry.js +1 -1
  125. package/dist/cjs/ion-card_5.cjs.entry.js +3 -3
  126. package/dist/cjs/ion-checkbox.cjs.entry.js +1 -1
  127. package/dist/cjs/ion-chip.cjs.entry.js +1 -1
  128. package/dist/cjs/ion-col_3.cjs.entry.js +2 -2
  129. package/dist/cjs/ion-datetime_3.cjs.entry.js +5 -5
  130. package/dist/cjs/ion-divider.cjs.entry.js +1 -1
  131. package/dist/cjs/ion-img.cjs.entry.js +2 -2
  132. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +3 -3
  133. package/dist/cjs/ion-input-otp.cjs.entry.js +4 -4
  134. package/dist/cjs/ion-input-password-toggle.cjs.entry.js +4 -4
  135. package/dist/cjs/ion-input.cjs.entry.js +5 -5
  136. package/dist/cjs/ion-item-option_3.cjs.entry.js +6 -6
  137. package/dist/cjs/ion-item_8.cjs.entry.js +14 -14
  138. package/dist/cjs/ion-loading.cjs.entry.js +2 -2
  139. package/dist/cjs/ion-menu_3.cjs.entry.js +6 -6
  140. package/dist/cjs/ion-modal.cjs.entry.js +5 -5
  141. package/dist/cjs/ion-nav_2.cjs.entry.js +2 -2
  142. package/dist/cjs/ion-picker-column-option.cjs.entry.js +2 -2
  143. package/dist/cjs/ion-popover.cjs.entry.js +3 -3
  144. package/dist/cjs/ion-progress-bar.cjs.entry.js +2 -2
  145. package/dist/cjs/ion-radio_2.cjs.entry.js +7 -7
  146. package/dist/cjs/ion-range.cjs.entry.js +4 -4
  147. package/dist/cjs/ion-refresher_2.cjs.entry.js +3 -3
  148. package/dist/cjs/ion-reorder_2.cjs.entry.js +3 -3
  149. package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
  150. package/dist/cjs/ion-route_4.cjs.entry.js +2 -2
  151. package/dist/cjs/ion-searchbar.cjs.entry.js +4 -4
  152. package/dist/cjs/ion-segment-content.cjs.entry.js +1 -1
  153. package/dist/cjs/ion-segment-view.cjs.entry.js +2 -2
  154. package/dist/cjs/ion-segment_2.cjs.entry.js +5 -5
  155. package/dist/cjs/ion-select-modal.cjs.entry.js +2 -2
  156. package/dist/cjs/ion-select_3.cjs.entry.js +8 -8
  157. package/dist/cjs/ion-spinner.cjs.entry.js +2 -2
  158. package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
  159. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +6 -6
  160. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
  161. package/dist/cjs/ion-text.cjs.entry.js +2 -2
  162. package/dist/cjs/ion-textarea.cjs.entry.js +4 -4
  163. package/dist/cjs/ion-toast.cjs.entry.js +3 -3
  164. package/dist/cjs/ion-toggle.cjs.entry.js +4 -4
  165. package/dist/collection/components/accordion/accordion.ionic.css +12 -10
  166. package/dist/collection/components/accordion-group/accordion-group.ionic.css +6 -6
  167. package/dist/collection/components/action-sheet/action-sheet.ionic.css +26 -22
  168. package/dist/collection/components/alert/alert.ionic.css +45 -39
  169. package/dist/collection/components/avatar/avatar.ionic.css +35 -29
  170. package/dist/collection/components/backdrop/backdrop.ionic.css +1 -1
  171. package/dist/collection/components/badge/badge.ionic.css +18 -15
  172. package/dist/collection/components/button/button.ionic.css +26 -22
  173. package/dist/collection/components/buttons/buttons.ionic.css +1 -1
  174. package/dist/collection/components/card/card.ionic.css +7 -7
  175. package/dist/collection/components/card-content/card-content.ionic.css +4 -3
  176. package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +5 -4
  177. package/dist/collection/components/checkbox/checkbox.ionic.css +17 -16
  178. package/dist/collection/components/chip/chip.ionic.css +13 -12
  179. package/dist/collection/components/datetime/datetime.ionic.css +49 -43
  180. package/dist/collection/components/divider/divider.ionic.css +1 -1
  181. package/dist/collection/components/header/header.ionic.css +49 -3
  182. package/dist/collection/components/header/header.js +1 -1
  183. package/dist/collection/components/img/img.js +2 -2
  184. package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
  185. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
  186. package/dist/collection/components/input/input.ionic.css +43 -40
  187. package/dist/collection/components/input/input.js +4 -4
  188. package/dist/collection/components/input-otp/input-otp.ionic.css +31 -29
  189. package/dist/collection/components/input-otp/input-otp.js +3 -3
  190. package/dist/collection/components/input-password-toggle/input-password-toggle.ionic.css +1 -1
  191. package/dist/collection/components/input-password-toggle/input-password-toggle.js +3 -3
  192. package/dist/collection/components/item/item.ionic.css +10 -9
  193. package/dist/collection/components/item-divider/item-divider.js +2 -2
  194. package/dist/collection/components/item-group/item-group.js +1 -1
  195. package/dist/collection/components/item-option/item-option.ionic.css +6 -5
  196. package/dist/collection/components/item-option/item-option.js +2 -2
  197. package/dist/collection/components/item-options/item-options.js +1 -1
  198. package/dist/collection/components/item-sliding/item-sliding.ionic.css +1 -1
  199. package/dist/collection/components/item-sliding/item-sliding.js +1 -1
  200. package/dist/collection/components/label/label.js +2 -2
  201. package/dist/collection/components/list/list.js +1 -1
  202. package/dist/collection/components/list-header/list-header.ionic.css +5 -4
  203. package/dist/collection/components/list-header/list-header.js +2 -2
  204. package/dist/collection/components/loading/loading.js +2 -2
  205. package/dist/collection/components/menu/menu.js +2 -2
  206. package/dist/collection/components/menu-button/menu-button.js +2 -2
  207. package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
  208. package/dist/collection/components/modal/modal.ionic.css +3 -3
  209. package/dist/collection/components/modal/modal.js +4 -4
  210. package/dist/collection/components/nav/nav.js +1 -1
  211. package/dist/collection/components/nav-link/nav-link.js +1 -1
  212. package/dist/collection/components/note/note.js +2 -2
  213. package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
  214. package/dist/collection/components/picker-legacy/picker.js +2 -2
  215. package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
  216. package/dist/collection/components/popover/popover.ionic.css +1 -1
  217. package/dist/collection/components/popover/popover.js +2 -2
  218. package/dist/collection/components/progress-bar/progress-bar.ionic.css +3 -3
  219. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  220. package/dist/collection/components/radio/radio.ionic.css +10 -9
  221. package/dist/collection/components/radio/radio.js +3 -3
  222. package/dist/collection/components/radio-group/radio-group.ionic.css +6 -5
  223. package/dist/collection/components/radio-group/radio-group.js +2 -2
  224. package/dist/collection/components/range/range.ionic.css +12 -11
  225. package/dist/collection/components/range/range.js +3 -3
  226. package/dist/collection/components/refresher/refresher.js +1 -1
  227. package/dist/collection/components/refresher-content/refresher-content.js +2 -2
  228. package/dist/collection/components/reorder/reorder.js +2 -2
  229. package/dist/collection/components/reorder-group/reorder-group.js +1 -1
  230. package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
  231. package/dist/collection/components/router-link/router-link.js +2 -2
  232. package/dist/collection/components/router-outlet/router-outlet.js +1 -1
  233. package/dist/collection/components/row/row.js +2 -2
  234. package/dist/collection/components/searchbar/searchbar.ionic.css +18 -17
  235. package/dist/collection/components/searchbar/searchbar.js +3 -3
  236. package/dist/collection/components/segment/segment.js +2 -2
  237. package/dist/collection/components/segment-button/segment-button.ionic.css +9 -8
  238. package/dist/collection/components/segment-button/segment-button.js +2 -2
  239. package/dist/collection/components/segment-content/segment-content.js +1 -1
  240. package/dist/collection/components/segment-view/segment-view.js +2 -2
  241. package/dist/collection/components/select/select.ionic.css +29 -26
  242. package/dist/collection/components/select/select.js +3 -3
  243. package/dist/collection/components/select-modal/select-modal.ionic.css +16 -13
  244. package/dist/collection/components/select-modal/select-modal.js +1 -1
  245. package/dist/collection/components/select-option/select-option.js +1 -1
  246. package/dist/collection/components/select-popover/select-popover.ionic.css +13 -11
  247. package/dist/collection/components/select-popover/select-popover.js +2 -2
  248. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  249. package/dist/collection/components/spinner/spinner.ionic.css +2 -2
  250. package/dist/collection/components/spinner/spinner.js +1 -1
  251. package/dist/collection/components/split-pane/split-pane.js +2 -2
  252. package/dist/collection/components/tab/tab.js +2 -2
  253. package/dist/collection/components/tab-bar/tab-bar.ionic.css +6 -6
  254. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  255. package/dist/collection/components/tab-button/tab-button.ionic.css +5 -4
  256. package/dist/collection/components/tab-button/tab-button.js +2 -2
  257. package/dist/collection/components/tabs/tabs.js +1 -1
  258. package/dist/collection/components/text/text.js +2 -2
  259. package/dist/collection/components/textarea/textarea.ionic.css +43 -40
  260. package/dist/collection/components/textarea/textarea.js +3 -3
  261. package/dist/collection/components/thumbnail/thumbnail.js +2 -2
  262. package/dist/collection/components/title/title.ionic.css +8 -6
  263. package/dist/collection/components/title/title.js +2 -2
  264. package/dist/collection/components/toast/toast.ionic.css +19 -16
  265. package/dist/collection/components/toast/toast.js +2 -2
  266. package/dist/collection/components/toggle/toggle.ionic.css +16 -14
  267. package/dist/collection/components/toggle/toggle.js +3 -3
  268. package/dist/collection/components/toolbar/toolbar.ionic.css +1 -1
  269. package/dist/collection/components/toolbar/toolbar.js +2 -2
  270. package/dist/docs.json +1 -1
  271. package/dist/esm/ion-accordion_2.entry.js +2 -2
  272. package/dist/esm/ion-action-sheet.entry.js +1 -1
  273. package/dist/esm/ion-alert.entry.js +1 -1
  274. package/dist/esm/ion-app_8.entry.js +10 -10
  275. package/dist/esm/ion-avatar_3.entry.js +4 -4
  276. package/dist/esm/ion-backdrop.entry.js +1 -1
  277. package/dist/esm/ion-button_2.entry.js +1 -1
  278. package/dist/esm/ion-card_5.entry.js +3 -3
  279. package/dist/esm/ion-checkbox.entry.js +1 -1
  280. package/dist/esm/ion-chip.entry.js +1 -1
  281. package/dist/esm/ion-col_3.entry.js +2 -2
  282. package/dist/esm/ion-datetime_3.entry.js +5 -5
  283. package/dist/esm/ion-divider.entry.js +1 -1
  284. package/dist/esm/ion-img.entry.js +2 -2
  285. package/dist/esm/ion-infinite-scroll_2.entry.js +3 -3
  286. package/dist/esm/ion-input-otp.entry.js +4 -4
  287. package/dist/esm/ion-input-password-toggle.entry.js +4 -4
  288. package/dist/esm/ion-input.entry.js +5 -5
  289. package/dist/esm/ion-item-option_3.entry.js +6 -6
  290. package/dist/esm/ion-item_8.entry.js +14 -14
  291. package/dist/esm/ion-loading.entry.js +2 -2
  292. package/dist/esm/ion-menu_3.entry.js +6 -6
  293. package/dist/esm/ion-modal.entry.js +5 -5
  294. package/dist/esm/ion-nav_2.entry.js +2 -2
  295. package/dist/esm/ion-picker-column-option.entry.js +2 -2
  296. package/dist/esm/ion-popover.entry.js +3 -3
  297. package/dist/esm/ion-progress-bar.entry.js +2 -2
  298. package/dist/esm/ion-radio_2.entry.js +7 -7
  299. package/dist/esm/ion-range.entry.js +4 -4
  300. package/dist/esm/ion-refresher_2.entry.js +3 -3
  301. package/dist/esm/ion-reorder_2.entry.js +3 -3
  302. package/dist/esm/ion-ripple-effect.entry.js +1 -1
  303. package/dist/esm/ion-route_4.entry.js +2 -2
  304. package/dist/esm/ion-searchbar.entry.js +4 -4
  305. package/dist/esm/ion-segment-content.entry.js +1 -1
  306. package/dist/esm/ion-segment-view.entry.js +2 -2
  307. package/dist/esm/ion-segment_2.entry.js +5 -5
  308. package/dist/esm/ion-select-modal.entry.js +2 -2
  309. package/dist/esm/ion-select_3.entry.js +8 -8
  310. package/dist/esm/ion-spinner.entry.js +2 -2
  311. package/dist/esm/ion-split-pane.entry.js +2 -2
  312. package/dist/esm/ion-tab-bar_2.entry.js +6 -6
  313. package/dist/esm/ion-tab_2.entry.js +3 -3
  314. package/dist/esm/ion-text.entry.js +2 -2
  315. package/dist/esm/ion-textarea.entry.js +4 -4
  316. package/dist/esm/ion-toast.entry.js +3 -3
  317. package/dist/esm/ion-toggle.entry.js +4 -4
  318. package/dist/ionic/ionic.esm.js +1 -1
  319. package/dist/ionic/p-0ac15b5f.entry.js +4 -0
  320. package/dist/ionic/p-0c636ad3.entry.js +4 -0
  321. package/dist/ionic/{p-24cbfd66.entry.js → p-1febf200.entry.js} +1 -1
  322. package/dist/ionic/p-2c8b9be2.entry.js +4 -0
  323. package/dist/ionic/p-3590d4ae.entry.js +4 -0
  324. package/dist/ionic/{p-ff055c7b.entry.js → p-37b0b66d.entry.js} +1 -1
  325. package/dist/ionic/{p-b002b938.entry.js → p-3b010270.entry.js} +1 -1
  326. package/dist/ionic/p-405a2ca0.entry.js +4 -0
  327. package/dist/ionic/p-42f29761.entry.js +4 -0
  328. package/dist/ionic/p-4b388d7c.entry.js +4 -0
  329. package/dist/ionic/{p-9b8f5965.entry.js → p-4cb3ae8e.entry.js} +1 -1
  330. package/dist/ionic/{p-2365483a.entry.js → p-50ac06f3.entry.js} +1 -1
  331. package/dist/ionic/p-59a2254e.entry.js +4 -0
  332. package/dist/ionic/p-5a33d5b4.entry.js +4 -0
  333. package/dist/ionic/p-5afac75b.entry.js +4 -0
  334. package/dist/ionic/{p-fc726f4a.entry.js → p-61aaa6ff.entry.js} +1 -1
  335. package/dist/ionic/{p-877be084.entry.js → p-67ffd721.entry.js} +1 -1
  336. package/dist/ionic/p-77391642.entry.js +4 -0
  337. package/dist/ionic/p-7cbf17f0.entry.js +4 -0
  338. package/dist/ionic/p-7f59020c.entry.js +4 -0
  339. package/dist/ionic/{p-731d11e1.entry.js → p-84f84f7d.entry.js} +1 -1
  340. package/dist/ionic/p-85648b5a.entry.js +4 -0
  341. package/dist/ionic/p-86225e79.entry.js +4 -0
  342. package/dist/ionic/p-9a9e1b9c.entry.js +4 -0
  343. package/dist/ionic/{p-31a0c9c2.entry.js → p-9b538299.entry.js} +1 -1
  344. package/dist/ionic/p-9dc46727.entry.js +4 -0
  345. package/dist/ionic/p-a37444b3.entry.js +4 -0
  346. package/dist/ionic/p-a567e890.entry.js +4 -0
  347. package/dist/ionic/p-a57b3c45.entry.js +4 -0
  348. package/dist/ionic/{p-9db78e5c.entry.js → p-a639f416.entry.js} +1 -1
  349. package/dist/ionic/p-a6823d4b.entry.js +4 -0
  350. package/dist/ionic/{p-68e453f7.entry.js → p-ac961b29.entry.js} +1 -1
  351. package/dist/ionic/{p-76232f5f.entry.js → p-b02b3ab3.entry.js} +1 -1
  352. package/dist/ionic/{p-2e0184c0.entry.js → p-b051b9a8.entry.js} +1 -1
  353. package/dist/ionic/p-b4533070.entry.js +4 -0
  354. package/dist/ionic/{p-1b473bad.entry.js → p-c1303c7f.entry.js} +1 -1
  355. package/dist/ionic/p-c1e5b208.entry.js +4 -0
  356. package/dist/ionic/p-c4ebdfd2.entry.js +4 -0
  357. package/dist/ionic/p-c9120b23.entry.js +4 -0
  358. package/dist/ionic/p-c9831903.entry.js +4 -0
  359. package/dist/ionic/{p-bb7bb4fd.entry.js → p-cb7ba9cc.entry.js} +1 -1
  360. package/dist/ionic/p-cc03df5a.entry.js +4 -0
  361. package/dist/ionic/{p-a9df0ccf.entry.js → p-d48a9922.entry.js} +1 -1
  362. package/dist/ionic/p-de4e8418.entry.js +4 -0
  363. package/dist/ionic/{p-5dedd699.entry.js → p-e1adce72.entry.js} +1 -1
  364. package/dist/ionic/p-f982ed5f.entry.js +4 -0
  365. package/dist/ionic/p-fe8b9678.entry.js +4 -0
  366. package/hydrate/index.js +161 -161
  367. package/hydrate/index.mjs +161 -161
  368. package/package.json +3 -3
  369. package/components/p-1svnBvUl.js +0 -4
  370. package/components/p-B1Ckdhof.js +0 -4
  371. package/components/p-B5TpXnQx.js +0 -4
  372. package/components/p-BUXCqaSr.js +0 -4
  373. package/components/p-BvZgcjSv.js +0 -4
  374. package/components/p-C9LVKxmA.js +0 -4
  375. package/components/p-CHS_LN0q.js +0 -4
  376. package/components/p-CRSdVOdM.js +0 -4
  377. package/components/p-CXTSHWEJ.js +0 -4
  378. package/components/p-Cay-YWIl.js +0 -4
  379. package/components/p-DH-B6fol.js +0 -4
  380. package/components/p-DIvWgnWw.js +0 -4
  381. package/components/p-DyWR_4Qt.js +0 -4
  382. package/dist/ionic/p-00006e47.entry.js +0 -4
  383. package/dist/ionic/p-009518a4.entry.js +0 -4
  384. package/dist/ionic/p-031a1e4a.entry.js +0 -4
  385. package/dist/ionic/p-053dc7c5.entry.js +0 -4
  386. package/dist/ionic/p-126031d2.entry.js +0 -4
  387. package/dist/ionic/p-130765f7.entry.js +0 -4
  388. package/dist/ionic/p-1753c08d.entry.js +0 -4
  389. package/dist/ionic/p-367d5fd5.entry.js +0 -4
  390. package/dist/ionic/p-3c070023.entry.js +0 -4
  391. package/dist/ionic/p-404817bb.entry.js +0 -4
  392. package/dist/ionic/p-59386a0f.entry.js +0 -4
  393. package/dist/ionic/p-5971c704.entry.js +0 -4
  394. package/dist/ionic/p-61e298db.entry.js +0 -4
  395. package/dist/ionic/p-62d386b6.entry.js +0 -4
  396. package/dist/ionic/p-74ad4b7e.entry.js +0 -4
  397. package/dist/ionic/p-7703fee4.entry.js +0 -4
  398. package/dist/ionic/p-788418c5.entry.js +0 -4
  399. package/dist/ionic/p-7c7ce81c.entry.js +0 -4
  400. package/dist/ionic/p-7dfefd17.entry.js +0 -4
  401. package/dist/ionic/p-8930910d.entry.js +0 -4
  402. package/dist/ionic/p-89ce42f3.entry.js +0 -4
  403. package/dist/ionic/p-a1e40bc9.entry.js +0 -4
  404. package/dist/ionic/p-be06def7.entry.js +0 -4
  405. package/dist/ionic/p-c0983eac.entry.js +0 -4
  406. package/dist/ionic/p-d1a8bb39.entry.js +0 -4
  407. package/dist/ionic/p-df642ef5.entry.js +0 -4
  408. package/dist/ionic/p-e13cf1d8.entry.js +0 -4
  409. package/dist/ionic/p-e386bba3.entry.js +0 -4
  410. package/dist/ionic/p-e69338d9.entry.js +0 -4
  411. package/dist/ionic/p-f0b1da81.entry.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-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
350
+ --focus-ring-color: var(--token-border-focus-default, 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-800, var(--token-primitives-blue-800, #0f54da))));
368
+ --color: var(--ion-color-primary-foreground, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));
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: solid;
384
+ --border-style: var(--token-border-style-solid, 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, #925f00))));
397
- color: var(--ion-color-warning-foreground, var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #925f00))));
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))));
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-800, var(--token-primitives-blue-800, #0f54da))));
405
+ --color: var(--ion-color-primary-foreground, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));
406
406
  --ripple-opacity: var(--background-activated-opacity, 1);
407
407
  --ripple-color: var(--background-activated);
408
408
  }
@@ -419,11 +419,12 @@ 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");
423
422
  font-size: var(--token-font-size-350, 0.875rem);
424
423
  font-weight: var(--token-font-weight-medium, 500);
425
- letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
426
- line-height: var(--token-font-line-height-500, 1.25rem);
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;
427
428
  min-width: var(--token-scale-1600, 64px);
428
429
  min-height: var(--token-scale-1000, 40px);
429
430
  }
@@ -431,11 +432,12 @@ ion-ripple-effect {
431
432
  /* Medium Button */
432
433
  :host(.button-medium) {
433
434
  --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-100, 0.01em);
438
- line-height: var(--token-font-line-height-600, 1.5rem);
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;
439
441
  min-width: var(--token-scale-1800, 72px);
440
442
  min-height: var(--token-scale-1200, 48px);
441
443
  }
@@ -443,11 +445,12 @@ ion-ripple-effect {
443
445
  /* Large Button */
444
446
  :host(.button-large) {
445
447
  --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");
447
448
  font-size: var(--token-font-size-500, 1.25rem);
448
449
  font-weight: var(--token-font-weight-medium, 500);
449
- letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
450
- line-height: var(--token-font-line-height-600, 1.5rem);
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;
451
454
  min-width: var(--token-scale-2000, 80px);
452
455
  min-height: var(--token-scale-1400, 56px);
453
456
  }
@@ -487,19 +490,19 @@ ion-ripple-effect {
487
490
  }
488
491
 
489
492
  :host(.button-soft) {
490
- --border-radius: var(--token-shape-soft-xs, 8px);
493
+ --border-radius: var(--token-soft-xs, var(--token-border-radius-200, var(--token-scale-200, 8px)));
491
494
  }
492
495
 
493
496
  :host(.button-round) {
494
- --border-radius: var(--token-shape-round-xs, 999px);
497
+ --border-radius: var(--token-round-xs, var(--token-border-radius-full, 999px));
495
498
  }
496
499
 
497
500
  :host(.button-rectangular) {
498
- --border-radius: var(--token-shape-rectangular-xs, 0px);
501
+ --border-radius: var(--token-rectangular-xs, var(--token-border-radius-0, var(--token-scale-0, 0px)));
499
502
  }
500
503
 
501
504
  :host(.ion-focused) .button-native {
502
- outline: var(--focus-ring-width) solid var(--focus-ring-color);
505
+ outline: var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);
503
506
  outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
504
507
  }
505
508
 
@@ -631,10 +634,11 @@ ion-ripple-effect {
631
634
  }
632
635
 
633
636
  :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");
635
637
  font-size: var(--token-font-size-400, 1rem);
636
638
  font-weight: var(--token-font-weight-medium, 500);
637
- letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
638
- line-height: var(--token-font-line-height-600, 1.5rem);
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;
639
643
  min-height: var(--token-space-1200, var(--token-scale-1200, 48px));
640
644
  }
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, #242528));
83
+ --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
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, #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));
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));
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-shape-soft-xl, 12px);
135
+ --border-radius: var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)));
136
136
  }
137
137
 
138
138
  :host(.card-round) {
139
- --border-radius: var(--token-shape-round-xl, 16px);
139
+ --border-radius: var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));
140
140
  }
141
141
 
142
142
  :host(.card-rectangular) {
143
- --border-radius: var(--token-shape-rectangular-xl, 0px);
143
+ --border-radius: var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)));
144
144
  }
package/dist/collection/components/card-content/card-content.ionic.css CHANGED
@@ -70,11 +70,12 @@
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");
74
73
  font-size: var(--token-font-size-350, 0.875rem);
75
74
  font-weight: var(--token-font-weight-regular, 400);
76
- letter-spacing: var(--token-font-letter-spacing-0, 0);
77
- line-height: var(--token-font-line-height-600, 1.5rem);
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;
78
79
  display: flex;
79
80
  flex-direction: column;
80
81
  gap: var(--token-space-400, var(--token-scale-400, 16px));
package/dist/collection/components/card-subtitle/card-subtitle.ionic.css CHANGED
@@ -134,10 +134,11 @@
134
134
  * convert to a unit other than $baselineUnit.
135
135
  */
136
136
  :host {
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");
137
+ --color: var(--token-primitives-neutral-800, #626262);
139
138
  font-size: var(--token-font-size-400, 1rem);
140
139
  font-weight: var(--token-font-weight-regular, 400);
141
- letter-spacing: var(--token-font-letter-spacing-0, 0);
142
- line-height: var(--token-font-line-height-600, 1.5rem);
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;
143
144
  }
package/dist/collection/components/checkbox/checkbox.ionic.css CHANGED
@@ -290,11 +290,11 @@ input {
290
290
  * @prop --focus-ring-offset: Offset of the focus ring
291
291
  */
292
292
  --border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
293
- --border-style: solid;
294
- --border-color: var(--token-primitives-neutral-800, #6c727a);
293
+ --border-style: var(--token-border-style-solid, solid);
294
+ --border-color: var(--token-primitives-neutral-800, #626262);
295
295
  --checkmark-width: var(--token-scale-400, 16px);
296
296
  --checkmark-height: var(--checkmark-width);
297
- --focus-ring-color: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
297
+ --focus-ring-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
298
298
  --focus-ring-width: var(--token-border-size-050, var(--token-scale-050, 2px));
299
299
  --focus-ring-offset: var(--token-space-050, var(--token-scale-050, 2px));
300
300
  --size: var(--token-scale-600, 24px);
@@ -322,7 +322,7 @@ input {
322
322
  }
323
323
 
324
324
  .label-text-wrapper {
325
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
325
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
326
326
  }
327
327
 
328
328
  :host(.in-item) .label-text-wrapper {
@@ -382,19 +382,20 @@ input {
382
382
  }
383
383
 
384
384
  .checkbox-bottom {
385
- 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");
386
385
  font-size: var(--token-font-size-300, 0.75rem);
387
386
  font-weight: var(--token-font-weight-medium, 500);
388
- letter-spacing: var(--token-font-letter-spacing-0, 0);
389
- line-height: var(--token-font-line-height-500, 1.25rem);
387
+ letter-spacing: var(--token-font-letter-spacing-0, 0%);
388
+ line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
389
+ text-decoration: none;
390
+ text-transform: none;
390
391
  }
391
392
 
392
393
  .checkbox-bottom .error-text {
393
- color: var(--token-text-danger, var(--token-semantics-danger-800, var(--token-primitives-red-800, #d2002b)));
394
+ color: var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)));
394
395
  }
395
396
 
396
397
  .checkbox-bottom .helper-text {
397
- color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
398
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
398
399
  }
399
400
 
400
401
  :host(.checkbox-label-placement-start) .label-text-wrapper {
@@ -461,12 +462,12 @@ input {
461
462
  }
462
463
 
463
464
  :host(.ion-invalid) {
464
- --focus-ring-color: var(--token-border-danger-default, var(--token-semantics-danger-600, var(--token-primitives-red-600, #ef5264)));
465
+ --focus-ring-color: var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));
465
466
  }
466
467
 
467
468
  :host(.ion-invalid:not(.checkbox-checked)) .native-wrapper,
468
469
  :host(.ion-invalid:not(.checkbox-checked).checkbox-disabled) .native-wrapper {
469
- border-color: var(--token-border-danger-default, var(--token-semantics-danger-600, var(--token-primitives-red-600, #ef5264)));
470
+ border-color: var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));
470
471
  }
471
472
 
472
473
  :host(.checkbox-disabled) .native-wrapper:after {
@@ -493,7 +494,7 @@ input {
493
494
 
494
495
  @media (any-hover: hover) {
495
496
  :host(:hover) .native-wrapper {
496
- background-color: var(--token-primitives-neutral-100, #f6f7fa);
497
+ background-color: var(--token-primitives-neutral-100, #f3f3f3);
497
498
  }
498
499
  :host(:hover.checkbox-checked) .native-wrapper,
499
500
  :host(:hover.checkbox-checked) .checkbox-icon,
@@ -504,11 +505,11 @@ input {
504
505
  }
505
506
  :host(.ion-focused:not(.checkbox-disabled)) .native-wrapper {
506
507
  outline-offset: var(--focus-ring-width);
507
- outline: var(--focus-ring-width) solid var(--focus-ring-color);
508
+ outline: var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);
508
509
  }
509
510
 
510
511
  :host(.ion-activated) .native-wrapper {
511
- background-color: var(--token-bg-input-press, var(--token-primitives-neutral-200, #ebeef2));
512
+ background-color: var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9));
512
513
  }
513
514
 
514
515
  :host(.ion-activated.checkbox-checked) .native-wrapper,
@@ -519,10 +520,10 @@ input {
519
520
  }
520
521
 
521
522
  :host(.ion-activated.ion-invalid:not(.checkbox-checked)) {
522
- background-color: var(--token-bg-input-press, var(--token-primitives-neutral-200, #ebeef2));
523
+ background-color: var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9));
523
524
  }
524
525
  :host(.ion-activated.ion-invalid:not(.checkbox-checked)) .native-wrapper {
525
- border-color: var(--token-border-danger-press, var(--token-semantics-danger-700, var(--token-primitives-red-700, #e0243a)));
526
+ border-color: var(--token-border-danger-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)));
526
527
  }
527
528
 
528
529
  :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-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
114
+ --focus-ring-color: var(--token-border-focus-default, 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,24 +120,25 @@
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");
124
123
  font-size: var(--token-font-size-300, 0.75rem);
125
124
  font-weight: var(--token-font-weight-medium, 500);
126
- letter-spacing: var(--token-font-letter-spacing-0, 0);
127
- line-height: var(--token-font-line-height-500, 1.25rem);
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;
128
129
  gap: var(--token-space-100, var(--token-scale-100, 4px));
129
- line-height: 100%;
130
+ line-height: var(--token-font-line-height-full, 100%);
130
131
  cursor: auto;
131
132
  }
132
133
 
133
134
  :host(.chip-outline) {
134
135
  border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
135
- border-style: solid;
136
+ border-style: var(--token-border-style-solid, solid);
136
137
  }
137
138
 
138
139
  :host(.ion-focused) {
139
140
  outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
140
- outline: var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--focus-ring-color);
141
+ outline: var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--focus-ring-color);
141
142
  }
142
143
 
143
144
  :host(.chip-disabled)::after {
@@ -180,21 +181,21 @@
180
181
  }
181
182
 
182
183
  :host(.chip-subtle) {
183
- --background: var(--token-primitives-neutral-100, #f6f7fa);
184
- --color: var(--token-primitives-neutral-800, #6c727a);
184
+ --background: var(--token-primitives-neutral-100, #f3f3f3);
185
+ --color: var(--token-primitives-neutral-800, #626262);
185
186
  }
186
187
 
187
188
  :host(.chip-outline.chip-subtle) {
188
- border-color: var(--token-primitives-neutral-300, #e6eaee);
189
+ border-color: var(--token-primitives-neutral-300, #e0e0e0);
189
190
  }
190
191
 
191
192
  :host(.chip-bold) {
192
- --background: var(--token-bg-neutral-bold-default, var(--token-primitives-neutral-1000, #383e45));
193
+ --background: var(--token-bg-neutral-bold-default, var(--token-primitives-neutral-1000, #3b3b3b));
193
194
  --color: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
194
195
  }
195
196
 
196
197
  :host(.chip-outline.chip-bold) {
197
- border-color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
198
+ border-color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
198
199
  }
199
200
 
200
201
  :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-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
453
+ --focus-ring-color: var(--token-border-focus-default, 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,25 +491,27 @@
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: solid var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-primitives-neutral-400, #d0d7df);
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);
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");
499
498
  font-size: var(--token-font-size-450, 1.125rem);
500
499
  font-weight: var(--token-font-weight-medium, 500);
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);
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);
504
505
  }
505
506
 
506
507
  :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, 1.5rem);
512
- color: var(--token-primitives-neutral-1000, #383e45);
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);
513
515
  }
514
516
 
515
517
  .calendar-action-buttons {
@@ -526,11 +528,12 @@
526
528
 
527
529
  .calendar-month-year-toggle {
528
530
  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");
530
531
  font-size: var(--token-font-size-400, 1rem);
531
532
  font-weight: var(--token-font-weight-medium, 500);
532
- letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
533
- line-height: var(--token-font-line-height-600, 1.5rem);
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;
534
537
  -webkit-padding-start: var(--token-space-400, var(--token-scale-400, 16px));
535
538
  padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
536
539
  -webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
@@ -539,13 +542,13 @@
539
542
  padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
540
543
  min-width: var(--token-scale-1600, 64px);
541
544
  min-height: var(--token-scale-1000, 40px);
542
- border: var(--focus-ring-width) solid transparent;
545
+ border: var(--focus-ring-width) var(--token-border-style-solid, solid) transparent;
543
546
  color: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));
544
547
  }
545
548
 
546
549
  @media (any-hover: hover) {
547
550
  .calendar-month-year-toggle:hover {
548
- background: var(--token-primitives-neutral-200, #ebeef2);
551
+ background: var(--token-primitives-neutral-200, #eae9e9);
549
552
  }
550
553
  }
551
554
  .calendar-month-year-toggle.ion-focused {
@@ -553,32 +556,32 @@
553
556
  }
554
557
 
555
558
  .calendar-month-year-toggle.ion-activated {
556
- background: var(--token-primitives-neutral-200, #ebeef2);
559
+ background: var(--token-primitives-neutral-200, #eae9e9);
557
560
  }
558
561
 
559
562
  .calendar-next-prev ion-button.button-has-icon-only {
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);
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);
563
566
  --background-hover-opacity: 1;
564
567
  min-height: var(--token-scale-1000, 40px);
565
568
  }
566
569
 
567
570
  .calendar-next-prev ion-button.button-has-icon-only.ion-focused::part(native) {
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)));
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));
569
572
  outline: none;
570
573
  }
571
574
 
572
575
  .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");
574
576
  font-size: var(--token-font-size-300, 0.75rem);
575
577
  font-weight: var(--token-font-weight-medium, 500);
576
- letter-spacing: var(--token-font-letter-spacing-150, 0.015em);
577
- line-height: var(--token-font-line-height-500, 1.25rem);
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;
578
581
  text-transform: uppercase;
579
582
  align-content: center;
580
583
  height: var(--token-scale-1200, 48px);
581
- color: var(--token-primitives-neutral-800, #6c727a);
584
+ color: var(--token-primitives-neutral-800, #626262);
582
585
  }
583
586
 
584
587
  .calendar-day {
@@ -589,19 +592,20 @@
589
592
  padding-inline-end: var(--token-space-100, var(--token-scale-100, 4px));
590
593
  padding-top: var(--token-space-100, var(--token-scale-100, 4px));
591
594
  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");
593
595
  font-size: var(--token-font-size-350, 0.875rem);
594
596
  font-weight: var(--token-font-weight-medium, 500);
595
- letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
596
- line-height: var(--token-font-line-height-500, 1.25rem);
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;
597
601
  width: var(--token-scale-1200, 48px);
598
602
  min-width: var(--token-scale-1200, 48px);
599
603
  height: var(--token-scale-1200, 48px);
600
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
604
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
601
605
  }
602
606
 
603
607
  .calendar-day[disabled]:not(.calendar-day-constrained) {
604
- color: var(--token-primitives-neutral-500, #9fa5ad);
608
+ color: var(--token-primitives-neutral-500, #a2a2a2);
605
609
  }
606
610
 
607
611
  .calendar-day.calendar-day-today {
@@ -610,11 +614,11 @@
610
614
 
611
615
  .calendar-day.calendar-day-active,
612
616
  .calendar-day.calendar-day-active.calendar-day-adjacent-day {
613
- background: var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff));
617
+ background: var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc));
614
618
  }
615
619
 
616
620
  .calendar-day:focus-visible {
617
- border: var(--focus-ring-width) solid var(--focus-ring-color);
621
+ border: var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);
618
622
  }
619
623
 
620
624
  @media (any-hover: hover) {
@@ -628,11 +632,11 @@
628
632
  }
629
633
 
630
634
  .calendar-day.calendar-day-adjacent-day {
631
- color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
635
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
632
636
  }
633
637
 
634
638
  .calendar-day.calendar-day-active.calendar-day-adjacent-day {
635
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
639
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
636
640
  }
637
641
 
638
642
  :host .datetime-time {
@@ -645,12 +649,13 @@
645
649
  }
646
650
 
647
651
  :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");
649
652
  font-size: var(--token-font-size-400, 1rem);
650
653
  font-weight: var(--token-font-weight-medium, 500);
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);
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);
654
659
  }
655
660
 
656
661
  :host .datetime-time button {
@@ -660,17 +665,18 @@
660
665
  padding-inline-end: var(--token-space-200, var(--token-scale-200, 8px));
661
666
  padding-top: var(--token-space-0, var(--token-scale-0, 0px));
662
667
  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");
664
668
  font-size: var(--token-font-size-350, 0.875rem);
665
669
  font-weight: var(--token-font-weight-medium, 500);
666
- letter-spacing: var(--token-font-letter-spacing-0, 0);
667
- line-height: var(--token-font-line-height-600, 1.5rem);
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;
668
674
  border-radius: var(--token-border-radius-full, 999px);
669
675
  display: flex;
670
676
  align-items: center;
671
677
  height: var(--token-scale-800, 32px);
672
- background-color: var(--token-primitives-neutral-100, #f6f7fa);
673
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
678
+ background-color: var(--token-primitives-neutral-100, #f3f3f3);
679
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
674
680
  }
675
681
 
676
682
  :host .datetime-footer {
@@ -684,7 +690,7 @@
684
690
  margin-bottom: 0;
685
691
  border-left: 0;
686
692
  border-right: 0;
687
- border-top: solid var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-primitives-neutral-400, #d0d7df);
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);
688
694
  border-bottom: 0;
689
695
  }
690
696
 
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)) solid var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));
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));
113
113
  }
114
114
 
115
115
  :host(.divider-inset) {