@ionic/core 7.4.4-dev.11699474548.1f806781 → 7.4.4-dev.11700515976.1ccd503d

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 (474) hide show
  1. package/components/action-sheet.js +2 -2
  2. package/components/alert.js +2 -2
  3. package/components/button.js +2 -2
  4. package/components/buttons.js +2 -2
  5. package/components/checkbox.js +1 -1
  6. package/components/icon.js +14 -23
  7. package/components/index7.js +1 -1
  8. package/components/ion-back-button.js +2 -2
  9. package/components/ion-badge.js +2 -2
  10. package/components/ion-breadcrumb.js +2 -2
  11. package/components/ion-card-content.js +2 -2
  12. package/components/ion-card-subtitle.js +2 -2
  13. package/components/ion-card-title.js +2 -2
  14. package/components/ion-card.js +2 -2
  15. package/components/ion-chip.js +3 -8
  16. package/components/ion-datetime-button.js +2 -2
  17. package/components/ion-datetime.js +3 -3
  18. package/components/ion-header.js +1 -1
  19. package/components/ion-input.js +2 -2
  20. package/components/ion-item-divider.js +2 -2
  21. package/components/ion-item-option.js +2 -2
  22. package/components/ion-item-options.js +2 -2
  23. package/components/ion-loading.js +2 -2
  24. package/components/ion-menu-button.js +2 -2
  25. package/components/ion-range.js +2 -2
  26. package/components/ion-reorder.js +2 -2
  27. package/components/ion-searchbar.js +3 -9
  28. package/components/ion-select.js +2 -2
  29. package/components/ion-textarea.js +2 -2
  30. package/components/ion-title.js +2 -2
  31. package/components/ion-toast.js +2 -2
  32. package/components/ion-toolbar.js +1 -1
  33. package/components/ios.transition.js +4 -4
  34. package/components/item.js +2 -2
  35. package/components/label.js +2 -2
  36. package/components/list-header.js +2 -2
  37. package/components/note.js +2 -2
  38. package/components/radio.js +2 -2
  39. package/css/core.css +0 -100
  40. package/css/core.css.map +1 -1
  41. package/css/display.css +0 -33
  42. package/css/display.css.map +1 -1
  43. package/css/float-elements.css +0 -33
  44. package/css/float-elements.css.map +1 -1
  45. package/css/global.bundle.css +6 -84
  46. package/css/global.bundle.css.map +1 -1
  47. package/css/ionic-swiper.css +0 -33
  48. package/css/ionic-swiper.css.map +1 -1
  49. package/css/ionic.bundle.css +1 -1
  50. package/css/ionic.bundle.css.map +1 -1
  51. package/css/padding.css +0 -33
  52. package/css/padding.css.map +1 -1
  53. package/css/structure.css +0 -33
  54. package/css/structure.css.map +1 -1
  55. package/css/text-alignment.css +0 -33
  56. package/css/text-alignment.css.map +1 -1
  57. package/css/text-transformation.css +0 -33
  58. package/css/text-transformation.css.map +1 -1
  59. package/css/typography.css +6 -51
  60. package/css/typography.css.map +1 -1
  61. package/css/utils.bundle.css +0 -165
  62. package/css/utils.bundle.css.map +1 -1
  63. package/dist/cjs/{index-9d0a407c.js → index-33d2809c.js} +2 -2
  64. package/dist/cjs/{index-09471526.js → index-d8f84c5a.js} +1 -1
  65. package/dist/cjs/index.cjs.js +3 -3
  66. package/dist/cjs/ion-accordion_2.cjs.entry.js +1 -1
  67. package/dist/cjs/ion-action-sheet.cjs.entry.js +2 -2
  68. package/dist/cjs/ion-alert.cjs.entry.js +2 -2
  69. package/dist/cjs/ion-app_8.cjs.entry.js +7 -7
  70. package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
  71. package/dist/cjs/ion-back-button.cjs.entry.js +3 -3
  72. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +3 -3
  73. package/dist/cjs/ion-button_2.cjs.entry.js +16 -25
  74. package/dist/cjs/ion-card_5.cjs.entry.js +8 -8
  75. package/dist/cjs/ion-checkbox.cjs.entry.js +1 -1
  76. package/dist/cjs/ion-chip.cjs.entry.js +2 -7
  77. package/dist/cjs/ion-datetime-button.cjs.entry.js +2 -2
  78. package/dist/cjs/ion-datetime_3.cjs.entry.js +4 -4
  79. package/dist/cjs/ion-fab_3.cjs.entry.js +1 -1
  80. package/dist/cjs/ion-input.cjs.entry.js +3 -3
  81. package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
  82. package/dist/cjs/ion-item_8.cjs.entry.js +11 -11
  83. package/dist/cjs/ion-loading.cjs.entry.js +2 -2
  84. package/dist/cjs/ion-menu_3.cjs.entry.js +3 -3
  85. package/dist/cjs/ion-modal.cjs.entry.js +1 -1
  86. package/dist/cjs/ion-nav_2.cjs.entry.js +1 -1
  87. package/dist/cjs/ion-popover.cjs.entry.js +1 -1
  88. package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
  89. package/dist/cjs/ion-range.cjs.entry.js +2 -2
  90. package/dist/cjs/ion-refresher_2.cjs.entry.js +1 -1
  91. package/dist/cjs/ion-reorder_2.cjs.entry.js +3 -3
  92. package/dist/cjs/ion-searchbar.cjs.entry.js +4 -10
  93. package/dist/cjs/ion-select_3.cjs.entry.js +3 -3
  94. package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
  95. package/dist/cjs/ion-toast.cjs.entry.js +2 -2
  96. package/dist/cjs/ion-toggle.cjs.entry.js +1 -1
  97. package/dist/cjs/ionic.cjs.js +1 -1
  98. package/dist/cjs/{ios.transition-a36fc7d0.js → ios.transition-8ddf91e6.js} +5 -5
  99. package/dist/cjs/loader.cjs.js +1 -1
  100. package/dist/cjs/{md.transition-83a26d02.js → md.transition-44ff8566.js} +1 -1
  101. package/dist/collection/components/accordion/accordion.ios.css +0 -66
  102. package/dist/collection/components/accordion/accordion.md.css +0 -33
  103. package/dist/collection/components/accordion-group/accordion-group.ios.css +0 -66
  104. package/dist/collection/components/accordion-group/accordion-group.md.css +0 -99
  105. package/dist/collection/components/action-sheet/action-sheet.ios.css +12 -80
  106. package/dist/collection/components/action-sheet/action-sheet.md.css +8 -76
  107. package/dist/collection/components/action-sheet/test/a11y/action-sheet.e2e.js +0 -27
  108. package/dist/collection/components/alert/alert.ios.css +21 -138
  109. package/dist/collection/components/alert/alert.md.css +8 -108
  110. package/dist/collection/components/alert/test/a11y/alert.e2e.js +0 -111
  111. package/dist/collection/components/avatar/avatar.ios.css +0 -66
  112. package/dist/collection/components/avatar/avatar.md.css +0 -66
  113. package/dist/collection/components/back-button/back-button.ios.css +1 -83
  114. package/dist/collection/components/back-button/back-button.md.css +3 -75
  115. package/dist/collection/components/backdrop/backdrop.ios.css +0 -66
  116. package/dist/collection/components/backdrop/backdrop.md.css +0 -66
  117. package/dist/collection/components/badge/badge.ios.css +1 -75
  118. package/dist/collection/components/badge/badge.md.css +1 -67
  119. package/dist/collection/components/breadcrumb/breadcrumb.ios.css +3 -80
  120. package/dist/collection/components/breadcrumb/breadcrumb.md.css +3 -69
  121. package/dist/collection/components/breadcrumbs/breadcrumbs.ios.css +0 -33
  122. package/dist/collection/components/breadcrumbs/breadcrumbs.md.css +0 -33
  123. package/dist/collection/components/breadcrumbs/test/a11y/breadcrumbs.e2e.js +0 -21
  124. package/dist/collection/components/button/button.ios.css +19 -118
  125. package/dist/collection/components/button/button.md.css +3 -69
  126. package/dist/collection/components/buttons/buttons.ios.css +3 -102
  127. package/dist/collection/components/buttons/buttons.md.css +2 -101
  128. package/dist/collection/components/card/card.ios.css +1 -67
  129. package/dist/collection/components/card/card.md.css +1 -67
  130. package/dist/collection/components/card-content/card-content.ios.css +5 -71
  131. package/dist/collection/components/card-content/card-content.md.css +5 -71
  132. package/dist/collection/components/card-header/card-header.ios.css +0 -66
  133. package/dist/collection/components/card-header/card-header.md.css +0 -66
  134. package/dist/collection/components/card-subtitle/card-subtitle.ios.css +1 -67
  135. package/dist/collection/components/card-subtitle/card-subtitle.md.css +1 -67
  136. package/dist/collection/components/card-title/card-title.ios.css +1 -67
  137. package/dist/collection/components/card-title/card-title.md.css +1 -67
  138. package/dist/collection/components/checkbox/checkbox.ios.css +2 -101
  139. package/dist/collection/components/checkbox/checkbox.md.css +0 -99
  140. package/dist/collection/components/checkbox/test/a11y/checkbox.e2e.js +0 -18
  141. package/dist/collection/components/chip/{chip.md.css → chip.css} +7 -43
  142. package/dist/collection/components/chip/chip.js +2 -4
  143. package/dist/collection/components/col/col.css +0 -66
  144. package/dist/collection/components/content/content.css +0 -33
  145. package/dist/collection/components/datetime/datetime.ios.css +7 -198
  146. package/dist/collection/components/datetime/datetime.js +1 -1
  147. package/dist/collection/components/datetime/datetime.md.css +5 -97
  148. package/dist/collection/components/datetime-button/datetime-button.css +2 -36
  149. package/dist/collection/components/fab/fab.css +0 -132
  150. package/dist/collection/components/fab-button/fab-button.ios.css +0 -66
  151. package/dist/collection/components/fab-button/fab-button.md.css +0 -66
  152. package/dist/collection/components/fab-list/fab-list.css +0 -66
  153. package/dist/collection/components/footer/footer.ios.css +0 -66
  154. package/dist/collection/components/footer/footer.md.css +0 -66
  155. package/dist/collection/components/grid/grid.css +0 -66
  156. package/dist/collection/components/header/header.ios.css +2 -71
  157. package/dist/collection/components/header/header.md.css +0 -66
  158. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +0 -66
  159. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +0 -66
  160. package/dist/collection/components/input/input.ios.css +1 -100
  161. package/dist/collection/components/input/input.md.css +1 -199
  162. package/dist/collection/components/input/test/a11y/input.e2e.js +1 -15
  163. package/dist/collection/components/item/item.ios.css +4 -70
  164. package/dist/collection/components/item/item.md.css +6 -138
  165. package/dist/collection/components/item/test/a11y/item.e2e.js +1 -116
  166. package/dist/collection/components/item-divider/item-divider.ios.css +9 -101
  167. package/dist/collection/components/item-divider/item-divider.md.css +11 -103
  168. package/dist/collection/components/item-group/item-group.ios.css +1 -68
  169. package/dist/collection/components/item-group/item-group.md.css +1 -68
  170. package/dist/collection/components/item-option/item-option.ios.css +1 -67
  171. package/dist/collection/components/item-option/item-option.md.css +1 -67
  172. package/dist/collection/components/item-options/item-options.ios.css +1 -99
  173. package/dist/collection/components/item-options/item-options.md.css +1 -99
  174. package/dist/collection/components/item-sliding/item-sliding.css +0 -33
  175. package/dist/collection/components/label/label.ios.css +6 -105
  176. package/dist/collection/components/label/label.md.css +5 -104
  177. package/dist/collection/components/list/list.ios.css +0 -99
  178. package/dist/collection/components/list/list.md.css +0 -99
  179. package/dist/collection/components/list-header/list-header.ios.css +1 -100
  180. package/dist/collection/components/list-header/list-header.md.css +1 -100
  181. package/dist/collection/components/loading/loading.ios.css +1 -67
  182. package/dist/collection/components/loading/loading.md.css +1 -67
  183. package/dist/collection/components/loading/test/a11y/loading.e2e.js +0 -19
  184. package/dist/collection/components/menu/menu.ios.css +0 -66
  185. package/dist/collection/components/menu/menu.md.css +0 -66
  186. package/dist/collection/components/menu-button/menu-button.ios.css +2 -70
  187. package/dist/collection/components/menu-button/menu-button.md.css +3 -71
  188. package/dist/collection/components/menu-button/test/a11y/menu-button.e2e.js +1 -20
  189. package/dist/collection/components/modal/modal.ios.css +0 -66
  190. package/dist/collection/components/modal/modal.md.css +0 -66
  191. package/dist/collection/components/nav/nav.css +0 -33
  192. package/dist/collection/components/note/note.ios.css +0 -67
  193. package/dist/collection/components/note/note.md.css +1 -67
  194. package/dist/collection/components/picker/picker.ios.css +0 -66
  195. package/dist/collection/components/picker/picker.md.css +0 -66
  196. package/dist/collection/components/picker-column/picker-column.ios.css +0 -66
  197. package/dist/collection/components/picker-column/picker-column.md.css +0 -66
  198. package/dist/collection/components/picker-column-internal/picker-column-internal.ios.css +0 -33
  199. package/dist/collection/components/picker-column-internal/picker-column-internal.md.css +0 -66
  200. package/dist/collection/components/picker-internal/picker-internal.ios.css +0 -66
  201. package/dist/collection/components/picker-internal/picker-internal.md.css +0 -66
  202. package/dist/collection/components/popover/popover.ios.css +0 -66
  203. package/dist/collection/components/popover/popover.md.css +0 -66
  204. package/dist/collection/components/progress-bar/progress-bar.ios.css +0 -33
  205. package/dist/collection/components/progress-bar/progress-bar.md.css +0 -33
  206. package/dist/collection/components/radio/radio.ios.css +5 -104
  207. package/dist/collection/components/radio/radio.md.css +5 -104
  208. package/dist/collection/components/radio/test/a11y/radio.e2e.js +0 -21
  209. package/dist/collection/components/range/range.ios.css +8 -82
  210. package/dist/collection/components/range/range.md.css +11 -99
  211. package/dist/collection/components/range/test/a11y/range.e2e.js +0 -22
  212. package/dist/collection/components/refresher/refresher.ios.css +0 -66
  213. package/dist/collection/components/refresher/refresher.md.css +0 -66
  214. package/dist/collection/components/reorder/reorder.ios.css +2 -75
  215. package/dist/collection/components/reorder/reorder.md.css +2 -75
  216. package/dist/collection/components/reorder-group/reorder-group.css +0 -33
  217. package/dist/collection/components/ripple-effect/ripple-effect.css +0 -33
  218. package/dist/collection/components/router-link/router-link.css +0 -33
  219. package/dist/collection/components/router-outlet/router-outlet.css +0 -33
  220. package/dist/collection/components/row/row.css +0 -66
  221. package/dist/collection/components/searchbar/searchbar.ios.css +16 -95
  222. package/dist/collection/components/searchbar/searchbar.js +1 -7
  223. package/dist/collection/components/searchbar/searchbar.md.css +10 -77
  224. package/dist/collection/components/searchbar/test/basic/searchbar.e2e.js +0 -18
  225. package/dist/collection/components/segment/segment.ios.css +0 -99
  226. package/dist/collection/components/segment/segment.md.css +0 -99
  227. package/dist/collection/components/segment-button/segment-button.ios.css +0 -66
  228. package/dist/collection/components/segment-button/segment-button.md.css +0 -66
  229. package/dist/collection/components/select/select.ios.css +3 -102
  230. package/dist/collection/components/select/select.md.css +2 -167
  231. package/dist/collection/components/select/test/a11y/select.e2e.js +0 -22
  232. package/dist/collection/components/select-popover/select-popover.ios.css +1 -101
  233. package/dist/collection/components/select-popover/select-popover.md.css +0 -99
  234. package/dist/collection/components/skeleton-text/skeleton-text.css +0 -33
  235. package/dist/collection/components/spinner/spinner.css +0 -33
  236. package/dist/collection/components/split-pane/split-pane.ios.css +0 -99
  237. package/dist/collection/components/split-pane/split-pane.md.css +0 -99
  238. package/dist/collection/components/tab-bar/tab-bar.ios.css +0 -99
  239. package/dist/collection/components/tab-bar/tab-bar.md.css +0 -99
  240. package/dist/collection/components/tab-button/tab-button.ios.css +0 -66
  241. package/dist/collection/components/tab-button/tab-button.md.css +0 -66
  242. package/dist/collection/components/tabs/tabs.css +0 -33
  243. package/dist/collection/components/text/text.css +0 -33
  244. package/dist/collection/components/textarea/test/a11y/textarea.e2e.js +1 -15
  245. package/dist/collection/components/textarea/textarea.ios.css +1 -133
  246. package/dist/collection/components/textarea/textarea.md.css +1 -199
  247. package/dist/collection/components/thumbnail/thumbnail.css +0 -33
  248. package/dist/collection/components/title/title.ios.css +10 -43
  249. package/dist/collection/components/title/title.md.css +2 -35
  250. package/dist/collection/components/toast/test/a11y/toast.e2e.js +1 -98
  251. package/dist/collection/components/toast/toast.ios.css +3 -74
  252. package/dist/collection/components/toast/toast.md.css +4 -74
  253. package/dist/collection/components/toggle/toggle.ios.css +0 -99
  254. package/dist/collection/components/toggle/toggle.md.css +0 -99
  255. package/dist/collection/components/toolbar/toolbar.ios.css +14 -66
  256. package/dist/collection/components/toolbar/toolbar.md.css +0 -66
  257. package/dist/collection/utils/transition/ios.transition.js +4 -4
  258. package/dist/docs.json +1 -1
  259. package/dist/esm/{index-c132c5f1.js → index-504b03f0.js} +1 -1
  260. package/dist/esm/{index-48bcc7d2.js → index-6e10cd02.js} +2 -2
  261. package/dist/esm/index.js +3 -3
  262. package/dist/esm/ion-accordion_2.entry.js +1 -1
  263. package/dist/esm/ion-action-sheet.entry.js +2 -2
  264. package/dist/esm/ion-alert.entry.js +2 -2
  265. package/dist/esm/ion-app_8.entry.js +7 -7
  266. package/dist/esm/ion-avatar_3.entry.js +2 -2
  267. package/dist/esm/ion-back-button.entry.js +3 -3
  268. package/dist/esm/ion-breadcrumb_2.entry.js +3 -3
  269. package/dist/esm/ion-button_2.entry.js +16 -25
  270. package/dist/esm/ion-card_5.entry.js +8 -8
  271. package/dist/esm/ion-checkbox.entry.js +1 -1
  272. package/dist/esm/ion-chip.entry.js +2 -7
  273. package/dist/esm/ion-datetime-button.entry.js +2 -2
  274. package/dist/esm/ion-datetime_3.entry.js +4 -4
  275. package/dist/esm/ion-fab_3.entry.js +1 -1
  276. package/dist/esm/ion-input.entry.js +3 -3
  277. package/dist/esm/ion-item-option_3.entry.js +4 -4
  278. package/dist/esm/ion-item_8.entry.js +11 -11
  279. package/dist/esm/ion-loading.entry.js +2 -2
  280. package/dist/esm/ion-menu_3.entry.js +3 -3
  281. package/dist/esm/ion-modal.entry.js +1 -1
  282. package/dist/esm/ion-nav_2.entry.js +1 -1
  283. package/dist/esm/ion-popover.entry.js +1 -1
  284. package/dist/esm/ion-radio_2.entry.js +2 -2
  285. package/dist/esm/ion-range.entry.js +2 -2
  286. package/dist/esm/ion-refresher_2.entry.js +1 -1
  287. package/dist/esm/ion-reorder_2.entry.js +3 -3
  288. package/dist/esm/ion-searchbar.entry.js +4 -10
  289. package/dist/esm/ion-select_3.entry.js +3 -3
  290. package/dist/esm/ion-textarea.entry.js +2 -2
  291. package/dist/esm/ion-toast.entry.js +2 -2
  292. package/dist/esm/ion-toggle.entry.js +1 -1
  293. package/dist/esm/ionic.js +1 -1
  294. package/dist/esm/{ios.transition-7bcb60ea.js → ios.transition-6707a3a1.js} +5 -5
  295. package/dist/esm/loader.js +1 -1
  296. package/dist/esm/{md.transition-83458e3c.js → md.transition-957964fd.js} +1 -1
  297. package/dist/esm-es5/{index-48bcc7d2.js → index-6e10cd02.js} +1 -1
  298. package/dist/esm-es5/index.js +1 -1
  299. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  300. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  301. package/dist/esm-es5/ion-alert.entry.js +1 -1
  302. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  303. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  304. package/dist/esm-es5/ion-back-button.entry.js +1 -1
  305. package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
  306. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  307. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  308. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  309. package/dist/esm-es5/ion-chip.entry.js +1 -1
  310. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  311. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  312. package/dist/esm-es5/ion-fab_3.entry.js +1 -1
  313. package/dist/esm-es5/ion-input.entry.js +1 -1
  314. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  315. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  316. package/dist/esm-es5/ion-loading.entry.js +1 -1
  317. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  318. package/dist/esm-es5/ion-modal.entry.js +1 -1
  319. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  320. package/dist/esm-es5/ion-popover.entry.js +1 -1
  321. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  322. package/dist/esm-es5/ion-range.entry.js +1 -1
  323. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  324. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  325. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  326. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  327. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  328. package/dist/esm-es5/ion-toast.entry.js +1 -1
  329. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  330. package/dist/esm-es5/ionic.js +1 -1
  331. package/dist/esm-es5/ios.transition-6707a3a1.js +4 -0
  332. package/dist/esm-es5/loader.js +1 -1
  333. package/dist/esm-es5/{md.transition-83458e3c.js → md.transition-957964fd.js} +1 -1
  334. package/dist/ionic/index.esm.js +1 -1
  335. package/dist/ionic/ionic.esm.js +1 -1
  336. package/dist/ionic/{p-e305e1cb.entry.js → p-0023e6eb.entry.js} +1 -1
  337. package/dist/ionic/{p-fbcc6b35.system.entry.js → p-00f709ca.system.entry.js} +1 -1
  338. package/dist/ionic/p-037e2738.system.entry.js +4 -0
  339. package/dist/ionic/{p-332ee795.entry.js → p-03f7e3cc.entry.js} +1 -1
  340. package/dist/ionic/{p-8efd0a7c.entry.js → p-0459db58.entry.js} +1 -1
  341. package/dist/ionic/p-06756f31.entry.js +4 -0
  342. package/dist/ionic/p-0d3d44e7.entry.js +4 -0
  343. package/dist/ionic/p-100ea813.system.entry.js +4 -0
  344. package/dist/ionic/p-10fcb3a3.system.entry.js +4 -0
  345. package/dist/ionic/p-14fd96a2.system.entry.js +4 -0
  346. package/dist/ionic/{p-e31e38dd.js → p-1d9b39f3.js} +1 -1
  347. package/dist/ionic/{p-b9873ece.entry.js → p-2acea831.entry.js} +1 -1
  348. package/dist/ionic/{p-d91a220c.entry.js → p-2b47b2ce.entry.js} +1 -1
  349. package/dist/ionic/{p-ddd3b55f.entry.js → p-32b5f10e.entry.js} +1 -1
  350. package/dist/ionic/p-3634b770.system.entry.js +4 -0
  351. package/dist/ionic/p-37fc0d22.system.entry.js +4 -0
  352. package/dist/ionic/p-3e6b0330.system.entry.js +4 -0
  353. package/dist/ionic/p-416d7f8d.system.entry.js +4 -0
  354. package/dist/ionic/p-44fa0a61.entry.js +4 -0
  355. package/dist/ionic/p-4555335a.entry.js +4 -0
  356. package/dist/ionic/{p-13fda15d.entry.js → p-469d6a98.entry.js} +1 -1
  357. package/dist/ionic/{p-38298e28.system.entry.js → p-48159bfc.system.entry.js} +1 -1
  358. package/dist/ionic/p-4c20879c.entry.js +4 -0
  359. package/dist/ionic/p-520789c2.js +4 -0
  360. package/dist/ionic/p-5b5311f6.system.entry.js +4 -0
  361. package/dist/ionic/p-5cafe439.system.entry.js +4 -0
  362. package/dist/ionic/{p-2af89501.entry.js → p-60dee335.entry.js} +1 -1
  363. package/dist/ionic/p-68b405cc.entry.js +4 -0
  364. package/dist/ionic/p-6a3c14d1.entry.js +4 -0
  365. package/dist/ionic/p-6a92db9d.system.entry.js +4 -0
  366. package/dist/ionic/{p-5813a53f.system.js → p-6cfcb294.system.js} +1 -1
  367. package/dist/ionic/{p-bcb4bd5a.entry.js → p-70441a5b.entry.js} +1 -1
  368. package/dist/ionic/p-73eba881.system.js +1 -1
  369. package/dist/ionic/p-7520e873.system.entry.js +4 -0
  370. package/dist/ionic/{p-3d7278bf.system.entry.js → p-88a1a4fe.system.entry.js} +1 -1
  371. package/dist/ionic/p-8957b1de.system.entry.js +4 -0
  372. package/dist/ionic/p-89e3d112.system.entry.js +4 -0
  373. package/dist/ionic/p-90012797.system.js +4 -0
  374. package/dist/ionic/p-9dbc208c.js +4 -0
  375. package/dist/ionic/{p-e725e538.system.entry.js → p-a157df46.system.entry.js} +1 -1
  376. package/dist/ionic/{p-bea4cf88.system.entry.js → p-a4ce3b06.system.entry.js} +1 -1
  377. package/dist/ionic/{p-8b8c3052.system.entry.js → p-a60cff26.system.entry.js} +1 -1
  378. package/dist/ionic/{p-eba37915.entry.js → p-a7361c85.entry.js} +1 -1
  379. package/dist/ionic/p-a99e7e72.entry.js +4 -0
  380. package/dist/ionic/{p-0e71c632.entry.js → p-aae05032.entry.js} +1 -1
  381. package/dist/ionic/{p-282b98fc.system.entry.js → p-ae57449e.system.entry.js} +1 -1
  382. package/dist/ionic/p-ae8121f5.system.entry.js +4 -0
  383. package/dist/ionic/{p-5af72e8c.system.js → p-b25a96b7.system.js} +1 -1
  384. package/dist/ionic/p-b27772bf.entry.js +4 -0
  385. package/dist/ionic/p-b4c0e9ee.entry.js +4 -0
  386. package/dist/ionic/p-b4f14d9e.entry.js +4 -0
  387. package/dist/ionic/p-b7ac706d.entry.js +4 -0
  388. package/dist/ionic/p-b9e2aede.entry.js +4 -0
  389. package/dist/ionic/{p-895fd2ad.entry.js → p-bc7420cc.entry.js} +1 -1
  390. package/dist/ionic/{p-132eec58.entry.js → p-c0c794dd.entry.js} +1 -1
  391. package/dist/ionic/p-ccdd595c.system.entry.js +4 -0
  392. package/dist/ionic/p-d0d59328.entry.js +4 -0
  393. package/dist/ionic/p-d1df86ff.entry.js +4 -0
  394. package/dist/ionic/p-d2a278b1.entry.js +4 -0
  395. package/dist/ionic/p-d8eeabae.system.entry.js +4 -0
  396. package/dist/ionic/p-da024961.entry.js +4 -0
  397. package/dist/ionic/{p-da15610d.system.entry.js → p-db8b267a.system.entry.js} +1 -1
  398. package/dist/ionic/p-dcfea01f.system.entry.js +4 -0
  399. package/dist/ionic/{p-027ec61b.system.js → p-e0f66356.system.js} +1 -1
  400. package/dist/ionic/p-e6d2cca2.system.entry.js +4 -0
  401. package/dist/ionic/p-ec451ef7.system.entry.js +4 -0
  402. package/dist/ionic/p-ef4408d6.entry.js +4 -0
  403. package/dist/ionic/p-efd574eb.system.entry.js +4 -0
  404. package/dist/ionic/p-f48af9da.system.entry.js +4 -0
  405. package/dist/ionic/p-fbc7995a.system.entry.js +4 -0
  406. package/dist/node_modules/ionicons/dist/collection/components/icon/icon.css +4 -5
  407. package/hydrate/index.js +89 -108
  408. package/package.json +3 -3
  409. package/dist/collection/components/back-button/test/a11y/back-button.e2e.js +0 -26
  410. package/dist/collection/components/badge/test/a11y/badge.e2e.js +0 -22
  411. package/dist/collection/components/button/test/a11y/button.e2e.js +0 -61
  412. package/dist/collection/components/buttons/test/a11y/buttons.e2e.js +0 -74
  413. package/dist/collection/components/card/test/a11y/card.e2e.js +0 -31
  414. package/dist/collection/components/chip/chip.ios.css +0 -190
  415. package/dist/collection/components/chip/test/a11y/chip.e2e.js +0 -58
  416. package/dist/collection/components/datetime/test/a11y/datetime.e2e.js +0 -28
  417. package/dist/collection/components/datetime-button/test/a11y/datetime-button.e2e.js +0 -38
  418. package/dist/collection/components/item-divider/test/a11y/item-divider.e2e.js +0 -44
  419. package/dist/collection/components/item-sliding/test/a11y/item-sliding.e2e.js +0 -34
  420. package/dist/collection/components/label/test/a11y/label.e2e.js +0 -66
  421. package/dist/collection/components/list-header/test/a11y/list-header.e2e.js +0 -24
  422. package/dist/collection/components/note/test/a11y/note.e2e.js +0 -52
  423. package/dist/collection/components/reorder-group/test/a11y/reorder-group.e2e.js +0 -33
  424. package/dist/collection/components/searchbar/test/a11y/searchbar.e2e.js +0 -37
  425. package/dist/collection/components/title/test/a11y/title.e2e.js +0 -61
  426. package/dist/collection/css/test/a11y/typography.e2e.js +0 -32
  427. package/dist/esm-es5/ios.transition-7bcb60ea.js +0 -4
  428. package/dist/ionic/p-0d7def6a.system.entry.js +0 -4
  429. package/dist/ionic/p-0fa8a3bc.entry.js +0 -4
  430. package/dist/ionic/p-1b32d4a5.system.entry.js +0 -4
  431. package/dist/ionic/p-22f40e81.entry.js +0 -4
  432. package/dist/ionic/p-277e63f9.system.entry.js +0 -4
  433. package/dist/ionic/p-2838a7fe.system.js +0 -4
  434. package/dist/ionic/p-2cf8274d.entry.js +0 -4
  435. package/dist/ionic/p-2d70dfce.entry.js +0 -4
  436. package/dist/ionic/p-2fb0cb25.entry.js +0 -4
  437. package/dist/ionic/p-32623d05.entry.js +0 -4
  438. package/dist/ionic/p-3b7c777a.system.entry.js +0 -4
  439. package/dist/ionic/p-418057b3.entry.js +0 -4
  440. package/dist/ionic/p-4944f155.system.entry.js +0 -4
  441. package/dist/ionic/p-51db1192.entry.js +0 -4
  442. package/dist/ionic/p-64207faa.system.entry.js +0 -4
  443. package/dist/ionic/p-6851fe6f.entry.js +0 -4
  444. package/dist/ionic/p-6b236909.system.entry.js +0 -4
  445. package/dist/ionic/p-7692baf5.entry.js +0 -4
  446. package/dist/ionic/p-769c45c4.system.entry.js +0 -4
  447. package/dist/ionic/p-7a5b2208.system.entry.js +0 -4
  448. package/dist/ionic/p-7f0902d7.entry.js +0 -4
  449. package/dist/ionic/p-82f8788c.entry.js +0 -4
  450. package/dist/ionic/p-93b5cb0b.system.entry.js +0 -4
  451. package/dist/ionic/p-95ec964c.system.entry.js +0 -4
  452. package/dist/ionic/p-96e62ff0.system.entry.js +0 -4
  453. package/dist/ionic/p-97a8b662.entry.js +0 -4
  454. package/dist/ionic/p-9b140722.system.entry.js +0 -4
  455. package/dist/ionic/p-9de0a704.system.entry.js +0 -4
  456. package/dist/ionic/p-a5e26574.entry.js +0 -4
  457. package/dist/ionic/p-a75351a2.entry.js +0 -4
  458. package/dist/ionic/p-a7cc56e4.entry.js +0 -4
  459. package/dist/ionic/p-ac72c570.js +0 -4
  460. package/dist/ionic/p-b7c5d202.system.entry.js +0 -4
  461. package/dist/ionic/p-b80c4bce.system.entry.js +0 -4
  462. package/dist/ionic/p-bbd10afd.entry.js +0 -4
  463. package/dist/ionic/p-c2b0e9ef.system.entry.js +0 -4
  464. package/dist/ionic/p-c32dcb2e.system.entry.js +0 -4
  465. package/dist/ionic/p-c3ad5ed3.system.entry.js +0 -4
  466. package/dist/ionic/p-ea71294c.entry.js +0 -4
  467. package/dist/ionic/p-f2aa87dd.js +0 -4
  468. package/dist/ionic/p-f2ea5f89.system.entry.js +0 -4
  469. package/dist/ionic/p-f496e482.system.entry.js +0 -4
  470. package/dist/ionic/p-f91ed421.system.entry.js +0 -4
  471. package/dist/ionic/p-f9b62cd4.system.entry.js +0 -4
  472. /package/dist/esm-es5/{index-c132c5f1.js → index-504b03f0.js} +0 -0
  473. /package/dist/ionic/{p-ea96fa73.js → p-15bae383.js} +0 -0
  474. /package/dist/ionic/{p-8050b9b9.system.js → p-3f919368.system.js} +0 -0
