@ionic/core 7.3.4-dev.11695654072.17597cce → 7.3.4-dev.11699470772.1dad7e66

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 (415) hide show
  1. package/components/action-sheet.js +2 -2
  2. package/components/button.js +2 -2
  3. package/components/buttons.js +2 -2
  4. package/components/ion-back-button.js +2 -2
  5. package/components/ion-badge.js +2 -2
  6. package/components/ion-breadcrumb.js +2 -2
  7. package/components/ion-card-content.js +2 -2
  8. package/components/ion-card-subtitle.js +2 -2
  9. package/components/ion-card-title.js +2 -2
  10. package/components/ion-card.js +2 -2
  11. package/components/ion-chip.js +3 -8
  12. package/components/ion-datetime-button.js +2 -2
  13. package/components/ion-datetime.js +3 -3
  14. package/components/ion-header.js +1 -1
  15. package/components/ion-input.js +2 -2
  16. package/components/ion-item-divider.js +2 -2
  17. package/components/ion-item-option.js +2 -2
  18. package/components/ion-item-options.js +2 -2
  19. package/components/ion-loading.js +2 -2
  20. package/components/ion-menu-button.js +2 -2
  21. package/components/ion-range.js +2 -2
  22. package/components/ion-reorder.js +2 -2
  23. package/components/ion-searchbar.js +3 -9
  24. package/components/ion-textarea.js +2 -2
  25. package/components/ion-title.js +2 -2
  26. package/components/ion-toast.js +2 -2
  27. package/components/ion-toolbar.js +1 -1
  28. package/components/ios.transition.js +4 -4
  29. package/components/item.js +2 -2
  30. package/components/label.js +2 -2
  31. package/components/list-header.js +2 -2
  32. package/components/note.js +2 -2
  33. package/css/core.css +0 -100
  34. package/css/core.css.map +1 -1
  35. package/css/display.css +0 -33
  36. package/css/display.css.map +1 -1
  37. package/css/float-elements.css +0 -33
  38. package/css/float-elements.css.map +1 -1
  39. package/css/global.bundle.css +6 -84
  40. package/css/global.bundle.css.map +1 -1
  41. package/css/ionic-swiper.css +0 -33
  42. package/css/ionic-swiper.css.map +1 -1
  43. package/css/ionic.bundle.css +1 -1
  44. package/css/ionic.bundle.css.map +1 -1
  45. package/css/padding.css +0 -33
  46. package/css/padding.css.map +1 -1
  47. package/css/structure.css +0 -33
  48. package/css/structure.css.map +1 -1
  49. package/css/text-alignment.css +0 -33
  50. package/css/text-alignment.css.map +1 -1
  51. package/css/text-transformation.css +0 -33
  52. package/css/text-transformation.css.map +1 -1
  53. package/css/typography.css +6 -51
  54. package/css/typography.css.map +1 -1
  55. package/css/utils.bundle.css +0 -165
  56. package/css/utils.bundle.css.map +1 -1
  57. package/dist/cjs/{index-552c4df4.js → index-8568bedb.js} +2 -2
  58. package/dist/cjs/index.cjs.js +3 -3
  59. package/dist/cjs/ion-action-sheet.cjs.entry.js +2 -2
  60. package/dist/cjs/ion-app_8.cjs.entry.js +7 -7
  61. package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
  62. package/dist/cjs/ion-back-button.cjs.entry.js +2 -2
  63. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +2 -2
  64. package/dist/cjs/ion-button_2.cjs.entry.js +2 -2
  65. package/dist/cjs/ion-card_5.cjs.entry.js +8 -8
  66. package/dist/cjs/ion-chip.cjs.entry.js +2 -7
  67. package/dist/cjs/ion-datetime-button.cjs.entry.js +2 -2
  68. package/dist/cjs/ion-datetime_3.cjs.entry.js +3 -3
  69. package/dist/cjs/ion-input.cjs.entry.js +2 -2
  70. package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
  71. package/dist/cjs/ion-item_8.cjs.entry.js +10 -10
  72. package/dist/cjs/ion-loading.cjs.entry.js +2 -2
  73. package/dist/cjs/ion-menu_3.cjs.entry.js +2 -2
  74. package/dist/cjs/ion-modal.cjs.entry.js +1 -1
  75. package/dist/cjs/ion-nav_2.cjs.entry.js +1 -1
  76. package/dist/cjs/ion-popover.cjs.entry.js +1 -1
  77. package/dist/cjs/ion-range.cjs.entry.js +2 -2
  78. package/dist/cjs/ion-reorder_2.cjs.entry.js +2 -2
  79. package/dist/cjs/ion-searchbar.cjs.entry.js +3 -9
  80. package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
  81. package/dist/cjs/ion-toast.cjs.entry.js +2 -2
  82. package/dist/cjs/ionic.cjs.js +2 -2
  83. package/dist/cjs/{ios.transition-b53fc1d5.js → ios.transition-f7c78d7c.js} +5 -5
  84. package/dist/cjs/loader.cjs.js +1 -1
  85. package/dist/cjs/{md.transition-d96426d5.js → md.transition-65dc7dce.js} +1 -1
  86. package/dist/collection/collection-manifest.json +2 -2
  87. package/dist/collection/components/accordion/accordion.ios.css +0 -66
  88. package/dist/collection/components/accordion/accordion.md.css +0 -33
  89. package/dist/collection/components/accordion-group/accordion-group.ios.css +0 -66
  90. package/dist/collection/components/accordion-group/accordion-group.md.css +0 -99
  91. package/dist/collection/components/action-sheet/action-sheet.ios.css +12 -80
  92. package/dist/collection/components/action-sheet/action-sheet.md.css +8 -76
  93. package/dist/collection/components/action-sheet/test/a11y/action-sheet.e2e.js +0 -27
  94. package/dist/collection/components/alert/alert.ios.css +0 -99
  95. package/dist/collection/components/alert/alert.md.css +0 -99
  96. package/dist/collection/components/avatar/avatar.ios.css +0 -66
  97. package/dist/collection/components/avatar/avatar.md.css +0 -66
  98. package/dist/collection/components/back-button/back-button.ios.css +1 -83
  99. package/dist/collection/components/back-button/back-button.md.css +3 -75
  100. package/dist/collection/components/backdrop/backdrop.ios.css +0 -66
  101. package/dist/collection/components/backdrop/backdrop.md.css +0 -66
  102. package/dist/collection/components/badge/badge.ios.css +1 -75
  103. package/dist/collection/components/badge/badge.md.css +1 -67
  104. package/dist/collection/components/breadcrumb/breadcrumb.ios.css +3 -80
  105. package/dist/collection/components/breadcrumb/breadcrumb.md.css +3 -69
  106. package/dist/collection/components/breadcrumbs/breadcrumbs.ios.css +0 -33
  107. package/dist/collection/components/breadcrumbs/breadcrumbs.md.css +0 -33
  108. package/dist/collection/components/breadcrumbs/test/a11y/breadcrumbs.e2e.js +0 -21
  109. package/dist/collection/components/button/button.ios.css +19 -118
  110. package/dist/collection/components/button/button.md.css +3 -69
  111. package/dist/collection/components/buttons/buttons.ios.css +3 -102
  112. package/dist/collection/components/buttons/buttons.md.css +2 -101
  113. package/dist/collection/components/card/card.ios.css +1 -67
  114. package/dist/collection/components/card/card.md.css +1 -67
  115. package/dist/collection/components/card-content/card-content.ios.css +5 -71
  116. package/dist/collection/components/card-content/card-content.md.css +5 -71
  117. package/dist/collection/components/card-header/card-header.ios.css +0 -66
  118. package/dist/collection/components/card-header/card-header.md.css +0 -66
  119. package/dist/collection/components/card-subtitle/card-subtitle.ios.css +1 -67
  120. package/dist/collection/components/card-subtitle/card-subtitle.md.css +1 -67
  121. package/dist/collection/components/card-title/card-title.ios.css +1 -67
  122. package/dist/collection/components/card-title/card-title.md.css +1 -67
  123. package/dist/collection/components/checkbox/checkbox.ios.css +0 -99
  124. package/dist/collection/components/checkbox/checkbox.md.css +0 -99
  125. package/dist/collection/components/chip/{chip.md.css → chip.css} +7 -43
  126. package/dist/collection/components/chip/chip.js +2 -4
  127. package/dist/collection/components/col/col.css +0 -66
  128. package/dist/collection/components/content/content.css +0 -33
  129. package/dist/collection/components/datetime/datetime.ios.css +5 -196
  130. package/dist/collection/components/datetime/datetime.js +1 -1
  131. package/dist/collection/components/datetime/datetime.md.css +4 -96
  132. package/dist/collection/components/datetime-button/datetime-button.css +2 -36
  133. package/dist/collection/components/fab/fab.css +0 -66
  134. package/dist/collection/components/fab-button/fab-button.ios.css +0 -66
  135. package/dist/collection/components/fab-button/fab-button.md.css +0 -66
  136. package/dist/collection/components/fab-list/fab-list.css +0 -66
  137. package/dist/collection/components/footer/footer.ios.css +0 -66
  138. package/dist/collection/components/footer/footer.md.css +0 -66
  139. package/dist/collection/components/grid/grid.css +0 -66
  140. package/dist/collection/components/header/header.ios.css +2 -71
  141. package/dist/collection/components/header/header.md.css +0 -66
  142. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +0 -66
  143. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +0 -66
  144. package/dist/collection/components/input/input.ios.css +1 -100
  145. package/dist/collection/components/input/input.md.css +1 -199
  146. package/dist/collection/components/input/test/a11y/input.e2e.js +1 -15
  147. package/dist/collection/components/item/item.ios.css +4 -70
  148. package/dist/collection/components/item/item.md.css +6 -138
  149. package/dist/collection/components/item/test/a11y/item.e2e.js +1 -116
  150. package/dist/collection/components/item-divider/item-divider.ios.css +9 -101
  151. package/dist/collection/components/item-divider/item-divider.md.css +11 -103
  152. package/dist/collection/components/item-group/item-group.ios.css +1 -68
  153. package/dist/collection/components/item-group/item-group.md.css +1 -68
  154. package/dist/collection/components/item-option/item-option.ios.css +1 -67
  155. package/dist/collection/components/item-option/item-option.md.css +1 -67
  156. package/dist/collection/components/item-options/item-options.ios.css +1 -99
  157. package/dist/collection/components/item-options/item-options.md.css +1 -99
  158. package/dist/collection/components/item-sliding/item-sliding.css +0 -33
  159. package/dist/collection/components/label/label.ios.css +6 -105
  160. package/dist/collection/components/label/label.md.css +5 -104
  161. package/dist/collection/components/list/list.ios.css +0 -99
  162. package/dist/collection/components/list/list.md.css +0 -99
  163. package/dist/collection/components/list-header/list-header.ios.css +1 -100
  164. package/dist/collection/components/list-header/list-header.md.css +1 -100
  165. package/dist/collection/components/loading/loading.ios.css +1 -67
  166. package/dist/collection/components/loading/loading.md.css +1 -67
  167. package/dist/collection/components/loading/test/a11y/loading.e2e.js +0 -19
  168. package/dist/collection/components/menu/menu.ios.css +0 -66
  169. package/dist/collection/components/menu/menu.md.css +0 -66
  170. package/dist/collection/components/menu-button/menu-button.ios.css +2 -70
  171. package/dist/collection/components/menu-button/menu-button.md.css +3 -71
  172. package/dist/collection/components/menu-button/test/a11y/menu-button.e2e.js +1 -20
  173. package/dist/collection/components/modal/modal.ios.css +0 -66
  174. package/dist/collection/components/modal/modal.md.css +0 -66
  175. package/dist/collection/components/nav/nav.css +0 -33
  176. package/dist/collection/components/note/note.ios.css +0 -67
  177. package/dist/collection/components/note/note.md.css +1 -67
  178. package/dist/collection/components/picker/picker.ios.css +0 -66
  179. package/dist/collection/components/picker/picker.md.css +0 -66
  180. package/dist/collection/components/picker-column/picker-column.ios.css +0 -66
  181. package/dist/collection/components/picker-column/picker-column.md.css +0 -66
  182. package/dist/collection/components/picker-column-internal/picker-column-internal.ios.css +0 -33
  183. package/dist/collection/components/picker-column-internal/picker-column-internal.md.css +0 -66
  184. package/dist/collection/components/picker-internal/picker-internal.ios.css +0 -66
  185. package/dist/collection/components/picker-internal/picker-internal.md.css +0 -66
  186. package/dist/collection/components/popover/popover.ios.css +0 -66
  187. package/dist/collection/components/popover/popover.md.css +0 -66
  188. package/dist/collection/components/progress-bar/progress-bar.ios.css +0 -33
  189. package/dist/collection/components/progress-bar/progress-bar.md.css +0 -33
  190. package/dist/collection/components/radio/radio.ios.css +0 -99
  191. package/dist/collection/components/radio/radio.md.css +0 -99
  192. package/dist/collection/components/range/range.ios.css +7 -81
  193. package/dist/collection/components/range/range.md.css +10 -98
  194. package/dist/collection/components/range/test/a11y/range.e2e.js +0 -22
  195. package/dist/collection/components/refresher/refresher.ios.css +0 -66
  196. package/dist/collection/components/refresher/refresher.md.css +0 -66
  197. package/dist/collection/components/reorder/reorder.ios.css +2 -75
  198. package/dist/collection/components/reorder/reorder.md.css +2 -75
  199. package/dist/collection/components/reorder-group/reorder-group.css +0 -33
  200. package/dist/collection/components/ripple-effect/ripple-effect.css +0 -33
  201. package/dist/collection/components/router-link/router-link.css +0 -33
  202. package/dist/collection/components/router-outlet/router-outlet.css +0 -33
  203. package/dist/collection/components/router-outlet/router-outlet.js +6 -1
  204. package/dist/collection/components/row/row.css +0 -66
  205. package/dist/collection/components/searchbar/searchbar.ios.css +16 -95
  206. package/dist/collection/components/searchbar/searchbar.js +1 -7
  207. package/dist/collection/components/searchbar/searchbar.md.css +10 -77
  208. package/dist/collection/components/searchbar/test/basic/searchbar.e2e.js +0 -18
  209. package/dist/collection/components/segment/segment.ios.css +0 -99
  210. package/dist/collection/components/segment/segment.md.css +0 -99
  211. package/dist/collection/components/segment-button/segment-button.ios.css +0 -66
  212. package/dist/collection/components/segment-button/segment-button.md.css +0 -66
  213. package/dist/collection/components/select/select.ios.css +0 -99
  214. package/dist/collection/components/select/select.md.css +0 -165
  215. package/dist/collection/components/select-popover/select-popover.ios.css +1 -101
  216. package/dist/collection/components/select-popover/select-popover.md.css +0 -99
  217. package/dist/collection/components/skeleton-text/skeleton-text.css +0 -33
  218. package/dist/collection/components/spinner/spinner.css +0 -33
  219. package/dist/collection/components/split-pane/split-pane.ios.css +0 -99
  220. package/dist/collection/components/split-pane/split-pane.md.css +0 -99
  221. package/dist/collection/components/tab-bar/tab-bar.ios.css +0 -99
  222. package/dist/collection/components/tab-bar/tab-bar.md.css +0 -99
  223. package/dist/collection/components/tab-button/tab-button.ios.css +0 -66
  224. package/dist/collection/components/tab-button/tab-button.md.css +0 -66
  225. package/dist/collection/components/tabs/tabs.css +0 -33
  226. package/dist/collection/components/text/text.css +0 -33
  227. package/dist/collection/components/textarea/test/a11y/textarea.e2e.js +1 -15
  228. package/dist/collection/components/textarea/textarea.ios.css +1 -133
  229. package/dist/collection/components/textarea/textarea.md.css +1 -199
  230. package/dist/collection/components/thumbnail/thumbnail.css +0 -33
  231. package/dist/collection/components/title/title.ios.css +10 -43
  232. package/dist/collection/components/title/title.md.css +2 -35
  233. package/dist/collection/components/toast/test/a11y/toast.e2e.js +1 -98
  234. package/dist/collection/components/toast/toast.ios.css +3 -74
  235. package/dist/collection/components/toast/toast.md.css +4 -74
  236. package/dist/collection/components/toggle/toggle.ios.css +0 -99
  237. package/dist/collection/components/toggle/toggle.md.css +0 -99
  238. package/dist/collection/components/toolbar/toolbar.ios.css +14 -66
  239. package/dist/collection/components/toolbar/toolbar.md.css +0 -66
  240. package/dist/collection/utils/transition/ios.transition.js +4 -4
  241. package/dist/docs.json +9 -4
  242. package/dist/esm/{index-2970aafc.js → index-6391de89.js} +2 -2
  243. package/dist/esm/index.js +3 -3
  244. package/dist/esm/ion-action-sheet.entry.js +2 -2
  245. package/dist/esm/ion-app_8.entry.js +7 -7
  246. package/dist/esm/ion-avatar_3.entry.js +2 -2
  247. package/dist/esm/ion-back-button.entry.js +2 -2
  248. package/dist/esm/ion-breadcrumb_2.entry.js +2 -2
  249. package/dist/esm/ion-button_2.entry.js +2 -2
  250. package/dist/esm/ion-card_5.entry.js +8 -8
  251. package/dist/esm/ion-chip.entry.js +2 -7
  252. package/dist/esm/ion-datetime-button.entry.js +2 -2
  253. package/dist/esm/ion-datetime_3.entry.js +3 -3
  254. package/dist/esm/ion-input.entry.js +2 -2
  255. package/dist/esm/ion-item-option_3.entry.js +4 -4
  256. package/dist/esm/ion-item_8.entry.js +10 -10
  257. package/dist/esm/ion-loading.entry.js +2 -2
  258. package/dist/esm/ion-menu_3.entry.js +2 -2
  259. package/dist/esm/ion-modal.entry.js +1 -1
  260. package/dist/esm/ion-nav_2.entry.js +1 -1
  261. package/dist/esm/ion-popover.entry.js +1 -1
  262. package/dist/esm/ion-range.entry.js +2 -2
  263. package/dist/esm/ion-reorder_2.entry.js +2 -2
  264. package/dist/esm/ion-searchbar.entry.js +3 -9
  265. package/dist/esm/ion-textarea.entry.js +2 -2
  266. package/dist/esm/ion-toast.entry.js +2 -2
  267. package/dist/esm/ionic.js +2 -2
  268. package/dist/esm/{ios.transition-4e8d7fb7.js → ios.transition-3137d23e.js} +5 -5
  269. package/dist/esm/loader.js +1 -1
  270. package/dist/esm/{md.transition-2b41d64c.js → md.transition-48b3b77c.js} +1 -1
  271. package/dist/esm-es5/{index-2970aafc.js → index-6391de89.js} +1 -1
  272. package/dist/esm-es5/index.js +1 -1
  273. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  274. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  275. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  276. package/dist/esm-es5/ion-back-button.entry.js +1 -1
  277. package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
  278. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  279. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  280. package/dist/esm-es5/ion-chip.entry.js +1 -1
  281. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  282. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  283. package/dist/esm-es5/ion-input.entry.js +1 -1
  284. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  285. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  286. package/dist/esm-es5/ion-loading.entry.js +1 -1
  287. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  288. package/dist/esm-es5/ion-modal.entry.js +1 -1
  289. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  290. package/dist/esm-es5/ion-popover.entry.js +1 -1
  291. package/dist/esm-es5/ion-range.entry.js +1 -1
  292. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  293. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  294. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  295. package/dist/esm-es5/ion-toast.entry.js +1 -1
  296. package/dist/esm-es5/ionic.js +1 -1
  297. package/dist/esm-es5/ios.transition-3137d23e.js +4 -0
  298. package/dist/esm-es5/loader.js +1 -1
  299. package/dist/esm-es5/{md.transition-2b41d64c.js → md.transition-48b3b77c.js} +1 -1
  300. package/dist/ionic/index.esm.js +1 -1
  301. package/dist/ionic/ionic.esm.js +1 -1
  302. package/dist/ionic/ionic.js +1 -1
  303. package/dist/ionic/p-06902103.system.js +4 -0
  304. package/dist/ionic/{p-89d96720.entry.js → p-091cd81e.entry.js} +1 -1
  305. package/dist/ionic/{p-a5481fd3.system.entry.js → p-0b68c41d.system.entry.js} +1 -1
  306. package/dist/ionic/p-0cc2bf5a.system.entry.js +4 -0
  307. package/dist/ionic/p-11248f01.js +4 -0
  308. package/dist/ionic/p-1fb9aab8.entry.js +4 -0
  309. package/dist/ionic/p-2061c86f.system.entry.js +4 -0
  310. package/dist/ionic/{p-80eed21b.entry.js → p-208f640c.entry.js} +1 -1
  311. package/dist/ionic/{p-80b152fd.system.entry.js → p-28f5715a.system.entry.js} +1 -1
  312. package/dist/ionic/p-341d5877.entry.js +4 -0
  313. package/dist/ionic/p-38dd9aec.entry.js +4 -0
  314. package/dist/ionic/p-430e902d.entry.js +4 -0
  315. package/dist/ionic/p-45ee211b.system.entry.js +4 -0
  316. package/dist/ionic/p-48144921.entry.js +4 -0
  317. package/dist/ionic/p-4a153fbc.system.entry.js +4 -0
  318. package/dist/ionic/p-5009cb46.entry.js +4 -0
  319. package/dist/ionic/p-5ba27716.system.entry.js +4 -0
  320. package/dist/ionic/{p-2e45dce9.system.entry.js → p-62324608.system.entry.js} +1 -1
  321. package/dist/ionic/{p-5d418c78.entry.js → p-653f2fc6.entry.js} +1 -1
  322. package/dist/ionic/p-69303bb5.system.js +4 -0
  323. package/dist/ionic/p-6b3afb0f.entry.js +4 -0
  324. package/dist/ionic/p-6bf632d0.system.entry.js +4 -0
  325. package/dist/ionic/{p-c569a270.entry.js → p-728ac2b3.entry.js} +1 -1
  326. package/dist/ionic/p-82f8ee51.entry.js +4 -0
  327. package/dist/ionic/p-83bcaec9.system.entry.js +4 -0
  328. package/dist/ionic/{p-586e0a90.system.entry.js → p-87383d00.system.entry.js} +1 -1
  329. package/dist/ionic/{p-cd4b6518.system.js → p-8843b046.system.js} +1 -1
  330. package/dist/ionic/{p-eaede417.entry.js → p-98ebc376.entry.js} +1 -1
  331. package/dist/ionic/p-9c32000a.entry.js +4 -0
  332. package/dist/ionic/{p-1decbac2.js → p-a2b25750.js} +1 -1
  333. package/dist/ionic/p-a3f9d271.entry.js +4 -0
  334. package/dist/ionic/p-a62c0ff4.js +4 -0
  335. package/dist/ionic/p-af0bc751.system.entry.js +4 -0
  336. package/dist/ionic/p-b0e9e0b8.system.entry.js +4 -0
  337. package/dist/ionic/{p-d1e6b365.entry.js → p-b1e8f045.entry.js} +1 -1
  338. package/dist/ionic/p-b3394798.system.entry.js +4 -0
  339. package/dist/ionic/p-b3cfc6e1.system.entry.js +4 -0
  340. package/dist/ionic/p-bbae0ac3.system.entry.js +4 -0
  341. package/dist/ionic/p-bf4b8d8a.system.entry.js +4 -0
  342. package/dist/ionic/p-c759a704.entry.js +4 -0
  343. package/dist/ionic/p-d3b8aebf.entry.js +4 -0
  344. package/dist/ionic/p-d5e3bff3.entry.js +4 -0
  345. package/dist/ionic/p-dbb48066.system.entry.js +4 -0
  346. package/dist/ionic/p-dc49c681.system.entry.js +4 -0
  347. package/dist/ionic/{p-f7dcca6a.system.js → p-df6743df.system.js} +1 -1
  348. package/dist/ionic/p-e112994b.system.entry.js +4 -0
  349. package/dist/ionic/{p-f29fe8c3.system.js → p-e3d5608d.system.js} +1 -1
  350. package/dist/ionic/p-e805ff9f.system.entry.js +4 -0
  351. package/dist/ionic/p-ed7b205b.entry.js +4 -0
  352. package/dist/ionic/p-fa3327e8.system.entry.js +4 -0
  353. package/dist/ionic/{p-fbb2649b.entry.js → p-fabb7294.entry.js} +1 -1
  354. package/dist/ionic/{p-8eed522b.entry.js → p-fac1660b.entry.js} +1 -1
  355. package/dist/ionic/p-fd42994b.system.entry.js +4 -0
  356. package/dist/ionic/p-fe83e3e2.entry.js +4 -0
  357. package/hydrate/index.js +157 -158
  358. package/package.json +4 -4
  359. package/dist/collection/components/back-button/test/a11y/back-button.e2e.js +0 -26
  360. package/dist/collection/components/badge/test/a11y/badge.e2e.js +0 -22
  361. package/dist/collection/components/button/test/a11y/button.e2e.js +0 -61
  362. package/dist/collection/components/buttons/test/a11y/buttons.e2e.js +0 -74
  363. package/dist/collection/components/card/test/a11y/card.e2e.js +0 -31
  364. package/dist/collection/components/chip/chip.ios.css +0 -190
  365. package/dist/collection/components/chip/test/a11y/chip.e2e.js +0 -58
  366. package/dist/collection/components/datetime/test/a11y/datetime.e2e.js +0 -28
  367. package/dist/collection/components/datetime-button/test/a11y/datetime-button.e2e.js +0 -38
  368. package/dist/collection/components/item-divider/test/a11y/item-divider.e2e.js +0 -44
  369. package/dist/collection/components/item-sliding/test/a11y/item-sliding.e2e.js +0 -34
  370. package/dist/collection/components/label/test/a11y/label.e2e.js +0 -66
  371. package/dist/collection/components/list-header/test/a11y/list-header.e2e.js +0 -24
  372. package/dist/collection/components/note/test/a11y/note.e2e.js +0 -52
  373. package/dist/collection/components/reorder-group/test/a11y/reorder-group.e2e.js +0 -33
  374. package/dist/collection/components/searchbar/test/a11y/searchbar.e2e.js +0 -37
  375. package/dist/collection/components/title/test/a11y/title.e2e.js +0 -61
  376. package/dist/collection/css/test/a11y/typography.e2e.js +0 -32
  377. package/dist/esm-es5/ios.transition-4e8d7fb7.js +0 -4
  378. package/dist/ionic/p-060aa1aa.entry.js +0 -4
  379. package/dist/ionic/p-0e4377e6.system.entry.js +0 -4
  380. package/dist/ionic/p-1e5f9f20.entry.js +0 -4
  381. package/dist/ionic/p-2c012642.entry.js +0 -4
  382. package/dist/ionic/p-2f4e5cd6.system.entry.js +0 -4
  383. package/dist/ionic/p-2f6fbeab.system.entry.js +0 -4
  384. package/dist/ionic/p-39bf6a89.js +0 -4
  385. package/dist/ionic/p-3d981b54.entry.js +0 -4
  386. package/dist/ionic/p-418fc6f2.system.entry.js +0 -4
  387. package/dist/ionic/p-468ac44a.system.entry.js +0 -4
  388. package/dist/ionic/p-54b72015.system.entry.js +0 -4
  389. package/dist/ionic/p-5a28523b.system.entry.js +0 -4
  390. package/dist/ionic/p-5e8d7def.system.entry.js +0 -4
  391. package/dist/ionic/p-65105512.entry.js +0 -4
  392. package/dist/ionic/p-66d2ef38.entry.js +0 -4
  393. package/dist/ionic/p-721933ff.system.js +0 -4
  394. package/dist/ionic/p-7ea1a467.system.js +0 -4
  395. package/dist/ionic/p-91f9a6aa.system.entry.js +0 -4
  396. package/dist/ionic/p-94f99a8b.entry.js +0 -4
  397. package/dist/ionic/p-985d547d.system.entry.js +0 -4
  398. package/dist/ionic/p-9e306450.system.entry.js +0 -4
  399. package/dist/ionic/p-b03dae0c.system.entry.js +0 -4
  400. package/dist/ionic/p-b062bc29.entry.js +0 -4
  401. package/dist/ionic/p-b0b8c0c9.system.entry.js +0 -4
  402. package/dist/ionic/p-bc8b9c38.system.entry.js +0 -4
  403. package/dist/ionic/p-c4aea998.entry.js +0 -4
  404. package/dist/ionic/p-c64711cc.entry.js +0 -4
  405. package/dist/ionic/p-c9fd7db5.system.entry.js +0 -4
  406. package/dist/ionic/p-caa4c0fa.entry.js +0 -4
  407. package/dist/ionic/p-d4044209.system.entry.js +0 -4
  408. package/dist/ionic/p-d6de281e.entry.js +0 -4
  409. package/dist/ionic/p-e497d6a5.js +0 -4
  410. package/dist/ionic/p-f1e5e368.system.entry.js +0 -4
  411. package/dist/ionic/p-f2b925a2.system.entry.js +0 -4
  412. package/dist/ionic/p-f64f215c.entry.js +0 -4
  413. package/dist/ionic/p-f902ddc6.entry.js +0 -4
  414. package/dist/ionic/p-f9ec8c18.entry.js +0 -4
  415. package/dist/ionic/p-fade59a2.system.entry.js +0 -4
