@ionic/core 7.6.7-dev.11706894781.1cd59fde → 7.6.7-dev.11707156611.1b43b9ec

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 (354) hide show
  1. package/components/action-sheet.js +2 -2
  2. package/components/alert.js +2 -2
  3. package/components/checkbox.js +2 -2
  4. package/components/ion-breadcrumb.js +2 -2
  5. package/components/ion-card-subtitle.js +2 -2
  6. package/components/ion-card-title.js +1 -1
  7. package/components/ion-card.js +2 -2
  8. package/components/ion-datetime-button.js +2 -2
  9. package/components/ion-datetime.js +2 -2
  10. package/components/ion-fab-list.js +1 -1
  11. package/components/ion-infinite-scroll-content.js +2 -2
  12. package/components/ion-input.js +4 -8
  13. package/components/ion-item-divider.js +2 -2
  14. package/components/ion-item-options.js +2 -2
  15. package/components/ion-loading.js +2 -2
  16. package/components/ion-menu.js +2 -2
  17. package/components/ion-modal.js +2 -2
  18. package/components/ion-picker-legacy.js +2 -2
  19. package/components/ion-range.js +2 -2
  20. package/components/ion-refresher-content.js +1 -1
  21. package/components/ion-refresher.js +2 -2
  22. package/components/ion-searchbar.js +2 -2
  23. package/components/ion-segment-button.js +1 -1
  24. package/components/ion-select.js +2 -2
  25. package/components/ion-split-pane.js +2 -2
  26. package/components/ion-tab-bar.js +2 -2
  27. package/components/ion-tab-button.js +2 -2
  28. package/components/ion-textarea.js +2 -2
  29. package/components/ion-title.js +1 -1
  30. package/components/ion-toast.js +2 -2
  31. package/components/ion-toggle.js +2 -2
  32. package/components/ion-toolbar.js +2 -2
  33. package/components/item.js +2 -2
  34. package/components/label.js +2 -2
  35. package/components/list-header.js +2 -2
  36. package/components/list.js +1 -1
  37. package/components/note.js +2 -2
  38. package/components/picker-column2.js +2 -2
  39. package/components/picker.js +2 -2
  40. package/components/popover.js +1 -1
  41. package/components/radio.js +2 -2
  42. package/css/core.css.map +1 -1
  43. package/css/display.css.map +1 -1
  44. package/css/float-elements.css.map +1 -1
  45. package/css/global.bundle.css.map +1 -1
  46. package/css/ionic-swiper.css.map +1 -1
  47. package/css/ionic.bundle.css.map +1 -1
  48. package/css/padding.css.map +1 -1
  49. package/css/structure.css.map +1 -1
  50. package/css/text-alignment.css.map +1 -1
  51. package/css/text-transformation.css.map +1 -1
  52. package/css/themes/dark.always.css +41 -79
  53. package/css/themes/dark.always.css.map +1 -1
  54. package/css/themes/dark.class.css +41 -79
  55. package/css/themes/dark.class.css.map +1 -1
  56. package/css/themes/dark.system.css +41 -79
  57. package/css/themes/dark.system.css.map +1 -1
  58. package/css/typography.css.map +1 -1
  59. package/css/utils.bundle.css.map +1 -1
  60. package/dist/cjs/ion-action-sheet.cjs.entry.js +2 -2
  61. package/dist/cjs/ion-alert.cjs.entry.js +2 -2
  62. package/dist/cjs/ion-app_8.cjs.entry.js +3 -3
  63. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +2 -2
  64. package/dist/cjs/ion-card_5.cjs.entry.js +5 -5
  65. package/dist/cjs/ion-checkbox.cjs.entry.js +2 -2
  66. package/dist/cjs/ion-datetime-button.cjs.entry.js +2 -2
  67. package/dist/cjs/ion-datetime_3.cjs.entry.js +6 -6
  68. package/dist/cjs/ion-fab_3.cjs.entry.js +1 -1
  69. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +2 -2
  70. package/dist/cjs/ion-input.cjs.entry.js +4 -6
  71. package/dist/cjs/ion-item-option_3.cjs.entry.js +2 -2
  72. package/dist/cjs/ion-item_8.cjs.entry.js +11 -11
  73. package/dist/cjs/ion-loading.cjs.entry.js +2 -2
  74. package/dist/cjs/ion-menu_3.cjs.entry.js +2 -2
  75. package/dist/cjs/ion-modal.cjs.entry.js +2 -2
  76. package/dist/cjs/ion-picker.cjs.entry.js +2 -2
  77. package/dist/cjs/ion-popover.cjs.entry.js +1 -1
  78. package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
  79. package/dist/cjs/ion-range.cjs.entry.js +2 -2
  80. package/dist/cjs/ion-refresher_2.cjs.entry.js +3 -3
  81. package/dist/cjs/ion-searchbar.cjs.entry.js +2 -2
  82. package/dist/cjs/ion-segment_2.cjs.entry.js +1 -1
  83. package/dist/cjs/ion-select_3.cjs.entry.js +2 -2
  84. package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
  85. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
  86. package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
  87. package/dist/cjs/ion-toast.cjs.entry.js +2 -2
  88. package/dist/cjs/ion-toggle.cjs.entry.js +2 -2
  89. package/dist/cjs/ionic.cjs.js +1 -1
  90. package/dist/cjs/loader.cjs.js +1 -1
  91. package/dist/collection/components/action-sheet/action-sheet.ios.css +4 -4
  92. package/dist/collection/components/action-sheet/action-sheet.md.css +1 -1
  93. package/dist/collection/components/alert/alert.ios.css +10 -58
  94. package/dist/collection/components/alert/alert.md.css +19 -115
  95. package/dist/collection/components/breadcrumb/breadcrumb.ios.css +9 -9
  96. package/dist/collection/components/breadcrumb/breadcrumb.md.css +9 -9
  97. package/dist/collection/components/card/card.ios.css +1 -1
  98. package/dist/collection/components/card/card.md.css +1 -1
  99. package/dist/collection/components/card-subtitle/card-subtitle.ios.css +1 -1
  100. package/dist/collection/components/card-subtitle/card-subtitle.md.css +1 -1
  101. package/dist/collection/components/card-title/card-title.md.css +1 -1
  102. package/dist/collection/components/checkbox/checkbox.ios.css +3 -21
  103. package/dist/collection/components/checkbox/checkbox.md.css +3 -21
  104. package/dist/collection/components/datetime/datetime.ios.css +10 -32
  105. package/dist/collection/components/datetime/datetime.md.css +11 -33
  106. package/dist/collection/components/datetime-button/datetime-button.css +1 -1
  107. package/dist/collection/components/fab-list/fab-list.css +4 -42
  108. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +3 -3
  109. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +3 -3
  110. package/dist/collection/components/input/input.ios.css +7 -31
  111. package/dist/collection/components/input/input.js +2 -41
  112. package/dist/collection/components/input/input.md.css +19 -86
  113. package/dist/collection/components/item/item.ios.css +2 -2
  114. package/dist/collection/components/item/item.md.css +11 -30
  115. package/dist/collection/components/item-divider/item-divider.ios.css +3 -3
  116. package/dist/collection/components/item-divider/item-divider.md.css +3 -3
  117. package/dist/collection/components/item-options/item-options.ios.css +1 -1
  118. package/dist/collection/components/item-options/item-options.md.css +1 -1
  119. package/dist/collection/components/label/label.ios.css +1 -1
  120. package/dist/collection/components/label/label.md.css +1 -1
  121. package/dist/collection/components/list/list.md.css +2 -26
  122. package/dist/collection/components/list-header/list-header.ios.css +2 -2
  123. package/dist/collection/components/list-header/list-header.md.css +1 -1
  124. package/dist/collection/components/loading/loading.ios.css +2 -2
  125. package/dist/collection/components/loading/loading.md.css +2 -2
  126. package/dist/collection/components/menu/menu.ios.css +8 -50
  127. package/dist/collection/components/menu/menu.md.css +8 -50
  128. package/dist/collection/components/modal/modal.ios.css +1 -1
  129. package/dist/collection/components/modal/modal.md.css +1 -1
  130. package/dist/collection/components/note/note.ios.css +1 -1
  131. package/dist/collection/components/note/note.md.css +1 -1
  132. package/dist/collection/components/picker/picker.ios.css +5 -43
  133. package/dist/collection/components/picker/picker.md.css +4 -42
  134. package/dist/collection/components/picker-legacy/picker.ios.css +7 -74
  135. package/dist/collection/components/picker-legacy/picker.md.css +9 -76
  136. package/dist/collection/components/picker-legacy-column/picker-column.ios.css +2 -26
  137. package/dist/collection/components/picker-legacy-column/picker-column.md.css +2 -26
  138. package/dist/collection/components/popover/popover.ios.css +3 -27
  139. package/dist/collection/components/radio/radio.ios.css +5 -42
  140. package/dist/collection/components/radio/radio.md.css +5 -42
  141. package/dist/collection/components/range/range.ios.css +11 -80
  142. package/dist/collection/components/range/range.md.css +16 -132
  143. package/dist/collection/components/refresher/refresher.ios.css +4 -27
  144. package/dist/collection/components/refresher/refresher.md.css +5 -28
  145. package/dist/collection/components/refresher/test/a11y/refresher.e2e.js +2 -1
  146. package/dist/collection/components/refresher-content/refresher-content.js +1 -1
  147. package/dist/collection/components/searchbar/searchbar.ios.css +7 -55
  148. package/dist/collection/components/searchbar/searchbar.md.css +10 -82
  149. package/dist/collection/components/segment-button/segment-button.ios.css +3 -3
  150. package/dist/collection/components/select/select.ios.css +5 -23
  151. package/dist/collection/components/select/select.md.css +18 -79
  152. package/dist/collection/components/split-pane/split-pane.ios.css +1 -1
  153. package/dist/collection/components/split-pane/split-pane.md.css +1 -1
  154. package/dist/collection/components/tab-bar/tab-bar.ios.css +3 -3
  155. package/dist/collection/components/tab-bar/tab-bar.md.css +2 -2
  156. package/dist/collection/components/tab-button/tab-button.ios.css +10 -93
  157. package/dist/collection/components/tab-button/tab-button.md.css +10 -93
  158. package/dist/collection/components/textarea/textarea.ios.css +6 -30
  159. package/dist/collection/components/textarea/textarea.md.css +18 -85
  160. package/dist/collection/components/title/title.ios.css +2 -21
  161. package/dist/collection/components/toast/test/a11y/toast.e2e.js +0 -33
  162. package/dist/collection/components/toast/toast.ios.css +7 -54
  163. package/dist/collection/components/toast/toast.md.css +8 -55
  164. package/dist/collection/components/toggle/toggle.ios.css +3 -21
  165. package/dist/collection/components/toggle/toggle.md.css +3 -21
  166. package/dist/collection/components/toolbar/toolbar.ios.css +2 -2
  167. package/dist/collection/components/toolbar/toolbar.md.css +1 -1
  168. package/dist/collection/themes/test/colors/theme.e2e.js +0 -56
  169. package/dist/docs.json +1 -54
  170. package/dist/esm/ion-action-sheet.entry.js +2 -2
  171. package/dist/esm/ion-alert.entry.js +2 -2
  172. package/dist/esm/ion-app_8.entry.js +3 -3
  173. package/dist/esm/ion-breadcrumb_2.entry.js +2 -2
  174. package/dist/esm/ion-card_5.entry.js +5 -5
  175. package/dist/esm/ion-checkbox.entry.js +2 -2
  176. package/dist/esm/ion-datetime-button.entry.js +2 -2
  177. package/dist/esm/ion-datetime_3.entry.js +6 -6
  178. package/dist/esm/ion-fab_3.entry.js +1 -1
  179. package/dist/esm/ion-infinite-scroll_2.entry.js +2 -2
  180. package/dist/esm/ion-input.entry.js +4 -6
  181. package/dist/esm/ion-item-option_3.entry.js +2 -2
  182. package/dist/esm/ion-item_8.entry.js +11 -11
  183. package/dist/esm/ion-loading.entry.js +2 -2
  184. package/dist/esm/ion-menu_3.entry.js +2 -2
  185. package/dist/esm/ion-modal.entry.js +2 -2
  186. package/dist/esm/ion-picker.entry.js +2 -2
  187. package/dist/esm/ion-popover.entry.js +1 -1
  188. package/dist/esm/ion-radio_2.entry.js +2 -2
  189. package/dist/esm/ion-range.entry.js +2 -2
  190. package/dist/esm/ion-refresher_2.entry.js +3 -3
  191. package/dist/esm/ion-searchbar.entry.js +2 -2
  192. package/dist/esm/ion-segment_2.entry.js +1 -1
  193. package/dist/esm/ion-select_3.entry.js +2 -2
  194. package/dist/esm/ion-split-pane.entry.js +2 -2
  195. package/dist/esm/ion-tab-bar_2.entry.js +4 -4
  196. package/dist/esm/ion-textarea.entry.js +2 -2
  197. package/dist/esm/ion-toast.entry.js +2 -2
  198. package/dist/esm/ion-toggle.entry.js +2 -2
  199. package/dist/esm/ionic.js +1 -1
  200. package/dist/esm/loader.js +1 -1
  201. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  202. package/dist/esm-es5/ion-alert.entry.js +1 -1
  203. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  204. package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
  205. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  206. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  207. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  208. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  209. package/dist/esm-es5/ion-fab_3.entry.js +1 -1
  210. package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
  211. package/dist/esm-es5/ion-input.entry.js +1 -1
  212. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  213. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  214. package/dist/esm-es5/ion-loading.entry.js +1 -1
  215. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  216. package/dist/esm-es5/ion-modal.entry.js +1 -1
  217. package/dist/esm-es5/ion-picker.entry.js +1 -1
  218. package/dist/esm-es5/ion-popover.entry.js +1 -1
  219. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  220. package/dist/esm-es5/ion-range.entry.js +1 -1
  221. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  222. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  223. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  224. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  225. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  226. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  227. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  228. package/dist/esm-es5/ion-toast.entry.js +1 -1
  229. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  230. package/dist/esm-es5/ionic.js +1 -1
  231. package/dist/esm-es5/loader.js +1 -1
  232. package/dist/html.html-data.json +0 -8
  233. package/dist/ionic/ionic.esm.js +1 -1
  234. package/dist/ionic/{p-3cf67784.entry.js → p-029891a2.entry.js} +1 -1
  235. package/dist/ionic/p-05266a75.entry.js +4 -0
  236. package/dist/ionic/p-055aee88.system.entry.js +4 -0
  237. package/dist/ionic/p-0b27e3f9.entry.js +4 -0
  238. package/dist/ionic/p-127ff448.entry.js +4 -0
  239. package/dist/ionic/p-18858f40.entry.js +4 -0
  240. package/dist/ionic/p-1a5f0313.system.js +1 -1
  241. package/dist/ionic/p-26976bfc.system.entry.js +4 -0
  242. package/dist/ionic/p-2e93a307.system.entry.js +4 -0
  243. package/dist/ionic/p-359da6bc.entry.js +4 -0
  244. package/dist/ionic/p-39af44bb.entry.js +4 -0
  245. package/dist/ionic/p-3bb8dba2.system.entry.js +4 -0
  246. package/dist/ionic/p-4210519e.entry.js +4 -0
  247. package/dist/ionic/p-4565aa49.system.entry.js +4 -0
  248. package/dist/ionic/p-467ec026.entry.js +4 -0
  249. package/dist/ionic/p-4b890ea2.entry.js +4 -0
  250. package/dist/ionic/{p-32b129a2.entry.js → p-4b94c354.entry.js} +1 -1
  251. package/dist/ionic/p-4f18d611.system.entry.js +4 -0
  252. package/dist/ionic/p-567ba50a.system.entry.js +4 -0
  253. package/dist/ionic/p-598bd8e2.entry.js +4 -0
  254. package/dist/ionic/{p-0d850325.entry.js → p-5a85d71d.entry.js} +1 -1
  255. package/dist/ionic/p-673614dd.system.entry.js +4 -0
  256. package/dist/ionic/{p-b8fbc01d.entry.js → p-67c1996d.entry.js} +1 -1
  257. package/dist/ionic/p-6ba863b1.system.entry.js +4 -0
  258. package/dist/ionic/{p-14196559.entry.js → p-7178018d.entry.js} +1 -1
  259. package/dist/ionic/p-731c9b0c.system.entry.js +4 -0
  260. package/dist/ionic/p-735807f6.system.entry.js +4 -0
  261. package/dist/ionic/p-77166522.system.entry.js +4 -0
  262. package/dist/ionic/{p-f003e500.system.entry.js → p-7751def0.system.entry.js} +1 -1
  263. package/dist/ionic/p-7a15321a.entry.js +4 -0
  264. package/dist/ionic/{p-b6e4e9ce.system.entry.js → p-7a1ef06a.system.entry.js} +1 -1
  265. package/dist/ionic/p-7a2c6bb5.entry.js +4 -0
  266. package/dist/ionic/p-85897798.entry.js +4 -0
  267. package/dist/ionic/p-85cb3f46.entry.js +4 -0
  268. package/dist/ionic/{p-c6a6ffe6.entry.js → p-85e04029.entry.js} +1 -1
  269. package/dist/ionic/{p-cd6a60d2.entry.js → p-870453fd.entry.js} +1 -1
  270. package/dist/ionic/{p-8aaade76.entry.js → p-8a66c00e.entry.js} +1 -1
  271. package/dist/ionic/p-92453558.entry.js +4 -0
  272. package/dist/ionic/{p-0f55b1b0.entry.js → p-95d8071f.entry.js} +1 -1
  273. package/dist/ionic/{p-69926b34.entry.js → p-9928b546.entry.js} +1 -1
  274. package/dist/ionic/{p-97657f32.system.entry.js → p-a11e45fe.system.entry.js} +1 -1
  275. package/dist/ionic/p-b0ab5300.entry.js +4 -0
  276. package/dist/ionic/p-b3196337.system.entry.js +4 -0
  277. package/dist/ionic/p-bad61026.system.entry.js +4 -0
  278. package/dist/ionic/p-c9b8f9e5.system.entry.js +4 -0
  279. package/dist/ionic/p-cb304e5f.system.entry.js +4 -0
  280. package/dist/ionic/p-d05259ce.system.entry.js +4 -0
  281. package/dist/ionic/p-d5d46104.system.entry.js +4 -0
  282. package/dist/ionic/{p-659086a2.system.entry.js → p-dc5a71e3.system.entry.js} +1 -1
  283. package/dist/ionic/{p-5186ff3f.system.entry.js → p-e0909061.system.entry.js} +1 -1
  284. package/dist/ionic/p-e1635f65.entry.js +4 -0
  285. package/dist/ionic/p-e219aec9.system.entry.js +4 -0
  286. package/dist/ionic/p-e28a6fd5.entry.js +4 -0
  287. package/dist/ionic/{p-381ca6f8.system.entry.js → p-ea90bf85.system.entry.js} +1 -1
  288. package/dist/ionic/p-ee1214e0.system.entry.js +4 -0
  289. package/dist/ionic/p-f065a07b.entry.js +4 -0
  290. package/dist/ionic/{p-16e781a6.system.entry.js → p-f3478ed6.system.entry.js} +1 -1
  291. package/dist/ionic/p-f62739dd.system.entry.js +4 -0
  292. package/dist/ionic/p-ffaba024.system.entry.js +4 -0
  293. package/dist/types/components/input/input.d.ts +0 -6
  294. package/dist/types/components.d.ts +0 -12
  295. package/dist/types/utils/test/playwright/generator.d.ts +1 -3
  296. package/hydrate/index.js +77 -81
  297. package/package.json +1 -1
  298. package/css/themes/high-contrast-dark.always.css +0 -180
  299. package/css/themes/high-contrast-dark.always.css.map +0 -1
  300. package/css/themes/high-contrast-dark.class.css +0 -180
  301. package/css/themes/high-contrast-dark.class.css.map +0 -1
  302. package/css/themes/high-contrast-dark.css +0 -3
  303. package/css/themes/high-contrast-dark.css.map +0 -1
  304. package/css/themes/high-contrast-dark.system.css +0 -182
  305. package/css/themes/high-contrast-dark.system.css.map +0 -1
  306. package/css/themes/high-contrast-light.always.css +0 -101
  307. package/css/themes/high-contrast-light.always.css.map +0 -1
  308. package/css/themes/high-contrast-light.class.css +0 -101
  309. package/css/themes/high-contrast-light.class.css.map +0 -1
  310. package/css/themes/high-contrast-light.css +0 -3
  311. package/css/themes/high-contrast-light.css.map +0 -1
  312. package/css/themes/high-contrast-light.system.css +0 -103
  313. package/css/themes/high-contrast-light.system.css.map +0 -1
  314. package/dist/ionic/p-0055506a.entry.js +0 -4
  315. package/dist/ionic/p-07d725a7.entry.js +0 -4
  316. package/dist/ionic/p-0ac49b0c.system.entry.js +0 -4
  317. package/dist/ionic/p-14b8100f.system.entry.js +0 -4
  318. package/dist/ionic/p-15878390.system.entry.js +0 -4
  319. package/dist/ionic/p-1c445de9.entry.js +0 -4
  320. package/dist/ionic/p-2800e6d5.system.entry.js +0 -4
  321. package/dist/ionic/p-283d8f5e.system.entry.js +0 -4
  322. package/dist/ionic/p-2aa29487.system.entry.js +0 -4
  323. package/dist/ionic/p-305423e0.entry.js +0 -4
  324. package/dist/ionic/p-327211c1.entry.js +0 -4
  325. package/dist/ionic/p-34f05cec.entry.js +0 -4
  326. package/dist/ionic/p-3587df88.system.entry.js +0 -4
  327. package/dist/ionic/p-3f3ae637.system.entry.js +0 -4
  328. package/dist/ionic/p-438b6002.system.entry.js +0 -4
  329. package/dist/ionic/p-4eaf5dcd.system.entry.js +0 -4
  330. package/dist/ionic/p-6793b96e.system.entry.js +0 -4
  331. package/dist/ionic/p-6b0c8263.entry.js +0 -4
  332. package/dist/ionic/p-7e8ef0bb.system.entry.js +0 -4
  333. package/dist/ionic/p-89c5f8ba.system.entry.js +0 -4
  334. package/dist/ionic/p-8a1d33e3.system.entry.js +0 -4
  335. package/dist/ionic/p-97e39972.system.entry.js +0 -4
  336. package/dist/ionic/p-9b930e4f.entry.js +0 -4
  337. package/dist/ionic/p-a114831c.entry.js +0 -4
  338. package/dist/ionic/p-ae8747aa.entry.js +0 -4
  339. package/dist/ionic/p-b13f5e6a.entry.js +0 -4
  340. package/dist/ionic/p-b8213f04.entry.js +0 -4
  341. package/dist/ionic/p-d0291fe9.entry.js +0 -4
  342. package/dist/ionic/p-d5a21de8.entry.js +0 -4
  343. package/dist/ionic/p-db00f04e.entry.js +0 -4
  344. package/dist/ionic/p-ddf79d90.system.entry.js +0 -4
  345. package/dist/ionic/p-def451e2.system.entry.js +0 -4
  346. package/dist/ionic/p-df5134fa.entry.js +0 -4
  347. package/dist/ionic/p-df7aaa62.entry.js +0 -4
  348. package/dist/ionic/p-dfd21411.system.entry.js +0 -4
  349. package/dist/ionic/p-e9a36c6f.entry.js +0 -4
  350. package/dist/ionic/p-ef6ec008.system.entry.js +0 -4
  351. package/dist/ionic/p-ef9e6f77.system.entry.js +0 -4
  352. package/dist/ionic/p-f27b18ba.system.entry.js +0 -4
  353. package/dist/ionic/p-f62122bb.system.entry.js +0 -4
  354. package/dist/ionic/p-fdc3ff96.entry.js +0 -4