@@ -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 searchbar input
@@ -102,7 +69,6 @@
102
69
  border-radius: var(--border-radius);
103
70
  display: block;
104
71
  width: 100%;
105
- min-height: inherit;
106
72
  border: 0;
107
73
  outline: none;
108
74
  background: var(--background);
@@ -181,39 +147,6 @@
181
147
  pointer-events: none;
182
148
  }
183
149
 
184
- /**
185
- * Convert a font size to a dynamic font size.
186
- * Fonts that participate in Dynamic Type should use
187
- * dynamic font sizes.
188
- * @param size - The initial font size including the unit (i.e. px or pt)
189
- * @param unit (optional) - The unit to convert to. Use this if you want to
190
- * convert to a unit other than $baselineUnit.
191
- */
192
- /**
193
- * Convert a font size to a dynamic font size but impose
194
- * a maximum font size.
195
- * @param size - The initial font size including the unit (i.e. px or pt)
196
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
197
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
198
- * convert to a unit other than $baselineUnit.
199
- */
200
- /**
201
- * Convert a font size to a dynamic font size but impose
202
- * a minimum font size.
203
- * @param size - The initial font size including the unit (i.e. px or pt)
204
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
205
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
206
- * convert to a unit other than $baselineUnit.
207
- */
208
- /**
209
- * Convert a font size to a dynamic font size but impose
210
- * maximum and minimum font sizes.
211
- * @param size - The initial font size including the unit (i.e. px or pt)
212
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
213
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
214
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
215
- * convert to a unit other than $baselineUnit.
216
- */
217
150
  :host {
218
151
  --background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);