@@ -1,36 +1,3 @@
1
- /**
2
- * Convert a font size to a dynamic font size.
3
- * Fonts that participate in Dynamic Type should use
4
- * dynamic font sizes.
5
- * @param size - The initial font size including the unit (i.e. px or pt)
6
- * @param unit (optional) - The unit to convert to. Use this if you want to
7
- * convert to a unit other than $baselineUnit.
8
- */
9
- /**
10
- * Convert a font size to a dynamic font size but impose
11
- * a maximum font size.
12
- * @param size - The initial font size including the unit (i.e. px or pt)
13
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
14
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
15
- * convert to a unit other than $baselineUnit.
16
- */
17
- /**
18
- * Convert a font size to a dynamic font size but impose
19
- * a minimum font size.
20
- * @param size - The initial font size including the unit (i.e. px or pt)
21
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
22
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
23
- * convert to a unit other than $baselineUnit.
24
- */
25
- /**
26
- * Convert a font size to a dynamic font size but impose
27
- * maximum and minimum font sizes.
28
- * @param size - The initial font size including the unit (i.e. px or pt)
29
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
30
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
31
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
32
- * convert to a unit other than $baselineUnit.
33
- */
34
1
  :host {
35
2
  /**
36
3
  * @prop --background: Background of the action sheet group
@@ -139,9 +106,7 @@
139
106
  flex-flow: column;
140
107
  justify-content: flex-end;
141
108
  height: 100%;
142
- /* Fallback for browsers that do not support dvh */
143
109
  max-height: 100vh;
144
- max-height: 100dvh;
145
110
  }
