@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 --color: Color of the radio
@@ -268,72 +235,6 @@ input {
268
235
  min-width: 100px;
269
236
  }
270
237
 
271
- /**
272
- * Convert a font size to a dynamic font size.
273
- * Fonts that participate in Dynamic Type should use
274
- * dynamic font sizes.
275
- * @param size - The initial font size including the unit (i.e. px or pt)
276
- * @param unit (optional) - The unit to convert to. Use this if you want to
277
- * convert to a unit other than $baselineUnit.
278
- */
279
- /**
280
- * Convert a font size to a dynamic font size but impose
281
- * a maximum font size.
282
- * @param size - The initial font size including the unit (i.e. px or pt)
283
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
284
- * @param unit (optional) - The unit to convert the initial font size 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 minimum font size.
290
- * @param size - The initial font size including the unit (i.e. px or pt)
291
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% 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
- * maximum and minimum font sizes.
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 maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
301
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
302
- * convert to a unit other than $baselineUnit.
303
- */
304
- /**
305
- * Convert a font size to a dynamic font size.
306
- * Fonts that participate in Dynamic Type should use
307
- * dynamic font sizes.
308
- * @param size - The initial font size including the unit (i.e. px or pt)
309
- * @param unit (optional) - The unit to convert to. Use this if you want to
310
- * convert to a unit other than $baselineUnit.
311
- */
312
- /**
313
- * Convert a font size to a dynamic font size but impose
314
- * a maximum font size.
315
- * @param size - The initial font size including the unit (i.e. px or pt)
316
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
317
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
318
- * convert to a unit other than $baselineUnit.
319
- */
320
- /**
321
- * Convert a font size to a dynamic font size but impose
322
- * a minimum font size.
323
- * @param size - The initial font size including the unit (i.e. px or pt)
324
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
325
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
326
- * convert to a unit other than $baselineUnit.
327
- */
328
- /**
329
- * Convert a font size to a dynamic font size but impose
330
- * maximum and minimum font sizes.
331
- * @param size - The initial font size including the unit (i.e. px or pt)
332
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
333
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
334
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
335
- * convert to a unit other than $baselineUnit.
336
- */
337
238
  :host {
338
239
  --color-checked: var(--ion-color-primary, #3880ff);
339
240
  }
@@ -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 --color: Color of the radio
@@ -268,72 +235,6 @@ input {
268
235
  min-width: 100px;
269
236
  }
270
237
 
271
- /**
272
- * Convert a font size to a dynamic font size.
273
- * Fonts that participate in Dynamic Type should use
274
- * dynamic font sizes.
275
- * @param size - The initial font size including the unit (i.e. px or pt)
276
- * @param unit (optional) - The unit to convert to. Use this if you want to
277
- * convert to a unit other than $baselineUnit.
278
- */
279
- /**
280
- * Convert a font size to a dynamic font size but impose
281
- * a maximum font size.
282
- * @param size - The initial font size including the unit (i.e. px or pt)
283
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
284
- * @param unit (optional) - The unit to convert the initial font size 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 minimum font size.
290
- * @param size - The initial font size including the unit (i.e. px or pt)
291
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% 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
- * maximum and minimum font sizes.
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 maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
301
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
302
- * convert to a unit other than $baselineUnit.
303
- */
304
- /**
305
- * Convert a font size to a dynamic font size.
306
- * Fonts that participate in Dynamic Type should use
307
- * dynamic font sizes.
308
- * @param size - The initial font size including the unit (i.e. px or pt)
309
- * @param unit (optional) - The unit to convert to. Use this if you want to
310
- * convert to a unit other than $baselineUnit.
311
- */
312
- /**
313
- * Convert a font size to a dynamic font size but impose
314
- * a maximum font size.
315
- * @param size - The initial font size including the unit (i.e. px or pt)
316
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
317
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
318
- * convert to a unit other than $baselineUnit.
319
- */
320
- /**
321
- * Convert a font size to a dynamic font size but impose
322
- * a minimum font size.
323
- * @param size - The initial font size including the unit (i.e. px or pt)
324
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
325
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
326
- * convert to a unit other than $baselineUnit.
327
- */
328
- /**
329
- * Convert a font size to a dynamic font size but impose
330
- * maximum and minimum font sizes.
331
- * @param size - The initial font size including the unit (i.e. px or pt)
332
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
333
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
334
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
335
- * convert to a unit other than $baselineUnit.
336
- */
337
238
  :host {
338
239
  --color: rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);
339
240
  --color-checked: var(--ion-color-primary, #3880ff);
@@ -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 --bar-background: Background of the range bar
@@ -93,9 +60,7 @@
93
60
  top: calc((var(--height) - var(--knob-handle-size)) / 2);
94
61
  -webkit-margin-start: calc(0px - var(--knob-handle-size) / 2);
95
62
  margin-inline-start: calc(0px - var(--knob-handle-size) / 2);
96
- display: flex;
97
63
  position: absolute;
98
- justify-content: center;
99
64
  width: var(--knob-handle-size);
100
65
  height: var(--knob-handle-size);
101
66
  text-align: center;
@@ -398,39 +363,6 @@
398
363
  max-width: 200px;
399
364
  }
400
365
 
401
- /**
402
- * Convert a font size to a dynamic font size.
403
- * Fonts that participate in Dynamic Type should use
404
- * dynamic font sizes.
405
- * @param size - The initial font size including the unit (i.e. px or pt)
406
- * @param unit (optional) - The unit to convert to. Use this if you want to
407
- * convert to a unit other than $baselineUnit.
408
- */
409
- /**
410
- * Convert a font size to a dynamic font size but impose
411
- * a maximum font size.
412
- * @param size - The initial font size including the unit (i.e. px or pt)
413
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
414
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
415
- * convert to a unit other than $baselineUnit.
416
- */
417
- /**
418
- * Convert a font size to a dynamic font size but impose
419
- * a minimum font size.
420
- * @param size - The initial font size including the unit (i.e. px or pt)
421
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
422
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
423
- * convert to a unit other than $baselineUnit.
424
- */
425
- /**
426
- * Convert a font size to a dynamic font size but impose
427
- * maximum and minimum font sizes.
428
- * @param size - The initial font size including the unit (i.e. px or pt)
429
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
430
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
431
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
432
- * convert to a unit other than $baselineUnit.
433
- */
434
366
  :host {
435
367
  --knob-border-radius: 50%;
436
368
  --knob-background: #ffffff;
@@ -476,7 +408,7 @@
476
408
  }
477
409
 
478
410
  :host(.range-has-pin) {
479
- padding-top: calc(0.75rem + 8px);
411
+ padding-top: 20px;
480
412
  }
481
413
 
482
414
  .range-bar-active {
@@ -509,33 +441,27 @@
509
441
  }
510
442
 
511
443
  .range-pin {
512
- transform: translate3d(0, 100%, 0) scale(0.01);
444
+ transform: translate3d(0, 28px, 0) scale(0.01);
513
445
  -webkit-padding-start: 8px;
514
446
  padding-inline-start: 8px;
515
447
  -webkit-padding-end: 8px;
516
448
  padding-inline-end: 8px;
517
449
  padding-top: 8px;
518
450
  padding-bottom: 8px;
451
+ display: inline-block;
452
+ position: relative;
453
+ top: -20px;
519
454
  min-width: 28px;
520
455
  transition: transform 120ms ease;
521
456
  background: transparent;
522
457
  color: var(--ion-text-color, #000);
523
- font-size: 0.75rem;
458
+ font-size: 12px;
524
459
  text-align: center;
525
460
  }
526
461
 
527
- /**
528
- * The -100% ensures the pin sits on top
529
- * of the range-knob-handle container.
530
- * We apply 11px so that the pin
531
- * text is closer to the knob inside of the container.
532
- * We also apply the 11px here instead of using "top"
533
- * otherwise the pin text will translate below the knob
534
- * when the text is scaled.
535
- */
536
462
  .range-knob-pressed .range-pin,
537
463
  .range-knob-handle.ion-focused .range-pin {
538
- transform: translate3d(0, calc(-100% + 11px), 0) scale(1);
464
+ transform: translate3d(0, 0, 0) scale(1);
539
465
  }
540
466
 
541
467
  :host(.range-disabled) {
@@ -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 --bar-background: Background of the range bar
@@ -93,9 +60,7 @@
93
60
  top: calc((var(--height) - var(--knob-handle-size)) / 2);
94
61
  -webkit-margin-start: calc(0px - var(--knob-handle-size) / 2);
95
62
  margin-inline-start: calc(0px - var(--knob-handle-size) / 2);
96
- display: flex;
97
63
  position: absolute;
98
- justify-content: center;
99
64
  width: var(--knob-handle-size);
100
65
  height: var(--knob-handle-size);
101
66
  text-align: center;
@@ -398,39 +363,6 @@
398
363
  max-width: 200px;
399
364
  }
400
365
 
401
- /**
402
- * Convert a font size to a dynamic font size.
403
- * Fonts that participate in Dynamic Type should use
404
- * dynamic font sizes.
405
- * @param size - The initial font size including the unit (i.e. px or pt)
406
- * @param unit (optional) - The unit to convert to. Use this if you want to
407
- * convert to a unit other than $baselineUnit.
408
- */
409
- /**
410
- * Convert a font size to a dynamic font size but impose
411
- * a maximum font size.
412
- * @param size - The initial font size including the unit (i.e. px or pt)
413
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
414
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
415
- * convert to a unit other than $baselineUnit.
416
- */
417
- /**
418
- * Convert a font size to a dynamic font size but impose
419
- * a minimum font size.
420
- * @param size - The initial font size including the unit (i.e. px or pt)
421
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
422
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
423
- * convert to a unit other than $baselineUnit.
424
- */
425
- /**
426
- * Convert a font size to a dynamic font size but impose
427
- * maximum and minimum font sizes.
428
- * @param size - The initial font size including the unit (i.e. px or pt)
429
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
430
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
431
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
432
- * convert to a unit other than $baselineUnit.
433
- */
434
366
  :host {
435
367
  --knob-border-radius: 50%;
436
368
  --knob-background: var(--bar-background-active);
@@ -443,18 +375,13 @@
443
375
  --height: 42px;
444
376
  --pin-background: var(--ion-color-primary, #3880ff);
445
377
  --pin-color: var(--ion-color-primary-contrast, #fff);
378
+ font-size: 12px;
446
379
  }
447
380
 
448
- :host(.legacy-range) ::slotted([slot=label]) {
381
+ ::slotted([slot=label]), .label-text {
449
382
  font-size: initial;
450
383
  }
451
384
 
452
- :host(:not(.legacy-range)) ::slotted(:not(ion-icon)[slot=start]),
453
- :host(:not(.legacy-range)) ::slotted(:not(ion-icon)[slot=end]),
454
- :host(:not(.legacy-range)) .native-wrapper {
455
- font-size: 0.75rem;
456
- }
457
-
458
385
  :host(.legacy-range) {
459
386
  -webkit-padding-start: 14px;
460
387
  padding-inline-start: 14px;
@@ -462,7 +389,6 @@
462
389
  padding-inline-end: 14px;
463
390
  padding-top: 8px;
464
391
  padding-bottom: 8px;
465
- font-size: 0.75rem;
466
392
  }
467
393
 
468
394
  :host(.ion-color) .range-bar {
@@ -498,7 +424,7 @@
498
424
  }
499
425
 
500
426
  :host(.range-has-pin) {
501
- padding-top: 1.75rem;
427
+ padding-top: 28px;
502
428
  }
503
429
 
504
430
  .range-bar-active {
@@ -575,26 +501,17 @@
575
501
  padding-bottom: 8px;
576
502
  border-radius: 50%;
577
503
  transform: translate3d(0, 0, 0) scale(0.01);
578
- display: flex;
579
- align-items: center;
580
- justify-content: center;
581
- /**
582
- * The dimensions of the range need
583
- * to scale with the size of the text
584
- * which is why we use dynamic dimensions here.
585
- */
586
- width: 1.75rem;
587
- height: 1.75rem;
504
+ display: inline-block;
505
+ position: relative;
506
+ min-width: 28px;
507
+ height: 28px;
588
508
  transition: transform 120ms ease, background 120ms ease;
589
509
  background: var(--pin-background);
590
510
  color: var(--pin-color);
511
+ text-align: center;
591
512
  }
592
513
  .range-pin::before {
593
- /**
594
- * The -1px here moves the ::before
595
- * psuedo-element down to create a uniform pin shape.
596
- */
597
- bottom: -1px;
514
+ top: 3px;
598
515
  -webkit-margin-start: -13px;
599
516
  margin-inline-start: -13px;
600
517
  /* stylelint-disable-next-line property-disallowed-list */
@@ -652,14 +569,9 @@
652
569
  }
653
570
  }
654
571
 
655
- /**
656
- * Move the pin up by its full height
657
- * plus a few pixels so the tip is above
658
- * (but not touching) the knob.
659
- */
660
572
  .range-knob-pressed .range-pin,
661
573
  .range-knob-handle.ion-focused .range-pin {
662
- transform: translate3d(0, calc(-100% + 4px), 0) scale(1);
574
+ transform: translate3d(0, -24px, 0) scale(1);
663
575
  }
664
576
 
665
577
  @media (any-hover: hover) {
@@ -54,26 +54,4 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
54
54
  await expect(range).toHaveScreenshot(screenshot(`range-focus-with-pin`));
55
55
  });
56
56
  });
57
- test.describe(title('range: font scaling'), () => {
58
- test('should scale text on larger font sizes', async ({ page }) => {
59
- // Capture both icons and text in the start/end slots
60
- await page.setContent(`
61
- <style>
62
- html {
63
- font-size: 310%;
64
- }
65
- </style>
66
- <ion-range value="50" label="Label" pin="true">
67
- <ion-icon name="snow" slot="start" aria-hidden="true"></ion-icon>
68
- <div name="snow" slot="end" aria-hidden="true">Warm</div>
69
- </ion-range>
70
- `, config);
71
- const range = page.locator('ion-range');
72
- const rangeHandle = range.locator('.range-knob-handle');
73
- // Capture the range pin in screenshots
74
- await rangeHandle.evaluate((el) => el.classList.add('ion-focused'));
75
- await page.waitForChanges();
76
- await expect(range).toHaveScreenshot(screenshot(`range-scale`));
77
- });
78
- });
79
57
  });