219
152
  --border-radius: 10px;
@@ -228,12 +161,12 @@
228
161
  padding-inline-end: 12px;
229
162
  padding-top: 12px;
230
163
  padding-bottom: 12px;
231
- min-height: 60px;
232
- contain: content;
164
+ height: 60px;
165
+ contain: strict;
233
166
  }
234
167
 
235
168
  .searchbar-input-container {
236
- min-height: 36px;
169
+ height: 36px;
237
170
  }
238
171
 
239
172
  .searchbar-search-icon {
@@ -241,7 +174,7 @@
241
174
  margin-inline-start: calc(50% - 60px);
242
175
  top: 0;
243
176
  position: absolute;
244
- width: 1.375rem;
177
+ width: 22px;
245
178
  height: 100%;
246
179
  contain: strict;
247
180
  }
@@ -274,35 +207,23 @@
274
207
  }
275
208
 
276
209
  .searchbar-input {
277
- -webkit-padding-start: 0px;
278
- padding-inline-start: 0px;
279
- -webkit-padding-end: 0px;
280
- padding-inline-end: 0px;
281
- padding-top: 6px;
282
- padding-bottom: 6px;
210
+ -webkit-padding-start: 28px;
211
+ padding-inline-start: 28px;
212
+ -webkit-padding-end: 28px;
213
+ padding-inline-end: 28px;
214
+ padding-top: 0;
215
+ padding-bottom: 0;
283
216
  height: 100%;
284
- font-size: 1.0625rem;
217
+ font-size: 17px;
285
218
  font-weight: 400;
286
219
  contain: strict;
287
220
  }
