@ionic/core 8.8.20-dev.11790077030.16543b26 → 8.8.20-dev.11790107507.142dfc83

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-1svnBvUl.js +4 -0
  84. package/components/p-B1Ckdhof.js +4 -0
  85. package/components/{p-BegeD3us.js → p-B39i6rpY.js} +1 -1
  86. package/components/p-B5TpXnQx.js +4 -0
  87. package/components/{p-DpnenLm3.js → p-BLP69XoA.js} +1 -1
  88. package/components/p-BUXCqaSr.js +4 -0
  89. package/components/{p-7FNgkh0P.js → p-B_a4XnF2.js} +1 -1
  90. package/components/{p-DaK22Kla.js → p-Bs5kME4N.js} +1 -1
  91. package/components/p-BvZgcjSv.js +4 -0
  92. package/components/p-C9LVKxmA.js +4 -0
  93. package/components/{p-DkYGadek.js → p-CHNTH0aX.js} +1 -1
  94. package/components/p-CHS_LN0q.js +4 -0
  95. package/components/{p-BrR6PxbD.js → p-CQ6qwFjM.js} +1 -1
  96. package/components/p-CRSdVOdM.js +4 -0
  97. package/components/p-CXTSHWEJ.js +4 -0
  98. package/components/p-Cay-YWIl.js +4 -0
  99. package/components/{p-DE75GP4A.js → p-DCFHJ88d.js} +1 -1
  100. package/components/p-DH-B6fol.js +4 -0
  101. package/components/p-DIvWgnWw.js +4 -0
  102. package/components/{p-BHGSxffz.js → p-DNweMi32.js} +1 -1
  103. package/components/{p-CxhjkdQ_.js → p-DPBeQeU3.js} +1 -1
  104. package/components/p-DyWR_4Qt.js +4 -0
  105. package/components/{p-DYq-5riI.js → p-u7MhcNAg.js} +1 -1
  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 +10 -12
  166. package/dist/collection/components/accordion-group/accordion-group.ionic.css +6 -6
  167. package/dist/collection/components/action-sheet/action-sheet.ionic.css +22 -26
  168. package/dist/collection/components/alert/alert.ionic.css +39 -45
  169. package/dist/collection/components/avatar/avatar.ionic.css +29 -35
  170. package/dist/collection/components/backdrop/backdrop.ionic.css +1 -1
  171. package/dist/collection/components/badge/badge.ionic.css +15 -18
  172. package/dist/collection/components/button/button.ionic.css +22 -26
  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 +3 -4
  176. package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +4 -5
  177. package/dist/collection/components/checkbox/checkbox.ionic.css +16 -17
  178. package/dist/collection/components/chip/chip.ionic.css +12 -13
  179. package/dist/collection/components/datetime/datetime.ionic.css +43 -49
  180. package/dist/collection/components/divider/divider.ionic.css +1 -1
  181. package/dist/collection/components/header/header.ionic.css +3 -49
  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 +40 -43
  187. package/dist/collection/components/input/input.js +4 -4
  188. package/dist/collection/components/input-otp/input-otp.ionic.css +29 -31
  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 +9 -10
  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 +5 -6
  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 +4 -5
  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 +9 -10
  221. package/dist/collection/components/radio/radio.js +3 -3
  222. package/dist/collection/components/radio-group/radio-group.ionic.css +5 -6
  223. package/dist/collection/components/radio-group/radio-group.js +2 -2
  224. package/dist/collection/components/range/range.ionic.css +11 -12
  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 +17 -18
  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 +8 -9
  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 +26 -29
  242. package/dist/collection/components/select/select.js +3 -3
  243. package/dist/collection/components/select-modal/select-modal.ionic.css +13 -16
  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 +11 -13
  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 +4 -5
  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 +40 -43
  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 +6 -8
  263. package/dist/collection/components/title/title.js +2 -2
  264. package/dist/collection/components/toast/toast.ionic.css +16 -19
  265. package/dist/collection/components/toast/toast.js +2 -2
  266. package/dist/collection/components/toggle/toggle.ionic.css +14 -16
  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-00006e47.entry.js +4 -0
  320. package/dist/ionic/p-009518a4.entry.js +4 -0
  321. package/dist/ionic/p-031a1e4a.entry.js +4 -0
  322. package/dist/ionic/p-053dc7c5.entry.js +4 -0
  323. package/dist/ionic/p-126031d2.entry.js +4 -0
  324. package/dist/ionic/p-130765f7.entry.js +4 -0
  325. package/dist/ionic/p-1753c08d.entry.js +4 -0
  326. package/dist/ionic/{p-c1303c7f.entry.js → p-1b473bad.entry.js} +1 -1
  327. package/dist/ionic/{p-50ac06f3.entry.js → p-2365483a.entry.js} +1 -1
  328. package/dist/ionic/{p-1febf200.entry.js → p-24cbfd66.entry.js} +1 -1
  329. package/dist/ionic/{p-b051b9a8.entry.js → p-2e0184c0.entry.js} +1 -1
  330. package/dist/ionic/{p-9b538299.entry.js → p-31a0c9c2.entry.js} +1 -1
  331. package/dist/ionic/p-367d5fd5.entry.js +4 -0
  332. package/dist/ionic/p-3c070023.entry.js +4 -0
  333. package/dist/ionic/p-404817bb.entry.js +4 -0
  334. package/dist/ionic/p-59386a0f.entry.js +4 -0
  335. package/dist/ionic/p-5971c704.entry.js +4 -0
  336. package/dist/ionic/{p-e1adce72.entry.js → p-5dedd699.entry.js} +1 -1
  337. package/dist/ionic/p-61e298db.entry.js +4 -0
  338. package/dist/ionic/p-62d386b6.entry.js +4 -0
  339. package/dist/ionic/{p-ac961b29.entry.js → p-68e453f7.entry.js} +1 -1
  340. package/dist/ionic/p-6bb04f2b.entry.js +4 -0
  341. package/dist/ionic/{p-84f84f7d.entry.js → p-731d11e1.entry.js} +1 -1
  342. package/dist/ionic/p-74ad4b7e.entry.js +4 -0
  343. package/dist/ionic/{p-b02b3ab3.entry.js → p-76232f5f.entry.js} +1 -1
  344. package/dist/ionic/p-7703fee4.entry.js +4 -0
  345. package/dist/ionic/p-788418c5.entry.js +4 -0
  346. package/dist/ionic/p-7c7ce81c.entry.js +4 -0
  347. package/dist/ionic/p-7dfefd17.entry.js +4 -0
  348. package/dist/ionic/{p-67ffd721.entry.js → p-877be084.entry.js} +1 -1
  349. package/dist/ionic/p-8930910d.entry.js +4 -0
  350. package/dist/ionic/p-89ce42f3.entry.js +4 -0
  351. package/dist/ionic/{p-4cb3ae8e.entry.js → p-9b8f5965.entry.js} +1 -1
  352. package/dist/ionic/{p-a639f416.entry.js → p-9db78e5c.entry.js} +1 -1
  353. package/dist/ionic/{p-d48a9922.entry.js → p-a9df0ccf.entry.js} +1 -1
  354. package/dist/ionic/{p-3b010270.entry.js → p-b002b938.entry.js} +1 -1
  355. package/dist/ionic/{p-cb7ba9cc.entry.js → p-bb7bb4fd.entry.js} +1 -1
  356. package/dist/ionic/p-be06def7.entry.js +4 -0
  357. package/dist/ionic/p-c0983eac.entry.js +4 -0
  358. package/dist/ionic/p-d1a8bb39.entry.js +4 -0
  359. package/dist/ionic/p-df642ef5.entry.js +4 -0
  360. package/dist/ionic/p-e13cf1d8.entry.js +4 -0
  361. package/dist/ionic/p-e386bba3.entry.js +4 -0
  362. package/dist/ionic/p-e69338d9.entry.js +4 -0
  363. package/dist/ionic/p-f0b1da81.entry.js +4 -0
  364. package/dist/ionic/{p-61aaa6ff.entry.js → p-fc726f4a.entry.js} +1 -1
  365. package/dist/ionic/{p-37b0b66d.entry.js → p-ff055c7b.entry.js} +1 -1
  366. package/hydrate/index.js +161 -161
  367. package/hydrate/index.mjs +161 -161
  368. package/package.json +3 -3
  369. package/components/p-B2Mr9k_d.js +0 -4
  370. package/components/p-BAKPErdd.js +0 -4
  371. package/components/p-Bnabn9Ug.js +0 -4
  372. package/components/p-CA81qANP.js +0 -4
  373. package/components/p-CNSppJFx.js +0 -4
  374. package/components/p-CoVFbdxN.js +0 -4
  375. package/components/p-DMJ6pwef.js +0 -4
  376. package/components/p-DwX8aLIq.js +0 -4
  377. package/components/p-FGgi0nsO.js +0 -4
  378. package/components/p-XmFbMTrs.js +0 -4
  379. package/components/p-bU7Qga6u.js +0 -4
  380. package/components/p-nu9fPVrE.js +0 -4
  381. package/components/p-oINLbGrc.js +0 -4
  382. package/dist/ionic/p-0ac15b5f.entry.js +0 -4
  383. package/dist/ionic/p-0c636ad3.entry.js +0 -4
  384. package/dist/ionic/p-2c8b9be2.entry.js +0 -4
  385. package/dist/ionic/p-3590d4ae.entry.js +0 -4
  386. package/dist/ionic/p-405a2ca0.entry.js +0 -4
  387. package/dist/ionic/p-42f29761.entry.js +0 -4
  388. package/dist/ionic/p-4b388d7c.entry.js +0 -4
  389. package/dist/ionic/p-59a2254e.entry.js +0 -4
  390. package/dist/ionic/p-5a33d5b4.entry.js +0 -4
  391. package/dist/ionic/p-5afac75b.entry.js +0 -4
  392. package/dist/ionic/p-77391642.entry.js +0 -4
  393. package/dist/ionic/p-7cbf17f0.entry.js +0 -4
  394. package/dist/ionic/p-7f59020c.entry.js +0 -4
  395. package/dist/ionic/p-85648b5a.entry.js +0 -4
  396. package/dist/ionic/p-86225e79.entry.js +0 -4
  397. package/dist/ionic/p-9a9e1b9c.entry.js +0 -4
  398. package/dist/ionic/p-9dc46727.entry.js +0 -4
  399. package/dist/ionic/p-a37444b3.entry.js +0 -4
  400. package/dist/ionic/p-a567e890.entry.js +0 -4
  401. package/dist/ionic/p-a57b3c45.entry.js +0 -4
  402. package/dist/ionic/p-a6823d4b.entry.js +0 -4
  403. package/dist/ionic/p-b4533070.entry.js +0 -4
  404. package/dist/ionic/p-c1e5b208.entry.js +0 -4
  405. package/dist/ionic/p-c4ebdfd2.entry.js +0 -4
  406. package/dist/ionic/p-c9120b23.entry.js +0 -4
  407. package/dist/ionic/p-c9831903.entry.js +0 -4
  408. package/dist/ionic/p-cc03df5a.entry.js +0 -4
  409. package/dist/ionic/p-de4e8418.entry.js +0 -4
  410. package/dist/ionic/p-f982ed5f.entry.js +0 -4
  411. package/dist/ionic/p-fe8b9678.entry.js +0 -4