@@ -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
  ion-refresher {
35
2
  top: 0;
36
3
  display: none;
@@ -148,39 +115,6 @@ ion-refresher-content .arrow-container {
148
115
  display: none;
149
116
  }
150
117
 
151
- /**
152
- * Convert a font size to a dynamic font size.
153
- * Fonts that participate in Dynamic Type should use
154
- * dynamic font sizes.
155
- * @param size - The initial font size including the unit (i.e. px or pt)
156
- * @param unit (optional) - The unit to convert to. Use this if you want to
157
- * convert to a unit other than $baselineUnit.
158
- */
159
- /**
160
- * Convert a font size to a dynamic font size but impose
161
- * a maximum font size.
162
- * @param size - The initial font size including the unit (i.e. px or pt)
163
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
164
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
165
- * convert to a unit other than $baselineUnit.
166
- */
167
- /**
168
- * Convert a font size to a dynamic font size but impose
169
- * a minimum font size.
170
- * @param size - The initial font size including the unit (i.e. px or pt)
171
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
172
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
173
- * convert to a unit other than $baselineUnit.
174
- */
175
- /**
176
- * Convert a font size to a dynamic font size but impose
177
- * maximum and minimum font sizes.
178
- * @param size - The initial font size including the unit (i.e. px or pt)
179
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
180
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
181
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
182
- * convert to a unit other than $baselineUnit.
183
- */
184
118
  .refresher-ios .refresher-pulling-icon,
185
119
  .refresher-ios .refresher-refreshing-icon {
186
120
  color: var(--ion-text-color, #000);