146
111
 
147
112
  .action-sheet-group {
@@ -205,39 +170,6 @@
205
170
  opacity: var(--button-background-hover-opacity);
206
171
  }
207
172
  }
208
- /**
209
- * Convert a font size to a dynamic font size.
210
- * Fonts that participate in Dynamic Type should use
211
- * dynamic font sizes.
212
- * @param size - The initial font size including the unit (i.e. px or pt)
213
- * @param unit (optional) - The unit to convert to. Use this if you want to
214
- * convert to a unit other than $baselineUnit.
215
- */
216
- /**
217
- * Convert a font size to a dynamic font size but impose
218
- * a maximum font size.
219
- * @param size - The initial font size including the unit (i.e. px or pt)
220
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
221
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
222
- * convert to a unit other than $baselineUnit.
223
- */
224
- /**
225
- * Convert a font size to a dynamic font size but impose
226
- * a minimum font size.
227
- * @param size - The initial font size including the unit (i.e. px or pt)
228
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
229
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
230
- * convert to a unit other than $baselineUnit.
231
- */
232
- /**
233
- * Convert a font size to a dynamic font size but impose
234
- * maximum and minimum font sizes.
235
- * @param size - The initial font size including the unit (i.e. px or pt)
236
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
237
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
238
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
239
- * convert to a unit other than $baselineUnit.
240
- */
241
173
  :host {
242
174
  --background: var(--ion-overlay-background-color, var(--ion-background-color, #fff));
243
175
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
@@ -272,7 +204,7 @@
272
204
  padding-bottom: 17px;
273
205
  min-height: 60px;
274
206
  color: var(--color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54));
275
- font-size: 1rem;
207
+ font-size: 16px;
276
208
  text-align: start;
277
209
  }
278
210
 
@@ -281,7 +213,7 @@
281
213
  padding-right: 0;
282
214
  padding-top: 16px;
283
215
  padding-bottom: 0;
284
- font-size: 0.875rem;
216
+ font-size: 14px;
285
217
  }