package/dist/collection/components/action-sheet/action-sheet.ionic.css CHANGED
@@ -74,19 +74,18 @@
74
74
  }
75
75
 
76
76
  .select-option-description {
77
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
77
78
  font-size: var(--token-font-size-350, 0.875rem);
78
79
  font-weight: var(--token-font-weight-regular, 400);
79
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
80
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
81
- text-decoration: none;
82
- text-transform: none;
80
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
81
+ line-height: var(--token-font-line-height-600, 1.5rem);
83
82
  -webkit-padding-start: var(--token-space-0, var(--token-scale-0, 0px));
84
83
  padding-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
85
84
  -webkit-padding-end: var(--token-space-0, var(--token-scale-0, 0px));
86
85
  padding-inline-end: var(--token-space-0, var(--token-scale-0, 0px));
87
86
  padding-top: var(--token-space-0, var(--token-scale-0, 0px));
88
87
  padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
89
- color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));
88
+ color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));
90
89
  font-size: var(--token-font-size-350, 0.875rem);
91
90
  }
92
91
 
@@ -387,15 +386,15 @@ ion-checkbox.select-option-has-rich-content::part(label),
387
386
  --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
388
387
  --backdrop-opacity: 0.7;
389
388
  --button-background: transparent;
390
- --button-background-selected: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));
389
+ --button-background-selected: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));
391
390
  --button-background-selected-opacity: 1;