288
221
 
289
- /**
290
- * We should only account for the clear button
291
- * if the clear button is actually visible. Otherwise
292
- * long text in an input can get cut off when it does not need to.
293
- */
294
- :host(.searchbar-has-value.searchbar-should-show-clear) .searchbar-input {
295
- -webkit-padding-start: 1.75rem;
296
- padding-inline-start: 1.75rem;
297
- -webkit-padding-end: 1.75rem;
298
- padding-inline-end: 1.75rem;
299
- }
300
-
301
222
  .searchbar-clear-button {
302
223
  top: 0;
303
224
  background-position: center;
304
225
  position: absolute;
305
- width: 1.875rem;
226
+ width: 30px;
306
227
  height: 100%;
307
228
  border: 0;
308
229
  background-color: transparent;
@@ -336,7 +257,7 @@
336
257
  }
337
258
 
338
259
  .searchbar-clear-icon {
339
- width: 1.125rem;
260
+ width: 18px;
340
261
  height: 100%;
341
262
  }
342
263
 
@@ -358,8 +279,8 @@
358
279
  }
359
280
 
360
281
  :host(.searchbar-left-aligned) .searchbar-input {
361
- -webkit-padding-start: 1.875rem;
362
- padding-inline-start: 1.875rem;
282
+ -webkit-padding-start: 30px;
283
+ padding-inline-start: 30px;
363
284
  }