package/dist/collection/components/alert/alert.md.css CHANGED
@@ -228,7 +228,7 @@
228
228
 
229
229
  .alert-button.ion-focused,
230
230
  .alert-tappable.ion-focused {
231
- background: var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));
231
+ background: var(--ion-color-step-100, #e6e6e6);
232
232
  }
233
233
 
234
234
  .alert-button-inner {
@@ -447,7 +447,7 @@ textarea.alert-input {
447
447
  padding-inline-end: 24px;
448
448
  padding-top: 20px;
449
449
  padding-bottom: 20px;
450
- color: var(--ion-color-step-550, var(--ion-text-color-step-450, #737373));
450
+ color: var(--ion-color-step-550, #737373);
451
451
  }
452
452
 
453
453
  .alert-message {
@@ -480,11 +480,11 @@ textarea.alert-input {
480
480
  margin-right: 0;
481
481
  margin-top: 5px;
482
482
  margin-bottom: 5px;
483
- border-bottom: 1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));
483
+ border-bottom: 1px solid var(--ion-color-step-150, #d9d9d9);
484
484
  color: var(--ion-text-color, #000);
485
485
  }
486
486
  .alert-input::placeholder {
487
- color: var(--ion-placeholder-color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));
487
+ color: var(--ion-placeholder-color, var(--ion-color-step-400, #999999));
488
488
  font-family: inherit;
489
489
  font-weight: inherit;
490
490
  }
@@ -500,8 +500,8 @@ textarea.alert-input {
500
500
  .alert-radio-group,
501
501
  .alert-checkbox-group {
502
502
  position: relative;
503
- border-top: 1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));
504
- border-bottom: 1px solid var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));
503
+ border-top: 1px solid var(--ion-color-step-150, #d9d9d9);
504
+ border-bottom: 1px solid var(--ion-color-step-150, #d9d9d9);
505
505
  overflow: auto;
506
506
  }
507
507
 
@@ -529,7 +529,7 @@ textarea.alert-input {
529
529
  padding-top: 13px;
530
530
  padding-bottom: 13px;
531
531
  flex: 1;
532
- color: var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));
532
+ color: var(--ion-color-step-850, #262626);
533
533
  font-size: 1rem;
534
534
  }
535
535
 
@@ -542,34 +542,10 @@ textarea.alert-input {
542
542
  height: 20px;
543
543
  border-width: 2px;
544
544
  border-style: solid;
545
- border-color: var(--ion-color-step-550, var(--ion-background-color-step-550, #737373));
545
+ border-color: var(--ion-color-step-550, #737373);
546
546
  }
547
- @supports (inset-inline-start: 0) {
548
- .alert-radio-icon {
549
- inset-inline-start: 26px;
550
- }
551
- }
552
- @supports not (inset-inline-start: 0) {
553
- .alert-radio-icon {
554
- left: 26px;
555
- }
556
- :host-context([dir=rtl]) .alert-radio-icon {
557
- left: unset;
558
- right: unset;
559
- right: 26px;
560
- }
561
- [dir=rtl] .alert-radio-icon {
562
- left: unset;
563
- right: unset;
564
- right: 26px;
565
- }
566
- @supports selector(:dir(rtl)) {
567
- .alert-radio-icon:dir(rtl) {
568
- left: unset;
569
- right: unset;
570
- right: 26px;
571
- }
572
- }
547
+ .alert-radio-icon {
548
+ inset-inline-start: 26px;
573
549
  }
574
550
 
575
551
  .alert-radio-inner {
@@ -582,36 +558,12 @@ textarea.alert-input {
582
558
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
583
559
  background-color: var(--ion-color-primary, #0054e9);
584
560
  }
585
- @supports (inset-inline-start: 0) {
586
- .alert-radio-inner {
587
- inset-inline-start: 3px;
588
- }
589
- }
590
- @supports not (inset-inline-start: 0) {
591
- .alert-radio-inner {
592
- left: 3px;
593
- }
594
- :host-context([dir=rtl]) .alert-radio-inner {
595
- left: unset;
596
- right: unset;
597
- right: 3px;
598
- }
599
- [dir=rtl] .alert-radio-inner {
600
- left: unset;
601
- right: unset;
602
- right: 3px;
603
- }
604
- @supports selector(:dir(rtl)) {
605
- .alert-radio-inner:dir(rtl) {
606
- left: unset;
607
- right: unset;
608
- right: 3px;
609
- }
610
- }
561
+ .alert-radio-inner {
562
+ inset-inline-start: 3px;
611
563
  }
612
564
 
613
565
  [aria-checked=true] .alert-radio-label {
614
- color: var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));
566
+ color: var(--ion-color-step-850, #262626);
615
567
  }
616
568
 
617
569
  [aria-checked=true] .alert-radio-icon {
@@ -631,7 +583,7 @@ textarea.alert-input {
631
583
  padding-bottom: 13px;
632
584
  flex: 1;
633
585
  width: calc(100% - 53px);
634
- color: var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));
586
+ color: var(--ion-color-step-850, #262626);
635
587
  font-size: 1rem;
636
588
  }
637
589
 
@@ -643,35 +595,11 @@ textarea.alert-input {
643
595
  height: 16px;
644
596
  border-width: 2px;
645
597
  border-style: solid;
646
- border-color: var(--ion-color-step-550, var(--ion-background-color-step-550, #737373));
598
+ border-color: var(--ion-color-step-550, #737373);
647
599
  contain: strict;
648
600
  }
649
- @supports (inset-inline-start: 0) {
650
- .alert-checkbox-icon {
651
- inset-inline-start: 26px;
652
- }
653
- }
654
- @supports not (inset-inline-start: 0) {
655
- .alert-checkbox-icon {
656
- left: 26px;
657
- }
658
- :host-context([dir=rtl]) .alert-checkbox-icon {
659
- left: unset;
660
- right: unset;
661
- right: 26px;
662
- }
663
- [dir=rtl] .alert-checkbox-icon {
664
- left: unset;
665
- right: unset;
666
- right: 26px;
667
- }
668
- @supports selector(:dir(rtl)) {
669
- .alert-checkbox-icon:dir(rtl) {
670
- left: unset;
671
- right: unset;
672
- right: 26px;
673
- }
674
- }
601
+ .alert-checkbox-icon {
602
+ inset-inline-start: 26px;
675
603
  }
676
604
 
677
605
  [aria-checked=true] .alert-checkbox-icon {
@@ -691,32 +619,8 @@ textarea.alert-input {
691
619
  border-style: solid;
692
620
  border-color: var(--ion-color-primary-contrast, #fff);
693
621
  }
694
- @supports (inset-inline-start: 0) {
695
- [aria-checked=true] .alert-checkbox-inner {
696
- inset-inline-start: 3px;
697
- }
698
- }
699
- @supports not (inset-inline-start: 0) {
700
- [aria-checked=true] .alert-checkbox-inner {
701
- left: 3px;
702
- }
703
- :host-context([dir=rtl]) [aria-checked=true] .alert-checkbox-inner {
704
- left: unset;
705
- right: unset;
706
- right: 3px;
707
- }
708
- [dir=rtl] [aria-checked=true] .alert-checkbox-inner {
709
- left: unset;
710
- right: unset;
711
- right: 3px;
712
- }
713
- @supports selector(:dir(rtl)) {
714
- [aria-checked=true] .alert-checkbox-inner:dir(rtl) {
715
- left: unset;
716
- right: unset;
717
- right: 3px;
718
- }
719
- }
622
+ [aria-checked=true] .alert-checkbox-inner {
623
+ inset-inline-start: 3px;
720
624
  }
721
625
 
722
626
  .alert-button-group {
package/dist/collection/components/breadcrumb/breadcrumb.ios.css CHANGED
@@ -239,11 +239,11 @@
239
239
  * }
240
240
  */
241
241
  :host {
242
- --color: var(--ion-color-step-850, var(--ion-text-color-step-150, #2d4665));
242
+ --color: var(--ion-color-step-850, #2d4665);
243
243
  --color-active: var(--ion-text-color, #03060b);
244
244
  --color-hover: var(--ion-text-color, #03060b);
245
245
  --color-focused: var(--color-active);
246
- --background-focused: var(--ion-color-step-50, var(--ion-background-color-step-50, rgba(233, 237, 243, 0.7)));
246
+ --background-focused: var(--ion-color-step-50, rgba(233, 237, 243, 0.7));
247
247
  /**
248
248
  * Main content should be prioritized
249
249
  * on iOS, so we set max font size for breadcrumbs.
@@ -281,15 +281,15 @@
281
281
  :host(.ion-focused) ::slotted(ion-icon),
282
282
  :host(.in-breadcrumbs-color.ion-focused) ::slotted(ion-icon),
283
283
  :host(.ion-color.ion-focused) ::slotted(ion-icon) {
284
- color: var(--ion-color-step-750, var(--ion-text-color-step-250, #445b78));
284
+ color: var(--ion-color-step-750, #445b78);
285
285
  }
286
286
 
287
287
  .breadcrumb-separator {
288
- color: var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a));
288
+ color: var(--ion-color-step-550, #73849a);
289
289
  }
290
290
 
291
291
  ::slotted(ion-icon) {
292
- color: var(--ion-color-step-400, var(--ion-text-color-step-600, #92a0b3));
292
+ color: var(--ion-color-step-400, #92a0b3);
293
293
  font-size: min(1.125rem, 21.6px);
294
294
  }
295
295
 
@@ -304,13 +304,13 @@
304
304
  }
305
305
 
306
306
  :host(.breadcrumb-active) ::slotted(ion-icon) {
307
- color: var(--ion-color-step-850, var(--ion-text-color-step-150, #242d39));
307
+ color: var(--ion-color-step-850, #242d39);
308
308
  }
309
309
 
310
310
  .breadcrumbs-collapsed-indicator {
311
311
  border-radius: 4px;
312
- background: var(--ion-color-step-100, var(--ion-background-color-step-100, #e9edf3));
313
- color: var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a));
312
+ background: var(--ion-color-step-100, #e9edf3);
313
+ color: var(--ion-color-step-550, #73849a);
314
314
  }
315
315
 
316
316
  .breadcrumbs-collapsed-indicator:hover {
@@ -318,7 +318,7 @@
318
318
  }
319
319
 
320
320
  .breadcrumbs-collapsed-indicator:focus {
321
- background: var(--ion-color-step-150, var(--ion-background-color-step-150, #d9e0ea));
321
+ background: var(--ion-color-step-150, #d9e0ea);
322
322
  }
323
323
 
324
324
  .breadcrumbs-collapsed-indicator ion-icon {
package/dist/collection/components/breadcrumb/breadcrumb.md.css CHANGED
@@ -239,11 +239,11 @@
239
239
  * }
240
240
  */
241
241
  :host {
242
- --color: var(--ion-color-step-600, var(--ion-text-color-step-400, #677483));
242
+ --color: var(--ion-color-step-600, #677483);
243
243
  --color-active: var(--ion-text-color, #03060b);
244
244
  --color-hover: var(--ion-text-color, #03060b);
245
- --color-focused: var(--ion-color-step-800, var(--ion-text-color-step-200, #35404e));
246
- --background-focused: var(--ion-color-step-50, var(--ion-background-color-step-50, #fff));
245
+ --color-focused: var(--ion-color-step-800, #35404e);
246
+ --background-focused: var(--ion-color-step-50, #fff);
247
247
  }
248
248
 
249
249
  :host(.breadcrumb-active) {
@@ -273,11 +273,11 @@
273
273
  }
274
274
 
275
275
  .breadcrumb-separator {
276
- color: var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a));
276
+ color: var(--ion-color-step-550, #73849a);
277
277
  }
278
278
 
279
279
  ::slotted(ion-icon) {
280
- color: var(--ion-color-step-550, var(--ion-text-color-step-450, #7d8894));
280
+ color: var(--ion-color-step-550, #7d8894);
281
281
  font-size: 1.125rem;
282
282
  }
283
283
 
@@ -292,13 +292,13 @@
292
292
  }
293
293
 
294
294
  :host(.breadcrumb-active) ::slotted(ion-icon) {
295
- color: var(--ion-color-step-850, var(--ion-text-color-step-150, #222d3a));
295
+ color: var(--ion-color-step-850, #222d3a);
296
296
  }
297
297
 
298
298
  .breadcrumbs-collapsed-indicator {
299
299
  border-radius: 2px;
300
- background: var(--ion-color-step-100, var(--ion-background-color-step-100, #eef1f3));
301
- color: var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a));
300
+ background: var(--ion-color-step-100, #eef1f3);
301
+ color: var(--ion-color-step-550, #73849a);
302
302
  }
303
303
 
304
304
  .breadcrumbs-collapsed-indicator:hover {
@@ -306,5 +306,5 @@
306
306
  }
307
307
 
308
308
  .breadcrumbs-collapsed-indicator:focus {
309
- background: var(--ion-color-step-150, var(--ion-background-color-step-150, #dfe5e8));
309
+ background: var(--ion-color-step-150, #dfe5e8);
310
310
  }
package/dist/collection/components/card/card.ios.css CHANGED
@@ -185,7 +185,7 @@ ion-ripple-effect {
185
185
  */
186
186
  :host {
187
187
  --background: var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));
188
- --color: var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))));
188
+ --color: var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-600, #666666)));
189
189
  -webkit-margin-start: 16px;
190
190
  margin-inline-start: 16px;
191
191
  -webkit-margin-end: 16px;
package/dist/collection/components/card/card.md.css CHANGED
@@ -185,7 +185,7 @@ ion-ripple-effect {
185
185
  */
186
186
  :host {
187
187
  --background: var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));
188
- --color: var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))));
188
+ --color: var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-550, #737373)));
189
189
  -webkit-margin-start: 10px;
190
190
  margin-inline-start: 10px;
191
191
  -webkit-margin-end: 10px;
package/dist/collection/components/card-subtitle/card-subtitle.ios.css CHANGED
@@ -122,7 +122,7 @@
122
122
  * }
123
123
  */
124
124
  :host {
125
- --color: var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));
125
+ --color: var(--ion-color-step-600, #666666);
126
126
  margin-left: 0;
127
127
  margin-right: 0;
128
128
  margin-top: 0;
package/dist/collection/components/card-subtitle/card-subtitle.md.css CHANGED
@@ -122,7 +122,7 @@
122
122
  * }
123
123
  */
124
124
  :host {
125
- --color: var(--ion-color-step-550, var(--ion-text-color-step-450, #737373));
125
+ --color: var(--ion-color-step-550, #737373);
126
126
  margin-left: 0;
127
127
  margin-right: 0;
128
128
  margin-top: 0;
package/dist/collection/components/card-title/card-title.md.css CHANGED
@@ -122,7 +122,7 @@
122
122
  * }
123
123
  */
124
124
  :host {
125
- --color: var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));
125
+ --color: var(--ion-color-step-850, #262626);
126
126
  margin-left: 0;
127
127
  margin-right: 0;
128
128
  margin-top: 0;
package/dist/collection/components/checkbox/checkbox.ios.css CHANGED
@@ -128,28 +128,10 @@
128
128
  align-items: center;
129
129
  opacity: 0;
130
130
  }
131
- @supports (inset-inline-start: 0) {
132
- :host(.legacy-checkbox) label {
133
- inset-inline-start: 0;
134
- }
135
- }
136
- @supports not (inset-inline-start: 0) {
137
- :host(.legacy-checkbox) label {
138
- left: 0;
139
- }
140
- :host-context([dir=rtl]):host(.legacy-checkbox) label, :host-context([dir=rtl]).legacy-checkbox label {
141
- left: unset;
142
- right: unset;
143
- right: 0;
144
- }
145
- @supports selector(:dir(rtl)) {
146
- :host(.legacy-checkbox:dir(rtl)) label {
147
- left: unset;
148
- right: unset;
149
- right: 0;
150
- }
151
- }
131
+ :host(.legacy-checkbox) label {
132
+ inset-inline-start: 0;
152
133
  }
134
+
153
135
  :host(.legacy-checkbox) label::-moz-focus-inner {
154
136
  border: 0;
155
137
  }
package/dist/collection/components/checkbox/checkbox.md.css CHANGED
@@ -128,28 +128,10 @@
128
128
  align-items: center;
129
129
  opacity: 0;
130
130
  }
131
- @supports (inset-inline-start: 0) {
132
- :host(.legacy-checkbox) label {
133
- inset-inline-start: 0;
134
- }
135
- }
136
- @supports not (inset-inline-start: 0) {
137
- :host(.legacy-checkbox) label {
138
- left: 0;
139
- }
140
- :host-context([dir=rtl]):host(.legacy-checkbox) label, :host-context([dir=rtl]).legacy-checkbox label {
141
- left: unset;
142
- right: unset;
143
- right: 0;
144
- }
145
- @supports selector(:dir(rtl)) {
146
- :host(.legacy-checkbox:dir(rtl)) label {
147
- left: unset;
148
- right: unset;
149
- right: 0;
150
- }
151
- }
131
+ :host(.legacy-checkbox) label {
132
+ inset-inline-start: 0;
152
133
  }
134
+
153
135
  :host(.legacy-checkbox) label::-moz-focus-inner {
154
136
  border: 0;
155
137
  }
package/dist/collection/components/datetime/datetime.ios.css CHANGED
@@ -186,33 +186,11 @@
186
186
  visibility: hidden;
187
187
  pointer-events: none;
188
188
  }
189
- @supports (inset-inline-start: 0) {
190
- :host(.show-month-and-year) .calendar-next-prev,
191
- :host(.show-month-and-year) .calendar-days-of-week,
192
- :host(.show-month-and-year) .calendar-body,
193
- :host(.show-month-and-year) .datetime-time {
194
- inset-inline-start: -99999px;
195
- }
196
- }
197
- @supports not (inset-inline-start: 0) {
198
- :host(.show-month-and-year) .calendar-next-prev,
199
- :host(.show-month-and-year) .calendar-days-of-week,
200
- :host(.show-month-and-year) .calendar-body,
201
- :host(.show-month-and-year) .datetime-time {
202
- left: -99999px;
203
- }
204
- :host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev, :host-context([dir=rtl]).show-month-and-year .calendar-next-prev, :host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week, :host-context([dir=rtl]).show-month-and-year .calendar-days-of-week, :host-context([dir=rtl]):host(.show-month-and-year) .calendar-body, :host-context([dir=rtl]).show-month-and-year .calendar-body, :host-context([dir=rtl]):host(.show-month-and-year) .datetime-time, :host-context([dir=rtl]).show-month-and-year .datetime-time {
205
- left: unset;
206
- right: unset;
207
- right: -99999px;
208
- }
209
- @supports selector(:dir(rtl)) {
210
- :host(.show-month-and-year:dir(rtl)) .calendar-next-prev, :host(.show-month-and-year:dir(rtl)) .calendar-days-of-week, :host(.show-month-and-year:dir(rtl)) .calendar-body, :host(.show-month-and-year:dir(rtl)) .datetime-time {
211
- left: unset;
212
- right: unset;
213
- right: -99999px;
214
- }
215
- }
189
+ :host(.show-month-and-year) .calendar-next-prev,
190
+ :host(.show-month-and-year) .calendar-days-of-week,
191
+ :host(.show-month-and-year) .calendar-body,
192
+ :host(.show-month-and-year) .datetime-time {
193
+ inset-inline-start: -99999px;
216
194
  }
217
195
  }
218
196
  /**
@@ -473,7 +451,7 @@
473
451
  padding-bottom: 6px;
474
452
  display: flex;
475
453
  border: none;
476
- background: var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));
454
+ background: var(--ion-color-step-300, #edeef0);
477
455
  color: var(--ion-text-color, #000);
478
456
  font-family: inherit;
479
457
  font-size: inherit;
@@ -615,7 +593,7 @@ ion-picker {
615
593
  :host {
616
594
  --background: var(--ion-color-light, #f6f8fc);
617
595
  --background-rgb: var(--ion-color-light-rgb, 246, 248, 252);
618
- --title-color: var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));
596
+ --title-color: var(--ion-color-step-600, #666666);
619
597
  }
620
598
 
621
599
  :host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),
@@ -631,7 +609,7 @@ ion-picker {
631
609
  padding-inline-end: 16px;
632
610
  padding-top: 16px;
633
611
  padding-bottom: 16px;
634
- border-bottom: 0.55px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #cccccc));
612
+ border-bottom: 0.55px solid var(--ion-color-step-200, #cccccc);
635
613
  font-size: min(0.875rem, 22.4px);
636
614
  }
637
615
 
@@ -693,7 +671,7 @@ ion-picker {
693
671
  padding-inline-end: 8px;
694
672
  padding-top: 0;
695
673
  padding-bottom: 0;
696
- color: var(--ion-color-step-300, var(--ion-text-color-step-700, #b3b3b3));
674
+ color: var(--ion-color-step-300, #b3b3b3);
697
675
  font-size: min(0.75rem, 19.2px);
698
676
  font-weight: 600;
699
677
  line-height: 24px;
@@ -888,7 +866,7 @@ ion-picker {
888
866
  padding-inline-end: 8px;
889
867
  padding-top: 8px;
890
868
  padding-bottom: 8px;
891
- border-top: 0.55px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #cccccc));
869
+ border-top: 0.55px solid var(--ion-color-step-200, #cccccc);
892
870
  }
893
871
 
894
872
  :host .datetime-buttons ::slotted(ion-buttons),
package/dist/collection/components/datetime/datetime.md.css CHANGED
@@ -186,33 +186,11 @@
186
186
  visibility: hidden;
187
187
  pointer-events: none;
188
188
  }
189
- @supports (inset-inline-start: 0) {
190
- :host(.show-month-and-year) .calendar-next-prev,
191
- :host(.show-month-and-year) .calendar-days-of-week,
192
- :host(.show-month-and-year) .calendar-body,
193
- :host(.show-month-and-year) .datetime-time {
194
- inset-inline-start: -99999px;
195
- }
196
- }
197
- @supports not (inset-inline-start: 0) {
198
- :host(.show-month-and-year) .calendar-next-prev,
199
- :host(.show-month-and-year) .calendar-days-of-week,
200
- :host(.show-month-and-year) .calendar-body,
201
- :host(.show-month-and-year) .datetime-time {
202
- left: -99999px;
203
- }
204
- :host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev, :host-context([dir=rtl]).show-month-and-year .calendar-next-prev, :host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week, :host-context([dir=rtl]).show-month-and-year .calendar-days-of-week, :host-context([dir=rtl]):host(.show-month-and-year) .calendar-body, :host-context([dir=rtl]).show-month-and-year .calendar-body, :host-context([dir=rtl]):host(.show-month-and-year) .datetime-time, :host-context([dir=rtl]).show-month-and-year .datetime-time {
205
- left: unset;
206
- right: unset;
207
- right: -99999px;
208
- }
209
- @supports selector(:dir(rtl)) {
210
- :host(.show-month-and-year:dir(rtl)) .calendar-next-prev, :host(.show-month-and-year:dir(rtl)) .calendar-days-of-week, :host(.show-month-and-year:dir(rtl)) .calendar-body, :host(.show-month-and-year:dir(rtl)) .datetime-time {
211
- left: unset;
212
- right: unset;
213
- right: -99999px;
214
- }
215
- }
189
+ :host(.show-month-and-year) .calendar-next-prev,
190
+ :host(.show-month-and-year) .calendar-days-of-week,
191
+ :host(.show-month-and-year) .calendar-body,
192
+ :host(.show-month-and-year) .datetime-time {
193
+ inset-inline-start: -99999px;
216
194
  }
217
195
  }
218
196
  /**
@@ -473,7 +451,7 @@
473
451
  padding-bottom: 6px;
474
452
  display: flex;
475
453
  border: none;
476
- background: var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));
454
+ background: var(--ion-color-step-300, #edeef0);
477
455
  color: var(--ion-text-color, #000);
478
456
  font-family: inherit;
479
457
  font-size: inherit;
@@ -613,7 +591,7 @@ ion-picker {
613
591
  * }
614
592
  */
615
593
  :host {
616
- --background: var(--ion-color-step-100, var(--ion-background-color-step-100, #ffffff));
594
+ --background: var(--ion-color-step-100, #ffffff);
617
595
  --title-color: var(--ion-color-contrast);
618
596
  }
619
597
 
@@ -639,7 +617,7 @@ ion-picker {
639
617
  }
640
618
 
641
619
  :host .calendar-action-buttons ion-button {
642
- --color: var(--ion-color-step-650, var(--ion-text-color-step-350, #595959));
620
+ --color: var(--ion-color-step-650, #595959);
643
621
  }
644
622
 
645
623
  .calendar-month-year-toggle {
@@ -651,7 +629,7 @@ ion-picker {
651
629
  padding-bottom: 12px;
652
630
  min-height: 48px;
653
631
  background: transparent;
654
- color: var(--ion-color-step-650, var(--ion-text-color-step-350, #595959));
632
+ color: var(--ion-color-step-650, #595959);
655
633
  z-index: 1;
656
634
  }
657
635
  .calendar-month-year-toggle.ion-focused::after {
@@ -675,7 +653,7 @@ ion-picker {
675
653
  padding-inline-end: 10px;
676
654
  padding-top: 0px;
677
655
  padding-bottom: 0px;
678
- color: var(--ion-color-step-500, var(--ion-text-color-step-500, gray));
656
+ color: var(--ion-color-step-500, gray);
679
657
  font-size: 0.875rem;
680
658
  line-height: 36px;
681
659
  }
@@ -737,7 +715,7 @@ ion-picker {
737
715
  }
738
716
 
739
717
  :host .time-header {
740
- color: var(--ion-color-step-650, var(--ion-text-color-step-350, #595959));
718
+ color: var(--ion-color-step-650, #595959);
741
719
  }
742
720
 
743
721
  /**
package/dist/collection/components/datetime-button/datetime-button.css CHANGED
@@ -77,7 +77,7 @@
77
77
  position: relative;
78
78
  transition: 150ms color ease-in-out;
79
79
  border: none;
80
- background: var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));
80
+ background: var(--ion-color-step-300, #edeef0);
81
81
  color: var(--ion-text-color, #000);
82
82
  font-family: inherit;
83
83
  font-size: 1rem;
package/dist/collection/components/fab-list/fab-list.css CHANGED
@@ -184,27 +184,8 @@
184
184
  margin-bottom: 0;
185
185
  flex-direction: row-reverse;
186
186
  }
187
- @supports (inset-inline-start: 0) {
188
- :host(.fab-list-side-start) {
189
- inset-inline-end: 0;
190
- }
191
- }
192
- @supports not (inset-inline-start: 0) {
193
- :host(.fab-list-side-start) {
194
- right: 0;
195
- }
196
- :host-context([dir=rtl]):host(.fab-list-side-start), :host-context([dir=rtl]).fab-list-side-start {
197
- left: unset;
198
- right: unset;
199
- left: 0;
200
- }
201
- @supports selector(:dir(rtl)) {
202
- :host(.fab-list-side-start:dir(rtl)) {
203
- left: unset;
204
- right: unset;
205
- left: 0;
206
- }
207
- }
187
+ :host(.fab-list-side-start) {
188
+ inset-inline-end: 0;
208
189
  }
209
190
 
210
191
  :host(.fab-list-side-end) {
@@ -216,25 +197,6 @@
216
197
  margin-bottom: 0;
217
198
  flex-direction: row;
218
199
  }
219
- @supports (inset-inline-start: 0) {
220
- :host(.fab-list-side-end) {
221
- inset-inline-start: 0;
222
- }
223
- }
224
- @supports not (inset-inline-start: 0) {
225
- :host(.fab-list-side-end) {
226
- left: 0;
227
- }
228
- :host-context([dir=rtl]):host(.fab-list-side-end), :host-context([dir=rtl]).fab-list-side-end {
229
- left: unset;
230
- right: unset;
231
- right: 0;
232
- }
233
- @supports selector(:dir(rtl)) {
234
- :host(.fab-list-side-end:dir(rtl)) {
235
- left: unset;
236
- right: unset;
237
- right: 0;
238
- }
239
- }
200
+ :host(.fab-list-side-end) {
201
+ inset-inline-start: 0;
240
202
  }