392
- --button-background-activated: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
391
+ --button-background-activated: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
393
392
  --button-background-activated-opacity: 1;
394
- --button-background-hover: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
393
+ --button-background-hover: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
395
394
  --button-background-hover-opacity: 1;
396
- --button-color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
397
- --button-color-disabled: var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2));
398
- --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
395
+ --button-color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
396
+ --button-color-disabled: var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad));
397
+ --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
399
398
  z-index: 1001;
400
399
  }
401
400
 
@@ -405,7 +404,7 @@ ion-checkbox.select-option-has-rich-content::part(label),
405
404
 
406
405
  .action-sheet-button.ion-focused::after {
407
406
  outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
408
- outline: var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
407
+ outline: var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
409
408
  outline-offset: calc(var(--token-border-size-050, var(--token-scale-050, 2px)) * -1);
410
409
  }
411
410
 
@@ -425,24 +424,22 @@ ion-checkbox.select-option-has-rich-content::part(label),
425
424
  padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
426
425
  padding-top: var(--token-space-400, var(--token-scale-400, 16px));
427
426
  padding-bottom: var(--token-space-400, var(--token-scale-400, 16px));
427
+ 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");
428
428
  font-size: var(--token-font-size-450, 1.125rem);
429
429
  font-weight: var(--token-font-weight-medium, 500);