364
285
 
365
286
  :host(.searchbar-has-focus) .searchbar-cancel-button,
@@ -406,7 +327,7 @@
406
327
  :host-context(ion-toolbar) {
407
328
  padding-top: 1px;
408
329
  padding-bottom: 15px;
409
- min-height: 52px;
330
+ height: 52px;
410
331
  }
411
332
 
412
333
  :host-context(ion-toolbar.ion-color):not(.ion-color) {
@@ -260,13 +260,7 @@ export class Searchbar {
260
260
  // Calculate the input padding
261
261
  const inputLeft = 'calc(50% - ' + textWidth / 2 + 'px)';
262
262
  // Calculate the icon margin
263
- /**
264
- * We take the icon width to account
265
- * for any text scales applied to the icon
266
- * such as Dynamic Type on iOS as well as 8px
267
- * of padding.
268
- */
269
- const iconLeft = 'calc(50% - ' + (textWidth / 2 + iconEl.clientWidth + 8) + 'px)';
263
+ const iconLeft = 'calc(50% - ' + (textWidth / 2 + 30) + 'px)';
270
264
  // Set the input padding start and icon margin start
271
265
  if (rtl) {
272
266
  inputEl.style.paddingRight = inputLeft;
@@ -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 searchbar input
@@ -102,7 +69,6 @@
102
69
  border-radius: var(--border-radius);
103
70
  display: block;
104
71
  width: 100%;
105
- min-height: inherit;
106
72
  border: 0;
107
73
  outline: none;
108
74
  background: var(--background);
@@ -181,39 +147,6 @@
181
147
  pointer-events: none;
182
148
  }
183
149
 
184
- /**
185
- * Convert a font size to a dynamic font size.
186
- * Fonts that participate in Dynamic Type should use
187
- * dynamic font sizes.
188
- * @param size - The initial font size including the unit (i.e. px or pt)
189
- * @param unit (optional) - The unit to convert to. Use this if you want to
190
- * convert to a unit other than $baselineUnit.
191
- */
192
- /**
193
- * Convert a font size to a dynamic font size but impose
194
- * a maximum font size.
195
- * @param size - The initial font size including the unit (i.e. px or pt)
196
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
197
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
198
- * convert to a unit other than $baselineUnit.
199
- */
200
- /**
201
- * Convert a font size to a dynamic font size but impose
202
- * a minimum font size.
203
- * @param size - The initial font size including the unit (i.e. px or pt)
204
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
205
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
206
- * convert to a unit other than $baselineUnit.
207
- */
208
- /**
209
- * Convert a font size to a dynamic font size but impose
210
- * maximum and minimum font sizes.
211
- * @param size - The initial font size including the unit (i.e. px or pt)
212
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
213
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
214
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
215
- * convert to a unit other than $baselineUnit.
216
- */
217
150
  :host {
218
151
  --background: var(--ion-background-color, #fff);
219
152
  --border-radius: 2px;
@@ -233,8 +166,8 @@
233
166
 
234
167
  .searchbar-search-icon {
235
168
  top: 11px;
236
- width: 1.3125rem;
237
- height: 1.3125rem;
169
+ width: 21px;
170
+ height: 21px;
238
171
  }
239
172
  @supports (inset-inline-start: 0) {
240
173
  .searchbar-search-icon {
@@ -308,15 +241,15 @@
308
241
  }
309
242
 
310
243
  .searchbar-input {
311
- -webkit-padding-start: 3.4375rem;
312
- padding-inline-start: 3.4375rem;
313
- -webkit-padding-end: 3.4375rem;
314
- padding-inline-end: 3.4375rem;
315
- padding-top: 0.375rem;
316
- padding-bottom: 0.375rem;
244
+ -webkit-padding-start: 55px;
245
+ padding-inline-start: 55px;
246
+ -webkit-padding-end: 55px;
247
+ padding-inline-end: 55px;
248
+ padding-top: 6px;
249
+ padding-bottom: 6px;
317
250
  background-position: left 8px center;
318
251
  height: auto;
319
- font-size: 1rem;
252
+ font-size: 16px;
320
253
  font-weight: 400;
321
254
  line-height: 30px;
322
255
  }
@@ -378,7 +311,7 @@
378
311
  }
379
312
 
380
313
  .searchbar-clear-icon {
381
- width: 1.375rem;
314
+ width: 22px;
382
315
  height: 100%;
383
316
  }
384
317
 
@@ -116,21 +116,3 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
116
116
  });
117
117
  });