286
218
 
287
219
  .action-sheet-group:first-child {
@@ -297,13 +229,13 @@
297
229
  padding-inline-start: 16px;
298
230
  -webkit-padding-end: 16px;
299
231
  padding-inline-end: 16px;
300
- padding-top: 12px;
301
- padding-bottom: 12px;
232
+ padding-top: 0;
233
+ padding-bottom: 0;
302
234
  position: relative;
303
- min-height: 52px;
304
- font-size: 1rem;
235
+ height: 52px;
236
+ font-size: 16px;
305
237
  text-align: start;
306
- contain: content;
238
+ contain: strict;
307
239
  overflow: hidden;
308
240
  }
309
241
 
@@ -315,7 +247,7 @@
315
247
  margin-top: 0;
316
248
  margin-bottom: 0;
317
249
  color: var(--color);
318
- font-size: 1.5rem;
250
+ font-size: 24px;
319
251
  }
320
252
 
321
253
  .action-sheet-button-inner {
@@ -61,30 +61,3 @@ configs({ directions: ['ltr'] }).forEach(({ config, title }) => {
61
61
  });
62
62
  });
63
63
  });
64
- configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
65
- test.describe(title('action-sheet: font scaling'), () => {
66
- test('should scale text on larger font sizes', async ({ page }) => {
67
- await page.setContent(`
68
- <style>
69
- html {
70
- font-size: 36px;
71
- }
72
- </style>
73
-
74
- <ion-action-sheet></ion-action-sheet>
75
-
76
- <script>
77
- const actionSheet = document.querySelector('ion-action-sheet');
78
- actionSheet.header = 'Header';
79
- actionSheet.subHeader = 'Sub Header';
80
- actionSheet.buttons = ['Ok', { role: 'cancel', text: 'Cancel' }];
81
- </script>
82
- `, config);
83
- const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
84
- const actionSheet = page.locator('ion-action-sheet');
85
- await actionSheet.evaluate((el) => el.present());
86
- await ionActionSheetDidPresent.next();
87
- await expect(actionSheet).toHaveScreenshot(screenshot(`action-sheet-scale`));
88
- });
89
- });
90
- });
@@ -1,36 +1,3 @@
1
- /**
2
- * Convert a font size to a dynamic font size.
3
- * Fonts that participate in Dynamic Type should use
4
- * dynamic font sizes.
5
- * @param size - The initial font size including the unit (i.e. px or pt)
6
- * @param unit (optional) - The unit to convert to. Use this if you want to
7
- * convert to a unit other than $baselineUnit.
8
- */
9
- /**
10
- * Convert a font size to a dynamic font size but impose
11
- * a maximum font size.
12
- * @param size - The initial font size including the unit (i.e. px or pt)
13
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
14
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
15
- * convert to a unit other than $baselineUnit.
16
- */
17
- /**
18
- * Convert a font size to a dynamic font size but impose
19
- * a minimum font size.
20
- * @param size - The initial font size including the unit (i.e. px or pt)
21
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
22
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
23
- * convert to a unit other than $baselineUnit.
24
- */
25
- /**
26
- * Convert a font size to a dynamic font size but impose
27
- * maximum and minimum font sizes.
28
- * @param size - The initial font size including the unit (i.e. px or pt)
29
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
30
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
31
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
32
- * convert to a unit other than $baselineUnit.
33
- */
34
1
  :host {
35
2
  /**
36
3
  * @prop --background: Background of the alert
@@ -225,72 +192,6 @@ textarea.alert-input {
225
192
  resize: none;
226
193
  }
227
194
 
228
- /**
229
- * Convert a font size to a dynamic font size.
230
- * Fonts that participate in Dynamic Type should use
231
- * dynamic font sizes.
232
- * @param size - The initial font size including the unit (i.e. px or pt)
233
- * @param unit (optional) - The unit to convert to. Use this if you want to
234
- * convert to a unit other than $baselineUnit.
235
- */
236
- /**
237
- * Convert a font size to a dynamic font size but impose
238
- * a maximum font size.
239
- * @param size - The initial font size including the unit (i.e. px or pt)
240
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
241
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
242
- * convert to a unit other than $baselineUnit.
243
- */
244
- /**
245
- * Convert a font size to a dynamic font size but impose
246
- * a minimum font size.
247
- * @param size - The initial font size including the unit (i.e. px or pt)
248
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
249
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
250
- * convert to a unit other than $baselineUnit.
251
- */
252
- /**
253
- * Convert a font size to a dynamic font size but impose
254
- * maximum and minimum font sizes.
255
- * @param size - The initial font size including the unit (i.e. px or pt)
256
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
257
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
258
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
259
- * convert to a unit other than $baselineUnit.
260
- */
261
- /**
262
- * Convert a font size to a dynamic font size.
263
- * Fonts that participate in Dynamic Type should use
264
- * dynamic font sizes.
265
- * @param size - The initial font size including the unit (i.e. px or pt)
266
- * @param unit (optional) - The unit to convert to. Use this if you want to
267
- * convert to a unit other than $baselineUnit.
268
- */
269
- /**
270
- * Convert a font size to a dynamic font size but impose
271
- * a maximum font size.
272
- * @param size - The initial font size including the unit (i.e. px or pt)
273
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
274
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
275
- * convert to a unit other than $baselineUnit.
276
- */
277
- /**
278
- * Convert a font size to a dynamic font size but impose
279
- * a minimum font size.
280
- * @param size - The initial font size including the unit (i.e. px or pt)
281
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
282
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
283
- * convert to a unit other than $baselineUnit.
284
- */
285
- /**
286
- * Convert a font size to a dynamic font size but impose
287
- * maximum and minimum font sizes.
288
- * @param size - The initial font size including the unit (i.e. px or pt)
289
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
290
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
291
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
292
- * convert to a unit other than $baselineUnit.
293
- */
294
195
  :host {
295
196
  --background: var(--ion-overlay-background-color, var(--ion-color-step-100, #f9f9f9));
296
197
  --max-width: 270px;
@@ -1,36 +1,3 @@
1
- /**
2
- * Convert a font size to a dynamic font size.
3
- * Fonts that participate in Dynamic Type should use
4
- * dynamic font sizes.
5
- * @param size - The initial font size including the unit (i.e. px or pt)
6
- * @param unit (optional) - The unit to convert to. Use this if you want to
7
- * convert to a unit other than $baselineUnit.
8
- */
9
- /**
10
- * Convert a font size to a dynamic font size but impose
11
- * a maximum font size.
12
- * @param size - The initial font size including the unit (i.e. px or pt)
13
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
14
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
15
- * convert to a unit other than $baselineUnit.
16
- */
17
- /**
18
- * Convert a font size to a dynamic font size but impose
19
- * a minimum font size.
20
- * @param size - The initial font size including the unit (i.e. px or pt)
21
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
22
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
23
- * convert to a unit other than $baselineUnit.
24
- */
25
- /**
26
- * Convert a font size to a dynamic font size but impose
27
- * maximum and minimum font sizes.
28
- * @param size - The initial font size including the unit (i.e. px or pt)
29
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
30
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
31
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
32
- * convert to a unit other than $baselineUnit.
33
- */
34
1
  :host {
35
2
  /**
36
3
  * @prop --background: Background of the alert
@@ -225,72 +192,6 @@ textarea.alert-input {
225
192
  resize: none;
226
193
  }
227
194
 
228
- /**
229
- * Convert a font size to a dynamic font size.
230
- * Fonts that participate in Dynamic Type should use
231
- * dynamic font sizes.
232
- * @param size - The initial font size including the unit (i.e. px or pt)
233
- * @param unit (optional) - The unit to convert to. Use this if you want to
234
- * convert to a unit other than $baselineUnit.
235
- */
236
- /**
237
- * Convert a font size to a dynamic font size but impose
238
- * a maximum font size.
239
- * @param size - The initial font size including the unit (i.e. px or pt)
240
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
241
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
242
- * convert to a unit other than $baselineUnit.
243
- */
244
- /**
245
- * Convert a font size to a dynamic font size but impose
246
- * a minimum font size.
247
- * @param size - The initial font size including the unit (i.e. px or pt)
248
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
249
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
250
- * convert to a unit other than $baselineUnit.
251
- */
252
- /**
253
- * Convert a font size to a dynamic font size but impose
254
- * maximum and minimum font sizes.
255
- * @param size - The initial font size including the unit (i.e. px or pt)
256
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
257
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
258
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
259
- * convert to a unit other than $baselineUnit.
260
- */
261
- /**
262
- * Convert a font size to a dynamic font size.
263
- * Fonts that participate in Dynamic Type should use
264
- * dynamic font sizes.
265
- * @param size - The initial font size including the unit (i.e. px or pt)
266
- * @param unit (optional) - The unit to convert to. Use this if you want to
267
- * convert to a unit other than $baselineUnit.
268
- */
269
- /**
270
- * Convert a font size to a dynamic font size but impose
271
- * a maximum font size.
272
- * @param size - The initial font size including the unit (i.e. px or pt)
273
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
274
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
275
- * convert to a unit other than $baselineUnit.
276
- */
277
- /**
278
- * Convert a font size to a dynamic font size but impose
279
- * a minimum font size.
280
- * @param size - The initial font size including the unit (i.e. px or pt)
281
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
282
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
283
- * convert to a unit other than $baselineUnit.
284
- */
285
- /**
286
- * Convert a font size to a dynamic font size but impose
287
- * maximum and minimum font sizes.
288
- * @param size - The initial font size including the unit (i.e. px or pt)
289
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
290
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
291
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
292
- * convert to a unit other than $baselineUnit.
293
- */
294
195
  :host {
295
196
  --background: var(--ion-overlay-background-color, var(--ion-background-color, #fff));
296
197
  --max-width: 280px;
@@ -1,36 +1,3 @@
1
- /**
2
- * Convert a font size to a dynamic font size.
3
- * Fonts that participate in Dynamic Type should use
4
- * dynamic font sizes.
5
- * @param size - The initial font size including the unit (i.e. px or pt)
6
- * @param unit (optional) - The unit to convert to. Use this if you want to
7
- * convert to a unit other than $baselineUnit.
8
- */
9
- /**
10
- * Convert a font size to a dynamic font size but impose
11
- * a maximum font size.
12
- * @param size - The initial font size including the unit (i.e. px or pt)
13
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
14
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
15
- * convert to a unit other than $baselineUnit.
16
- */
17
- /**
18
- * Convert a font size to a dynamic font size but impose
19
- * a minimum font size.
20
- * @param size - The initial font size including the unit (i.e. px or pt)
21
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
22
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
23
- * convert to a unit other than $baselineUnit.
24
- */
25
- /**
26
- * Convert a font size to a dynamic font size but impose
27
- * maximum and minimum font sizes.
28
- * @param size - The initial font size including the unit (i.e. px or pt)
29
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
30
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
31
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
32
- * convert to a unit other than $baselineUnit.
33
- */
34
1
  :host {
35
2
  /**
36
3
  * @prop --border-radius: Border radius of the avatar and inner image
@@ -48,39 +15,6 @@
48
15
  overflow: hidden;
49
16
  }
50
17
 
51
- /**
52
- * Convert a font size to a dynamic font size.
53
- * Fonts that participate in Dynamic Type should use
54
- * dynamic font sizes.
55
- * @param size - The initial font size including the unit (i.e. px or pt)
56
- * @param unit (optional) - The unit to convert to. Use this if you want to
57
- * convert to a unit other than $baselineUnit.
58
- */
59
- /**
60
- * Convert a font size to a dynamic font size but impose
61
- * a maximum font size.
62
- * @param size - The initial font size including the unit (i.e. px or pt)
63
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
64
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
65
- * convert to a unit other than $baselineUnit.
66
- */
67
- /**
68
- * Convert a font size to a dynamic font size but impose
69
- * a minimum font size.
70
- * @param size - The initial font size including the unit (i.e. px or pt)
71
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
72
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
73
- * convert to a unit other than $baselineUnit.
74
- */
75
- /**
76
- * Convert a font size to a dynamic font size but impose
77
- * maximum and minimum font sizes.
78
- * @param size - The initial font size including the unit (i.e. px or pt)
79
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
80
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
81
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
82
- * convert to a unit other than $baselineUnit.
83
- */
84
18
  :host {
85
19
  --border-radius: 50%;
86
20
  width: 48px;
@@ -1,36 +1,3 @@
1
- /**
2
- * Convert a font size to a dynamic font size.
3
- * Fonts that participate in Dynamic Type should use
4
- * dynamic font sizes.
5
- * @param size - The initial font size including the unit (i.e. px or pt)
6
- * @param unit (optional) - The unit to convert to. Use this if you want to
7
- * convert to a unit other than $baselineUnit.
8
- */
9
- /**
10
- * Convert a font size to a dynamic font size but impose
11
- * a maximum font size.
12
- * @param size - The initial font size including the unit (i.e. px or pt)
13
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
14
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
15
- * convert to a unit other than $baselineUnit.
16
- */
17
- /**
18
- * Convert a font size to a dynamic font size but impose
19
- * a minimum font size.
20
- * @param size - The initial font size including the unit (i.e. px or pt)
21
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
22
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
23
- * convert to a unit other than $baselineUnit.
24
- */
25
- /**
26
- * Convert a font size to a dynamic font size but impose
27
- * maximum and minimum font sizes.
28
- * @param size - The initial font size including the unit (i.e. px or pt)
29
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
30
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
31
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
32
- * convert to a unit other than $baselineUnit.
33
- */
34
1
  :host {
35
2
  /**
36
3
  * @prop --border-radius: Border radius of the avatar and inner image
@@ -48,39 +15,6 @@
48
15
  overflow: hidden;
49
16
  }
50
17
 
51
- /**
52
- * Convert a font size to a dynamic font size.
53
- * Fonts that participate in Dynamic Type should use
54
- * dynamic font sizes.
55
- * @param size - The initial font size including the unit (i.e. px or pt)
56
- * @param unit (optional) - The unit to convert to. Use this if you want to
57
- * convert to a unit other than $baselineUnit.
58
- */
59
- /**
60
- * Convert a font size to a dynamic font size but impose
61
- * a maximum font size.
62
- * @param size - The initial font size including the unit (i.e. px or pt)
63
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
64
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
65
- * convert to a unit other than $baselineUnit.
66
- */
67
- /**
68
- * Convert a font size to a dynamic font size but impose
69
- * a minimum font size.
70
- * @param size - The initial font size including the unit (i.e. px or pt)
71
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
72
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
73
- * convert to a unit other than $baselineUnit.
74
- */
75
- /**
76
- * Convert a font size to a dynamic font size but impose
77
- * maximum and minimum font sizes.
78
- * @param size - The initial font size including the unit (i.e. px or pt)
79
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
80
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
81
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
82
- * convert to a unit other than $baselineUnit.
83
- */
84
18
  :host {
85
19
  --border-radius: 50%;
86
20
  width: 64px;
@@ -1,36 +1,3 @@
1
- /**
2
- * Convert a font size to a dynamic font size.
3
- * Fonts that participate in Dynamic Type should use
4
- * dynamic font sizes.
5
- * @param size - The initial font size including the unit (i.e. px or pt)
6
- * @param unit (optional) - The unit to convert to. Use this if you want to
7
- * convert to a unit other than $baselineUnit.
8
- */
9
- /**
10
- * Convert a font size to a dynamic font size but impose
11
- * a maximum font size.
12
- * @param size - The initial font size including the unit (i.e. px or pt)
13
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
14
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
15
- * convert to a unit other than $baselineUnit.
16
- */
17
- /**
18
- * Convert a font size to a dynamic font size but impose
19
- * a minimum font size.
20
- * @param size - The initial font size including the unit (i.e. px or pt)
21
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
22
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
23
- * convert to a unit other than $baselineUnit.
24
- */
25
- /**
26
- * Convert a font size to a dynamic font size but impose
27
- * maximum and minimum font sizes.
28
- * @param size - The initial font size including the unit (i.e. px or pt)
29
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
30
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
31
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
32
- * convert to a unit other than $baselineUnit.
33
- */
34
1
  :host {
35
2
  /**
36
3
  * @prop --background: Background of the button
@@ -248,39 +215,6 @@ ion-icon {
248
215
  color: var(--ion-toolbar-color, var(--color));
249
216
  }
250
217
 
251
- /**
252
- * Convert a font size to a dynamic font size.
253
- * Fonts that participate in Dynamic Type should use
254
- * dynamic font sizes.
255
- * @param size - The initial font size including the unit (i.e. px or pt)
256
- * @param unit (optional) - The unit to convert to. Use this if you want to
257
- * convert to a unit other than $baselineUnit.
258
- */
259
- /**
260
- * Convert a font size to a dynamic font size but impose
261
- * a maximum font size.
262
- * @param size - The initial font size including the unit (i.e. px or pt)
263
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
264
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
265
- * convert to a unit other than $baselineUnit.
266
- */
267
- /**
268
- * Convert a font size to a dynamic font size but impose
269
- * a minimum font size.
270
- * @param size - The initial font size including the unit (i.e. px or pt)
271
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
272
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
273
- * convert to a unit other than $baselineUnit.
274
- */
275
- /**
276
- * Convert a font size to a dynamic font size but impose
277
- * maximum and minimum font sizes.
278
- * @param size - The initial font size including the unit (i.e. px or pt)
279
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
280
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
281
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
282
- * convert to a unit other than $baselineUnit.
283
- */
284
218
  :host {
285
219
  --background-hover: transparent;
286
220
  --background-hover-opacity: 1;
@@ -290,25 +224,9 @@ ion-icon {
290
224
  --color: var(--ion-color-primary, #3880ff);
291
225
  --icon-margin-end: 1px;
292
226
  --icon-margin-start: -4px;
293
- /**
294
- * The icon should be sized relative
295
- * to the size of the text which is
296
- * why we use em here instead of rem.
297
- * This allows developers to override
298
- * the text font size while ensuring that
299
- * the icon is sized relative to that.
300
- */
301
227
  --icon-font-size: 1.6em;
302
228
  --min-height: 32px;
303
- /**
304
- * Main content should be prioritized over the back
305
- * button which is why a maximum font size is applied.
306
- * Also, we want the text to remain readable
307
- * so a minimum font size is applied.
308
- * Using 1.294 instead of 1.3 aligns the text
309
- * with the icon a bit nicer in Firefox.
310
- */
311
- font-size: clamp(17px, 1.0625rem, 21.998px);
229
+ font-size: 17px;
312
230
  }
313
231
 
314
232
  .button-native {