430
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
431
- line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
432
- text-decoration: none;
433
- text-transform: none;
430
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
431
+ line-height: var(--token-font-line-height-700, 1.75rem);
434
432
  color: var(--color);
435
433
  text-align: start;
436
434
  }
437
435
 
438
436
  .action-sheet-sub-title {
437
+ 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");
439
438
  font-size: var(--token-font-size-350, 0.875rem);
440
439
  font-weight: var(--token-font-weight-regular, 400);
441
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
442
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
443
- text-decoration: none;
444
- text-transform: none;
445
- color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
440
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
441
+ line-height: var(--token-font-line-height-600, 1.5rem);
442
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
446
443
  }
447
444
 
448
445
  .action-sheet-group:first-child {
@@ -460,12 +457,11 @@ ion-checkbox.select-option-has-rich-content::part(label),
460
457
  padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
461
458
  padding-top: var(--token-space-200, var(--token-scale-200, 8px));
462
459
  padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
460
+ 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");
463
461
  font-size: var(--token-font-size-350, 0.875rem);
464
462
  font-weight: var(--token-font-weight-regular, 400);
465
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
466
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
467
- text-decoration: none;
468
- text-transform: none;
463
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
464
+ line-height: var(--token-font-line-height-600, 1.5rem);
469
465
  position: relative;
470
466
  min-height: 52px;
471
467
  text-align: start;
@@ -482,7 +478,7 @@ ion-checkbox.select-option-has-rich-content::part(label),
482
478
  margin-bottom: var(--token-space-0, var(--token-scale-0, 0px));
483
479
  width: var(--token-scale-600, 24px);
484
480
  height: var(--token-scale-600, 24px);
485
- color: var(--color, var(--token-text-default, var(--token-primitives-neutral-1200, #242424)));
481
+ color: var(--color, var(--token-text-default, var(--token-primitives-neutral-1200, #242528)));
486
482
  }
487
483
 
488
484
  .action-sheet-button-inner {
package/dist/collection/components/alert/alert.ionic.css CHANGED
@@ -74,19 +74,18 @@
74
74
  }
75
75
 
76
76
  .select-option-description {
77
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
77
78
  font-size: var(--token-font-size-350, 0.875rem);
78
79
  font-weight: var(--token-font-weight-regular, 400);
79
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
80
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
81
- text-decoration: none;
82
- text-transform: none;
80
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
81
+ line-height: var(--token-font-line-height-600, 1.5rem);
83
82
  -webkit-padding-start: var(--token-space-0, var(--token-scale-0, 0px));
84
83
  padding-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
85
84
  -webkit-padding-end: var(--token-space-0, var(--token-scale-0, 0px));
86
85
  padding-inline-end: var(--token-space-0, var(--token-scale-0, 0px));
87
86
  padding-top: var(--token-space-0, var(--token-scale-0, 0px));
88
87
  padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
89
- color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));
88
+ color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));
90
89
  font-size: var(--token-font-size-350, 0.875rem);
91
90
  }
92
91
 
@@ -454,28 +453,28 @@ textarea.alert-input {
454
453
 
455
454
  .alert-wrapper {
456
455
  border-radius: var(--token-border-radius-200, var(--token-scale-200, 8px));
457
- box-shadow: var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));
456
+ box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.1803921569)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-12, 12px) var(--token-shadow-spread-0, 0px) var(--token-shadow-5, rgba(0, 0, 0, 0.1215686275)));
458
457
  z-index: 10;
459
458
  }
460
459
 
461
460
  .alert-button.ion-focused {
462
461
  outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
463
- outline: var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
462
+ outline: var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
464
463
  }
465
464
 
466
465
  .alert-tappable.ion-focused {
467
466
  outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
468
- outline: var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
467
+ outline: var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
469
468
  outline-offset: calc(var(--token-border-size-050, var(--token-scale-050, 2px)) * -1);
470
469
  }
471
470
 
472
471
  .alert-tappable.ion-activated,
473
472
  .alert-tappable:not(:disabled):hover {
474
- background: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
473
+ background: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
475
474
  }