118
118
  });
119
- configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
120
- test.describe(title('searchbar: ios clear button text cut off'), () => {
121
- test('text should not be cut off when clear button is hidden', async ({ page }) => {
122
- await page.setContent(`
123
- <ion-searchbar show-clear-button="focus" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non metus vel velit sollicitudin suscipit quis sed lectus. "></ion-searchbar>
124
- `, config);
125
- const searchbar = page.locator('ion-searchbar');
126
- await expect(searchbar).toHaveScreenshot(screenshot(`searchbar-text-clear-hidden`));
127
- });
128
- test('text should be cut off when clear button is visible', async ({ page }) => {
129
- await page.setContent(`
130
- <ion-searchbar show-clear-button="always" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non metus vel velit sollicitudin suscipit quis sed lectus. "></ion-searchbar>
131
- `, config);
132
- const searchbar = page.locator('ion-searchbar');
133
- await expect(searchbar).toHaveScreenshot(screenshot(`searchbar-text-clear-visible`));
134
- });
135
- });
136
- });
@@ -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 segment button
@@ -62,72 +29,6 @@
62
29
  display: none;
63
30
  }
64
31
 
65
- /**
66
- * Convert a font size to a dynamic font size.
67
- * Fonts that participate in Dynamic Type should use
68
- * dynamic font sizes.
69
- * @param size - The initial font size including the unit (i.e. px or pt)
70
- * @param unit (optional) - The unit to convert to. Use this if you want to
71
- * convert to a unit other than $baselineUnit.
72
- */
73
- /**
74
- * Convert a font size to a dynamic font size but impose
75
- * a maximum font size.
76
- * @param size - The initial font size including the unit (i.e. px or pt)
77
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
78
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
79
- * convert to a unit other than $baselineUnit.
80
- */
81
- /**
82
- * Convert a font size to a dynamic font size but impose
83
- * a minimum font size.
84
- * @param size - The initial font size including the unit (i.e. px or pt)
85
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
86
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
87
- * convert to a unit other than $baselineUnit.
88
- */
89
- /**
90
- * Convert a font size to a dynamic font size but impose
91
- * maximum and minimum font sizes.
92
- * @param size - The initial font size including the unit (i.e. px or pt)
93
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
94
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
95
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
96
- * convert to a unit other than $baselineUnit.
97
- */
98
- /**
99
- * Convert a font size to a dynamic font size.
100
- * Fonts that participate in Dynamic Type should use
101
- * dynamic font sizes.
102
- * @param size - The initial font size including the unit (i.e. px or pt)
103
- * @param unit (optional) - The unit to convert to. Use this if you want to
104
- * convert to a unit other than $baselineUnit.
105
- */
106
- /**
107
- * Convert a font size to a dynamic font size but impose
108
- * a maximum font size.
109
- * @param size - The initial font size including the unit (i.e. px or pt)
110
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
111
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
112
- * convert to a unit other than $baselineUnit.
113
- */
114
- /**
115
- * Convert a font size to a dynamic font size but impose
116
- * a minimum font size.
117
- * @param size - The initial font size including the unit (i.e. px or pt)
118
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
119
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
120
- * convert to a unit other than $baselineUnit.
121
- */
122
- /**
123
- * Convert a font size to a dynamic font size but impose
124
- * maximum and minimum font sizes.
125
- * @param size - The initial font size including the unit (i.e. px or pt)
126
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
127
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
128
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
129
- * convert to a unit other than $baselineUnit.
130
- */
131
32
  :host {
132
33
  --background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);
133
34
  border-radius: 8px;
@@ -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 segment button
@@ -62,72 +29,6 @@
62
29
  display: none;
63
30
  }
64
31
 
65
- /**
66
- * Convert a font size to a dynamic font size.
67
- * Fonts that participate in Dynamic Type should use
68
- * dynamic font sizes.
69
- * @param size - The initial font size including the unit (i.e. px or pt)
70
- * @param unit (optional) - The unit to convert to. Use this if you want to
71
- * convert to a unit other than $baselineUnit.
72
- */
73
- /**
74
- * Convert a font size to a dynamic font size but impose
75
- * a maximum font size.
76
- * @param size - The initial font size including the unit (i.e. px or pt)
77
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
78
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
79
- * convert to a unit other than $baselineUnit.
80
- */
81
- /**
82
- * Convert a font size to a dynamic font size but impose
83
- * a minimum font size.
84
- * @param size - The initial font size including the unit (i.e. px or pt)
85
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
86
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
87
- * convert to a unit other than $baselineUnit.
88
- */
89
- /**
90
- * Convert a font size to a dynamic font size but impose
91
- * maximum and minimum font sizes.
92
- * @param size - The initial font size including the unit (i.e. px or pt)
93
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
94
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
95
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
96
- * convert to a unit other than $baselineUnit.
97
- */
98
- /**
99
- * Convert a font size to a dynamic font size.
100
- * Fonts that participate in Dynamic Type should use
101
- * dynamic font sizes.
102
- * @param size - The initial font size including the unit (i.e. px or pt)
103
- * @param unit (optional) - The unit to convert to. Use this if you want to
104
- * convert to a unit other than $baselineUnit.
105
- */
106
- /**
107
- * Convert a font size to a dynamic font size but impose
108
- * a maximum font size.
109
- * @param size - The initial font size including the unit (i.e. px or pt)
110
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
111
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
112
- * convert to a unit other than $baselineUnit.
113
- */
114
- /**
115
- * Convert a font size to a dynamic font size but impose
116
- * a minimum font size.
117
- * @param size - The initial font size including the unit (i.e. px or pt)
118
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
119
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
120
- * convert to a unit other than $baselineUnit.
121
- */
122
- /**
123
- * Convert a font size to a dynamic font size but impose
124
- * maximum and minimum font sizes.
125
- * @param size - The initial font size including the unit (i.e. px or pt)
126
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
127
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
128
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
129
- * convert to a unit other than $baselineUnit.
130
- */
131
32
  :host {
132
33
  --background: transparent;
133
34
  grid-auto-columns: minmax(auto, 360px);
@@ -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 segment button
@@ -276,39 +243,6 @@ ion-ripple-effect {
276
243
  transition: none;
277
244
  }
278
245
  }
279
- /**
280
- * Convert a font size to a dynamic font size.
281
- * Fonts that participate in Dynamic Type should use
282
- * dynamic font sizes.
283
- * @param size - The initial font size including the unit (i.e. px or pt)
284
- * @param unit (optional) - The unit to convert to. Use this if you want to
285
- * convert to a unit other than $baselineUnit.
286
- */
287
- /**
288
- * Convert a font size to a dynamic font size but impose
289
- * a maximum font size.
290
- * @param size - The initial font size including the unit (i.e. px or pt)
291
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
292
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
293
- * convert to a unit other than $baselineUnit.
294
- */
295
- /**
296
- * Convert a font size to a dynamic font size but impose
297
- * a minimum font size.
298
- * @param size - The initial font size including the unit (i.e. px or pt)
299
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
300
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
301
- * convert to a unit other than $baselineUnit.
302
- */
303
- /**
304
- * Convert a font size to a dynamic font size but impose
305
- * maximum and minimum font sizes.
306
- * @param size - The initial font size including the unit (i.e. px or pt)
307
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
308
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
309
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
310
- * convert to a unit other than $baselineUnit.
311
- */
312
246
  :host {
313
247
  --background: none;
314
248
  --background-checked: none;