476
475
 
477
476
  .alert-tappable[aria-checked=true] {
478
- background: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));
477
+ background: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));
479
478
  }
480
479
 
481
480
  .alert-head {
@@ -489,40 +488,37 @@ textarea.alert-input {
489
488
  }
490
489
 
491
490
  .alert-title {
491
+ 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");
492
492
  font-size: var(--token-font-size-450, 1.125rem);
493
493
  font-weight: var(--token-font-weight-medium, 500);
494
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
495
- line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
496
- text-decoration: none;
497
- text-transform: none;
498
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
494
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
495
+ line-height: var(--token-font-line-height-700, 1.75rem);
496
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
499
497
  }
500
498
 
501
499
  .alert-sub-title {
500
+ 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");
502
501
  font-size: var(--token-font-size-350, 0.875rem);
503
502
  font-weight: var(--token-font-weight-regular, 400);
504
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
505
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
506
- text-decoration: none;
507
- text-transform: none;
508
- color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
503
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
504
+ line-height: var(--token-font-line-height-600, 1.5rem);
505
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
509
506
  }
510
507
 
511
508
  .alert-message,
512
509
  .alert-input-group {
510
+ 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");
513
511
  font-size: var(--token-font-size-350, 0.875rem);
514
512
  font-weight: var(--token-font-weight-regular, 400);
515
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
516
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
517
- text-decoration: none;
518
- text-transform: none;
513
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
514
+ line-height: var(--token-font-line-height-600, 1.5rem);
519
515
  -webkit-padding-start: var(--token-space-400, var(--token-scale-400, 16px));
520
516
  padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
521
517
  -webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
522
518
  padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
523
519
  padding-top: var(--token-space-400, var(--token-scale-400, 16px));
524
520
  padding-bottom: var(--token-space-400, var(--token-scale-400, 16px));
525
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
521
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
526
522
  }
527
523
 
528
524
  /**
@@ -553,11 +549,11 @@ textarea.alert-input {
553
549
  margin-right: 0;
554
550
  margin-top: var(--token-space-150, var(--token-scale-150, 6px));
555
551
  margin-bottom: var(--token-space-150, var(--token-scale-150, 6px));
556
- border-bottom: var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));
557
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
552
+ border-bottom: var(--token-border-size-025, var(--token-scale-025, 1px)) solid var(--token-border-input-default, var(--token-primitives-neutral-400, #d0d7df));
553
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
558
554
  }
559
555
  .alert-input::placeholder {
560
- color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
556
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
561
557
  font-family: inherit;
562
558
  font-weight: inherit;
563
559
  }
@@ -567,14 +563,14 @@ textarea.alert-input {
567
563
 
568
564
  .alert-input:focus {
569
565
  margin-bottom: var(--token-scale-100, 4px);
570
- border-bottom: 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));
566
+ border-bottom: 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
567
  }
572
568
 
573
569
  .alert-radio-group,
574
570
  .alert-checkbox-group {
575
571
  position: relative;
576
- 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));
577
- 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));
572
+ border-top: var(--token-border-size-025, var(--token-scale-025, 1px)) solid var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));
573
+ border-bottom: var(--token-border-size-025, var(--token-scale-025, 1px)) solid var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));
578
574
  overflow: auto;
579
575
  }
580
576
 
@@ -595,16 +591,15 @@ textarea.alert-input {
595
591
  }
596
592
 
597
593
  .alert-radio-label {
594
+ 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");
598
595
  font-size: var(--token-font-size-350, 0.875rem);
599
596
  font-weight: var(--token-font-weight-regular, 400);
600
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
601
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
602
- text-decoration: none;
603
- text-transform: none;
597
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
598
+ line-height: var(--token-font-line-height-600, 1.5rem);
604
599
  padding-top: var(--token-space-200, var(--token-scale-200, 8px));
605
600
  padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
606
601
  max-width: calc(100% - var(--token-space-400, var(--token-scale-400, 16px)));
607
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
602
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
608
603
  }
609
604
 
610
605
  .radio-label-placement-start .alert-radio-label {
@@ -642,8 +637,8 @@ textarea.alert-input {
642
637
  width: var(--token-scale-600, 24px);
643
638
  height: var(--token-scale-600, 24px);
644
639
  border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
645
- border-style: var(--token-border-style-solid, solid);
646
- border-color: var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));
640
+ border-style: solid;
641
+ border-color: var(--token-border-input-default, var(--token-primitives-neutral-400, #d0d7df));
647
642
  background-color: var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));
648
643
  box-sizing: border-box;
649
644
  }
@@ -670,12 +665,11 @@ textarea.alert-input {
670
665
  }
671
666
 
672
667
  .alert-checkbox-label {
668
+ 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");
673
669
  font-size: var(--token-font-size-350, 0.875rem);
674
670
  font-weight: var(--token-font-weight-regular, 400);
675
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
676
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
677
- text-decoration: none;
678
- text-transform: none;
671
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
672
+ line-height: var(--token-font-line-height-600, 1.5rem);
679
673
  -webkit-padding-start: var(--token-space-800, var(--token-scale-800, 32px));
680
674
  padding-inline-start: var(--token-space-800, var(--token-scale-800, 32px));
681
675
  -webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
@@ -683,7 +677,7 @@ textarea.alert-input {
683
677
  padding-top: var(--token-space-200, var(--token-scale-200, 8px));
684
678
  padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
685
679
  max-width: calc(100% - var(--token-space-400, var(--token-scale-400, 16px)));
686
- color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
680
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
687
681
  }
688
682
 
689
683
  .checkbox-label-placement-start .alert-checkbox-label {
@@ -709,8 +703,8 @@ textarea.alert-input {
709
703
  width: var(--token-scale-600, 24px);
710
704
  height: var(--token-scale-600, 24px);
711
705
  border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
712
- border-style: var(--token-border-style-solid, solid);
713
- border-color: var(--token-primitives-neutral-800, #626262);
706
+ border-style: solid;
707
+ border-color: var(--token-primitives-neutral-800, #6c727a);
714
708
  background-color: var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));
715
709
  box-sizing: border-box;
716
710
  }
package/dist/collection/components/avatar/avatar.ionic.css CHANGED
@@ -102,17 +102,16 @@
102
102
  :host {
103
103
  --padding-top: var(--token-space-0, var(--token-scale-0, 0px));
104
104
  --padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
105
+ 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");
105
106
  font-size: var(--token-font-size-450, 1.125rem);
106
107
  font-weight: var(--token-font-weight-medium, 500);
107
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
108
- line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
109
- text-decoration: none;
110
- text-transform: none;
108
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
109
+ line-height: var(--token-font-line-height-700, 1.75rem);
111
110
  display: flex;
112
111
  align-items: center;
113
112
  justify-content: center;
114
- background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #eae9e9));
115
- color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
113
+ background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));
114
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
116
115
  }
117
116
 
118
117
  :host(:not(.avatar-image)) {
@@ -128,12 +127,11 @@
128
127
  :host(.avatar-xxsmall) {
129
128
  --padding-end: var(--token-space-050, var(--token-scale-050, 2px));
130
129
  --padding-start: var(--token-space-050, var(--token-scale-050, 2px));
130
+ 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");
131
131
  font-size: var(--token-font-size-300, 0.75rem);
132
132
  font-weight: var(--token-font-weight-medium, 500);
133
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
134
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
135
- text-decoration: none;
136
- text-transform: none;
133
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
134
+ line-height: var(--token-font-line-height-500, 1.25rem);
137
135
  width: var(--token-scale-400, 16px);
138
136
  height: var(--token-scale-400, 16px);
139
137
  }
@@ -142,12 +140,11 @@
142
140
  :host(.avatar-xsmall) {
143
141
  --padding-end: var(--token-space-050, var(--token-scale-050, 2px));
144
142
  --padding-start: var(--token-space-050, var(--token-scale-050, 2px));
143
+ 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");
145
144
  font-size: var(--token-font-size-300, 0.75rem);
146
145
  font-weight: var(--token-font-weight-medium, 500);
147
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
148
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
149
- text-decoration: none;
150
- text-transform: none;
146
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
147
+ line-height: var(--token-font-line-height-500, 1.25rem);
151
148
  width: var(--token-scale-600, 24px);
152
149
  height: var(--token-scale-600, 24px);
153
150
  }
@@ -156,12 +153,11 @@
156
153
  :host(.avatar-small) {
157
154
  --padding-end: var(--token-space-150, var(--token-scale-150, 6px));
158
155
  --padding-start: var(--token-space-150, var(--token-scale-150, 6px));
156
+ 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");
159
157
  font-size: var(--token-font-size-400, 1rem);
160
158
  font-weight: var(--token-font-weight-medium, 500);
161
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
162
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
163
- text-decoration: none;
164
- text-transform: none;
159
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
160
+ line-height: var(--token-font-line-height-600, 1.5rem);
165
161
  width: var(--token-scale-800, 32px);
166
162
  height: var(--token-scale-800, 32px);
167
163
  }
@@ -178,12 +174,11 @@
178
174
  :host(.avatar-large) {
179
175
  --padding-end: var(--token-space-250, var(--token-scale-250, 10px));
180
176
  --padding-start: var(--token-space-250, var(--token-scale-250, 10px));
177
+ 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");
181
178
  font-size: var(--token-font-size-500, 1.25rem);
182
179
  font-weight: var(--token-font-weight-medium, 500);
183
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
184
- line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
185
- text-decoration: none;
186
- text-transform: none;
180
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
181
+ line-height: var(--token-font-line-height-700, 1.75rem);
187
182
  width: var(--token-scale-1200, 48px);
188
183
  height: var(--token-scale-1200, 48px);
189
184
  }
@@ -192,12 +187,11 @@
192
187
  :host(.avatar-xlarge) {
193
188
  --padding-end: var(--token-space-300, var(--token-scale-300, 12px));
194
189
  --padding-start: var(--token-space-300, var(--token-scale-300, 12px));
190
+ 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");
195
191
  font-size: var(--token-font-size-550, 1.375rem);
196
192
  font-weight: var(--token-font-weight-medium, 500);
197
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
198
- line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
199
- text-decoration: none;
200
- text-transform: none;
193
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
194
+ line-height: var(--token-font-line-height-700, 1.75rem);
201
195
  width: var(--token-scale-1400, 56px);
202
196
  height: var(--token-scale-1400, 56px);
203
197
  }
@@ -205,46 +199,46 @@
205
199
  :host(.avatar-xxsmall.avatar-soft),
206
200
  :host(.avatar-xsmall.avatar-soft),
207
201
  :host(.avatar-small.avatar-soft) {
208
- --border-radius: var(--token-soft-2xs, var(--token-border-radius-100, var(--token-scale-100, 4px)));
202
+ --border-radius: var(--token-shape-soft-2xs, 4px);
209
203
  }
210
204
 
211
205
  :host(.avatar-medium.avatar-soft) {
212
- --border-radius: var(--token-soft-xs, var(--token-border-radius-200, var(--token-scale-200, 8px)));
206
+ --border-radius: var(--token-shape-soft-xs, 8px);
213
207
  }
214
208
 
215
209
  :host(.avatar-large.avatar-soft),
216
210
  :host(.avatar-xlarge.avatar-soft) {
217
- --border-radius: var(--token-soft-md, var(--token-border-radius-400, var(--token-scale-400, 16px)));
211
+ --border-radius: var(--token-shape-soft-md, 16px);
218
212
  }
219
213
 
220
214
  :host(.avatar-xxsmall.avatar-round),
221
215
  :host(.avatar-xsmall.avatar-round),
222
216
  :host(.avatar-small.avatar-round) {
223
- --border-radius: var(--token-round-2xs, var(--token-border-radius-full, 999px));
217
+ --border-radius: var(--token-shape-round-2xs, 999px);
224
218
  }
225
219
 
226
220
  :host(.avatar-medium.avatar-round) {
227
- --border-radius: var(--token-round-xs, var(--token-border-radius-full, 999px));
221
+ --border-radius: var(--token-shape-round-xs, 999px);
228
222
  }
229
223
 
230
224
  :host(.avatar-large.avatar-round),
231
225
  :host(.avatar-xlarge.avatar-round) {
232
- --border-radius: var(--token-round-md, var(--token-border-radius-full, 999px));
226
+ --border-radius: var(--token-shape-round-md, 999px);
233
227
  }
234
228
 
235
229
  :host(.avatar-xxsmall.avatar-rectangular),
236
230
  :host(.avatar-xsmall.avatar-rectangular),
237
231
  :host(.avatar-small.avatar-rectangular) {
238
- --border-radius: var(--token-rectangular-2xs, var(--token-border-radius-0, var(--token-scale-0, 0px)));
232
+ --border-radius: var(--token-shape-rectangular-2xs, 0px);
239
233
  }
240
234
 
241
235
  :host(.avatar-medium.avatar-rectangular) {
242
- --border-radius: var(--token-rectangular-xs, var(--token-border-radius-0, var(--token-scale-0, 0px)));
236
+ --border-radius: var(--token-shape-rectangular-xs, 0px);
243
237
  }
244
238
 
245
239
  :host(.avatar-large.avatar-rectangular),
246
240
  :host(.avatar-xlarge.avatar-rectangular) {
247
- --border-radius: var(--token-rectangular-md, var(--token-border-radius-0, var(--token-scale-0, 0px)));
241
+ --border-radius: var(--token-shape-rectangular-md, 0px);
248
242
  }
249
243
 
250
244
  :host(.avatar-icon) {
package/dist/collection/components/backdrop/backdrop.ionic.css CHANGED
@@ -104,6 +104,6 @@
104
104
  }
105
105
 
106
106
  :host {
107
- background-color: rgba(var(--token-primitives-base-black-rgb, 17, 17, 17), 0.7);
107
+ background-color: rgba(var(--token-primitives-base-black-rgb, 19, 21, 24), 0.7);
108
108
  z-index: 2;
109
109
  }
package/dist/collection/components/badge/badge.ionic.css CHANGED
@@ -128,12 +128,11 @@
128
128
  --padding-end: var(--token-space-200, var(--token-scale-200, 8px));
129
129
  --padding-top: var(--token-space-0, var(--token-scale-0, 0px));
130
130
  --padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
131
+ 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");
131
132
  font-size: var(--token-font-size-300, 0.75rem);
132
133
  font-weight: var(--token-font-weight-medium, 500);
133
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
134
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
135
- text-decoration: none;
136
- text-transform: none;
134
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
135
+ line-height: var(--token-font-line-height-500, 1.25rem);
137
136
  display: inline-flex;
138
137
  align-items: center;
139
138
  justify-content: center;
@@ -151,8 +150,8 @@
151
150
  }
152
151
 
153
152
  :host(.badge-subtle) {
154
- --background: var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc))));
155
- --color: var(--ion-color-primary-subtle-contrast, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));
153
+ --background: var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff))));
154
+ --color: var(--ion-color-primary-subtle-contrast, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));
156
155
  }
157
156
 
158
157
  :host(.badge-subtle.ion-color) {
@@ -162,21 +161,21 @@
162
161
 
163
162
  /* Soft Badge */
164
163
  :host(.badge-soft) {
165
- border-radius: var(--token-soft-xs, var(--token-border-radius-200, var(--token-scale-200, 8px)));
164
+ border-radius: var(--token-shape-soft-xs, 8px);
166
165
  }
167
166
 
168
167
  :host(.badge-small.badge-soft) {
169
- border-radius: var(--token-soft-2xs, var(--token-border-radius-100, var(--token-scale-100, 4px)));
168
+ border-radius: var(--token-shape-soft-2xs, 4px);
170
169
  }
171
170
 
172
171
  /* Round Badge */
173
172
  :host(.badge-round) {
174
- border-radius: var(--token-round-sm, var(--token-border-radius-full, 999px));
173
+ border-radius: var(--token-shape-round-sm, 999px);
175
174
  }
176
175
 
177
176
  /* Rectangular Badge */
178
177
  :host(.badge-rectangular) {
179
- border-radius: var(--token-rectangular-sm, var(--token-border-radius-0, var(--token-scale-0, 0px)));
178
+ border-radius: var(--token-shape-rectangular-sm, 0px);
180
179
  }
181
180
 
182
181
  /* Small Badge */
@@ -197,12 +196,11 @@
197
196
  :host(.badge-large) {
198
197
  --padding-start: var(--token-space-100, var(--token-scale-100, 4px));
199
198
  --padding-end: var(--token-space-100, var(--token-scale-100, 4px));
199
+ font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
200
200
  font-size: var(--token-font-size-350, 0.875rem);
201
201
  font-weight: var(--token-font-weight-medium, 500);
202
- letter-spacing: var(--token-font-letter-spacing-0, 0%);
203
- line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
204
- text-decoration: none;
205
- text-transform: none;
202
+ letter-spacing: var(--token-font-letter-spacing-0, 0);
203
+ line-height: var(--token-font-line-height-600, 1.5rem);
206
204
  min-width: var(--token-scale-600, 24px);
207
205
  height: var(--token-scale-600, 24px);
208
206
  }
@@ -258,12 +256,11 @@
258
256
  :host(:not(:empty).in-button) {
259
257
  --padding-start: var(--token-scale-050, 2px);
260
258
  --padding-end: var(--token-scale-050, 2px);
259
+ 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");
261
260
  font-size: var(--token-font-size-300, 0.75rem);
262
261
  font-weight: var(--token-font-weight-medium, 500);
263
- letter-spacing: var(--token-font-letter-spacing-1, 1%);
264
- line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
265
- text-decoration: none;
266
- text-transform: none;
262
+ letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
263
+ line-height: var(--token-font-line-height-500, 1.25rem);
267
264
  min-width: var(--token-scale-400, 16px);
268
265
  height: var(--token-scale-400, 16px);
269
266
  }