@ionic/core 8.5.5-dev.11747137265.184b7749 → 8.5.5-dev.11747232541.1f7a2d34

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 (260) hide show
  1. package/components/button.js +7 -6
  2. package/components/checkbox.js +1 -1
  3. package/components/header.js +1 -1
  4. package/components/ion-accordion-group.js +1 -1
  5. package/components/ion-accordion.js +1 -1
  6. package/components/ion-avatar.js +1 -1
  7. package/components/ion-badge.js +1 -1
  8. package/components/ion-card-content.js +1 -1
  9. package/components/ion-card-header.js +1 -1
  10. package/components/ion-card-subtitle.js +1 -1
  11. package/components/ion-card.js +1 -1
  12. package/components/ion-chip.js +1 -1
  13. package/components/ion-datetime.js +1 -1
  14. package/components/ion-divider.js +1 -1
  15. package/components/ion-input.js +1 -1
  16. package/components/ion-item-option.js +1 -1
  17. package/components/ion-item-options.js +1 -1
  18. package/components/ion-progress-bar.js +1 -1
  19. package/components/ion-range.js +1 -1
  20. package/components/ion-searchbar.js +1 -1
  21. package/components/ion-segment-button.js +1 -1
  22. package/components/ion-select.js +1 -1
  23. package/components/ion-tab-bar.js +1 -1
  24. package/components/ion-tab-button.js +1 -1
  25. package/components/ion-textarea.js +1 -1
  26. package/components/ion-toast.js +1 -1
  27. package/components/ion-toggle.js +1 -1
  28. package/components/item.js +1 -1
  29. package/components/list-header.js +1 -1
  30. package/components/list.js +1 -1
  31. package/components/modal.js +1 -1
  32. package/components/radio-group.js +1 -1
  33. package/components/radio.js +1 -1
  34. package/components/select-modal.js +1 -1
  35. package/components/title.js +1 -1
  36. package/components/toolbar.js +1 -1
  37. package/css/ionic/bundle.ionic.css +1 -1
  38. package/css/ionic/bundle.ionic.css.map +1 -1
  39. package/css/ionic/core.ionic.css +1 -1
  40. package/css/ionic/core.ionic.css.map +1 -1
  41. package/css/ionic/global.bundle.ionic.css +1 -1
  42. package/css/ionic/global.bundle.ionic.css.map +1 -1
  43. package/css/ionic/ionic-swiper.ionic.css +1 -1
  44. package/css/ionic/ionic-swiper.ionic.css.map +1 -1
  45. package/css/ionic/link.ionic.css +1 -1
  46. package/css/ionic/link.ionic.css.map +1 -1
  47. package/css/ionic/typography.ionic.css +1 -1
  48. package/css/ionic/typography.ionic.css.map +1 -1
  49. package/css/ionic/utils.bundle.ionic.css +1 -1
  50. package/css/ionic/utils.bundle.ionic.css.map +1 -1
  51. package/dist/cjs/ion-accordion_2.cjs.entry.js +2 -2
  52. package/dist/cjs/ion-app_8.cjs.entry.js +3 -3
  53. package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
  54. package/dist/cjs/ion-button_2.cjs.entry.js +7 -6
  55. package/dist/cjs/ion-card_5.cjs.entry.js +4 -4
  56. package/dist/cjs/ion-checkbox.cjs.entry.js +1 -1
  57. package/dist/cjs/ion-chip.cjs.entry.js +1 -1
  58. package/dist/cjs/ion-datetime_3.cjs.entry.js +1 -1
  59. package/dist/cjs/ion-divider.cjs.entry.js +1 -1
  60. package/dist/cjs/ion-input.cjs.entry.js +1 -1
  61. package/dist/cjs/ion-item-option_3.cjs.entry.js +2 -2
  62. package/dist/cjs/ion-item_8.cjs.entry.js +3 -3
  63. package/dist/cjs/ion-modal.cjs.entry.js +1 -1
  64. package/dist/cjs/ion-progress-bar.cjs.entry.js +1 -1
  65. package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
  66. package/dist/cjs/ion-range.cjs.entry.js +1 -1
  67. package/dist/cjs/ion-searchbar.cjs.entry.js +1 -1
  68. package/dist/cjs/ion-segment_2.cjs.entry.js +1 -1
  69. package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
  70. package/dist/cjs/ion-select_3.cjs.entry.js +1 -1
  71. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +2 -2
  72. package/dist/cjs/ion-textarea.cjs.entry.js +1 -1
  73. package/dist/cjs/ion-toast.cjs.entry.js +1 -1
  74. package/dist/cjs/ion-toggle.cjs.entry.js +1 -1
  75. package/dist/collection/components/accordion/accordion.ionic.css +20 -20
  76. package/dist/collection/components/accordion-group/accordion-group.ionic.css +14 -14
  77. package/dist/collection/components/avatar/avatar.ionic.css +25 -25
  78. package/dist/collection/components/badge/badge.ionic.css +20 -20
  79. package/dist/collection/components/button/button.ionic.css +56 -57
  80. package/dist/collection/components/button/button.js +9 -8
  81. package/dist/collection/components/card/card.ionic.css +3 -3
  82. package/dist/collection/components/card-content/card-content.ionic.css +10 -10
  83. package/dist/collection/components/card-header/card-header.ionic.css +7 -7
  84. package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +1 -1
  85. package/dist/collection/components/checkbox/checkbox.ionic.css +29 -29
  86. package/dist/collection/components/chip/chip.ionic.css +17 -17
  87. package/dist/collection/components/datetime/datetime.ionic.css +52 -52
  88. package/dist/collection/components/divider/divider.ionic.css +15 -15
  89. package/dist/collection/components/header/header.ionic.css +3 -3
  90. package/dist/collection/components/input/input.ionic.css +28 -28
  91. package/dist/collection/components/item/item.ionic.css +16 -16
  92. package/dist/collection/components/item-option/item-option.ionic.css +22 -22
  93. package/dist/collection/components/item-options/item-options.ionic.css +5 -5
  94. package/dist/collection/components/list/list.ionic.css +27 -27
  95. package/dist/collection/components/list-header/list-header.ionic.css +7 -7
  96. package/dist/collection/components/modal/modal.ionic.css +13 -13
  97. package/dist/collection/components/progress-bar/progress-bar.ionic.css +4 -4
  98. package/dist/collection/components/radio/radio.ionic.css +12 -12
  99. package/dist/collection/components/radio-group/radio-group.ionic.css +11 -11
  100. package/dist/collection/components/range/range.ionic.css +29 -29
  101. package/dist/collection/components/searchbar/searchbar.ionic.css +76 -76
  102. package/dist/collection/components/segment-button/segment-button.ionic.css +14 -14
  103. package/dist/collection/components/select/select.ionic.css +31 -31
  104. package/dist/collection/components/select-modal/select-modal.ionic.css +7 -7
  105. package/dist/collection/components/tab-bar/tab-bar.ionic.css +20 -20
  106. package/dist/collection/components/tab-button/tab-button.ionic.css +6 -6
  107. package/dist/collection/components/textarea/textarea.ionic.css +35 -35
  108. package/dist/collection/components/title/title.ionic.css +2 -2
  109. package/dist/collection/components/toast/toast.ionic.css +32 -32
  110. package/dist/collection/components/toggle/toggle.ionic.css +11 -11
  111. package/dist/collection/components/toolbar/toolbar.ionic.css +14 -14
  112. package/dist/docs.json +9 -5
  113. package/dist/esm/ion-accordion_2.entry.js +2 -2
  114. package/dist/esm/ion-app_8.entry.js +3 -3
  115. package/dist/esm/ion-avatar_3.entry.js +2 -2
  116. package/dist/esm/ion-button_2.entry.js +7 -6
  117. package/dist/esm/ion-card_5.entry.js +4 -4
  118. package/dist/esm/ion-checkbox.entry.js +1 -1
  119. package/dist/esm/ion-chip.entry.js +1 -1
  120. package/dist/esm/ion-datetime_3.entry.js +1 -1
  121. package/dist/esm/ion-divider.entry.js +1 -1
  122. package/dist/esm/ion-input.entry.js +1 -1
  123. package/dist/esm/ion-item-option_3.entry.js +2 -2
  124. package/dist/esm/ion-item_8.entry.js +3 -3
  125. package/dist/esm/ion-modal.entry.js +1 -1
  126. package/dist/esm/ion-progress-bar.entry.js +1 -1
  127. package/dist/esm/ion-radio_2.entry.js +2 -2
  128. package/dist/esm/ion-range.entry.js +1 -1
  129. package/dist/esm/ion-searchbar.entry.js +1 -1
  130. package/dist/esm/ion-segment_2.entry.js +1 -1
  131. package/dist/esm/ion-select-modal.entry.js +1 -1
  132. package/dist/esm/ion-select_3.entry.js +1 -1
  133. package/dist/esm/ion-tab-bar_2.entry.js +2 -2
  134. package/dist/esm/ion-textarea.entry.js +1 -1
  135. package/dist/esm/ion-toast.entry.js +1 -1
  136. package/dist/esm/ion-toggle.entry.js +1 -1
  137. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  138. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  139. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  140. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  141. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  142. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  143. package/dist/esm-es5/ion-chip.entry.js +1 -1
  144. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  145. package/dist/esm-es5/ion-divider.entry.js +1 -1
  146. package/dist/esm-es5/ion-input.entry.js +1 -1
  147. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  148. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  149. package/dist/esm-es5/ion-modal.entry.js +1 -1
  150. package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
  151. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  152. package/dist/esm-es5/ion-range.entry.js +1 -1
  153. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  154. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  155. package/dist/esm-es5/ion-select-modal.entry.js +1 -1
  156. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  157. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  158. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  159. package/dist/esm-es5/ion-toast.entry.js +1 -1
  160. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  161. package/dist/html.html-data.json +4 -1
  162. package/dist/ionic/ionic.esm.js +1 -1
  163. package/dist/ionic/p-03f0f489.entry.js +4 -0
  164. package/dist/ionic/p-050d7d1f.entry.js +4 -0
  165. package/dist/ionic/p-05488e5f.entry.js +4 -0
  166. package/dist/ionic/p-19e67d40.system.entry.js +4 -0
  167. package/dist/ionic/p-211efa34.system.entry.js +4 -0
  168. package/dist/ionic/p-21a9241b.system.entry.js +4 -0
  169. package/dist/ionic/p-28253576.system.entry.js +4 -0
  170. package/dist/ionic/{p-19544c40.entry.js → p-2a3df287.entry.js} +1 -1
  171. package/dist/ionic/p-30bae1a8.entry.js +4 -0
  172. package/dist/ionic/p-3f616348.system.entry.js +4 -0
  173. package/dist/ionic/p-41003775.entry.js +4 -0
  174. package/dist/ionic/p-41357931.system.entry.js +4 -0
  175. package/dist/ionic/p-488e56da.system.entry.js +4 -0
  176. package/dist/ionic/p-4ecb7892.entry.js +4 -0
  177. package/dist/ionic/p-577c1150.entry.js +4 -0
  178. package/dist/ionic/p-59d3caf4.entry.js +4 -0
  179. package/dist/ionic/p-5b2f411a.system.entry.js +4 -0
  180. package/dist/ionic/p-5bba46fc.system.entry.js +4 -0
  181. package/dist/ionic/p-5ceac493.entry.js +4 -0
  182. package/dist/ionic/p-5f582e4f.system.entry.js +4 -0
  183. package/dist/ionic/p-63c2257c.system.entry.js +4 -0
  184. package/dist/ionic/p-6b98a989.system.entry.js +4 -0
  185. package/dist/ionic/{p-93f7ddd5.entry.js → p-6c0e6625.entry.js} +1 -1
  186. package/dist/ionic/p-71d87b11.system.entry.js +4 -0
  187. package/dist/ionic/p-73db2a7e.system.entry.js +4 -0
  188. package/dist/ionic/p-75871b9f.entry.js +4 -0
  189. package/dist/ionic/p-7d1774f8.system.entry.js +4 -0
  190. package/dist/ionic/{p-3e161a46.entry.js → p-85c51a6a.entry.js} +1 -1
  191. package/dist/ionic/p-8f56be51.entry.js +4 -0
  192. package/dist/ionic/p-906b0781.entry.js +4 -0
  193. package/dist/ionic/p-9207650a.entry.js +4 -0
  194. package/dist/ionic/p-979f9a47.entry.js +4 -0
  195. package/dist/ionic/p-9acea98c.entry.js +4 -0
  196. package/dist/ionic/p-9bd072c2.system.entry.js +4 -0
  197. package/dist/ionic/p-a42ddbb3.system.entry.js +4 -0
  198. package/dist/ionic/p-a8759b16.entry.js +4 -0
  199. package/dist/ionic/p-a8fd8c07.entry.js +4 -0
  200. package/dist/ionic/p-afe776fc.system.entry.js +4 -0
  201. package/dist/ionic/p-b65e5cc0.system.entry.js +4 -0
  202. package/dist/ionic/p-b9298bee.entry.js +4 -0
  203. package/dist/ionic/p-c419b6b0.system.entry.js +4 -0
  204. package/dist/ionic/p-c8b9efc6.entry.js +4 -0
  205. package/dist/ionic/p-db8ffacb.system.js +1 -1
  206. package/dist/ionic/{p-8131e086.system.entry.js → p-e25667a4.system.entry.js} +1 -1
  207. package/dist/ionic/p-e35f0d82.system.entry.js +4 -0
  208. package/dist/ionic/p-f1bf5430.system.entry.js +4 -0
  209. package/dist/ionic/p-f1d7ea25.system.entry.js +4 -0
  210. package/dist/ionic/p-f3219e90.entry.js +4 -0
  211. package/dist/ionic/p-fdc14546.entry.js +4 -0
  212. package/dist/types/components/button/button.d.ts +5 -4
  213. package/dist/types/components.d.ts +4 -4
  214. package/hydrate/index.js +42 -41
  215. package/hydrate/index.mjs +42 -41
  216. package/package.json +1 -1
  217. package/dist/ionic/p-09072d3b.entry.js +0 -4
  218. package/dist/ionic/p-0d297574.system.entry.js +0 -4
  219. package/dist/ionic/p-16fd70b2.entry.js +0 -4
  220. package/dist/ionic/p-22e704a0.entry.js +0 -4
  221. package/dist/ionic/p-25679df9.system.entry.js +0 -4
  222. package/dist/ionic/p-259dcfa3.entry.js +0 -4
  223. package/dist/ionic/p-25fb485f.system.entry.js +0 -4
  224. package/dist/ionic/p-26d7c6fd.system.entry.js +0 -4
  225. package/dist/ionic/p-3533c471.system.entry.js +0 -4
  226. package/dist/ionic/p-3824cffd.entry.js +0 -4
  227. package/dist/ionic/p-39b0a811.entry.js +0 -4
  228. package/dist/ionic/p-3b98dd61.system.entry.js +0 -4
  229. package/dist/ionic/p-43d6a02c.system.entry.js +0 -4
  230. package/dist/ionic/p-44b1fefc.entry.js +0 -4
  231. package/dist/ionic/p-49664bbc.system.entry.js +0 -4
  232. package/dist/ionic/p-4a767053.entry.js +0 -4
  233. package/dist/ionic/p-548cd1e5.system.entry.js +0 -4
  234. package/dist/ionic/p-67cded2a.system.entry.js +0 -4
  235. package/dist/ionic/p-7c6f71eb.entry.js +0 -4
  236. package/dist/ionic/p-8402b59e.system.entry.js +0 -4
  237. package/dist/ionic/p-840f1c59.entry.js +0 -4
  238. package/dist/ionic/p-84ac0a34.system.entry.js +0 -4
  239. package/dist/ionic/p-85c7c591.system.entry.js +0 -4
  240. package/dist/ionic/p-88aa79f6.entry.js +0 -4
  241. package/dist/ionic/p-940bc10a.system.entry.js +0 -4
  242. package/dist/ionic/p-97a351b5.entry.js +0 -4
  243. package/dist/ionic/p-a47bffd6.system.entry.js +0 -4
  244. package/dist/ionic/p-a6a71315.entry.js +0 -4
  245. package/dist/ionic/p-aba2d55f.system.entry.js +0 -4
  246. package/dist/ionic/p-acee3852.entry.js +0 -4
  247. package/dist/ionic/p-ad3f30b4.system.entry.js +0 -4
  248. package/dist/ionic/p-b5e3859a.entry.js +0 -4
  249. package/dist/ionic/p-b79a47ba.entry.js +0 -4
  250. package/dist/ionic/p-c0b7f342.entry.js +0 -4
  251. package/dist/ionic/p-c18ffa8b.entry.js +0 -4
  252. package/dist/ionic/p-c47e7149.system.entry.js +0 -4
  253. package/dist/ionic/p-c847b24b.system.entry.js +0 -4
  254. package/dist/ionic/p-d2314315.system.entry.js +0 -4
  255. package/dist/ionic/p-d6662277.entry.js +0 -4
  256. package/dist/ionic/p-dbbfcd15.entry.js +0 -4
  257. package/dist/ionic/p-dfb63dc2.system.entry.js +0 -4
  258. package/dist/ionic/p-e09bb245.system.entry.js +0 -4
  259. package/dist/ionic/p-ed4cf0aa.system.entry.js +0 -4
  260. package/dist/ionic/p-f6a03670.entry.js +0 -4
package/dist/collection/components/toast/toast.ionic.css CHANGED
@@ -239,12 +239,12 @@ Do not edit directly, this file was auto-generated.
239
239
  :host {
240
240
  --box-shadow: var(--ion-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));
241
241
  --max-width: 343px;
242
- --start: var(--ion-space-200, 8px);
243
- --end: var(--ion-space-200, 8px);
242
+ --start: var(--ion-space-200, var(--ion-scale-200, 8px));
243
+ --end: var(--ion-space-200, var(--ion-scale-200, 8px));
244
244
  font-size: var(--ion-font-size-350, 0.875rem);
245
245
  font-weight: var(--ion-font-weight-medium, 500);
246
246
  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
247
- line-height: var(--ion-font-line-height-600, 24px);
247
+ line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
248
248
  text-decoration: none;
249
249
  text-transform: none;
250
250
  z-index: 1001;
@@ -283,62 +283,62 @@ Do not edit directly, this file was auto-generated.
283
283
  }
284
284
 
285
285
  .toast-container {
286
- -webkit-padding-start: var(--ion-space-400, 16px);
287
- padding-inline-start: var(--ion-space-400, 16px);
288
- -webkit-padding-end: var(--ion-space-400, 16px);
289
- padding-inline-end: var(--ion-space-400, 16px);
290
- padding-top: var(--ion-space-300, 12px);
291
- padding-bottom: var(--ion-space-300, 12px);
286
+ -webkit-padding-start: var(--ion-space-400, var(--ion-scale-400, 16px));
287
+ padding-inline-start: var(--ion-space-400, var(--ion-scale-400, 16px));
288
+ -webkit-padding-end: var(--ion-space-400, var(--ion-scale-400, 16px));
289
+ padding-inline-end: var(--ion-space-400, var(--ion-scale-400, 16px));
290
+ padding-top: var(--ion-space-300, var(--ion-scale-300, 12px));
291
+ padding-bottom: var(--ion-space-300, var(--ion-scale-300, 12px));
292
292
  }
293
293
 
294
294
  :host(.toast-shape-soft) {
295
- --border-radius: var(--ion-border-radius-200, 8px);
295
+ --border-radius: var(--ion-border-radius-200, var(--ion-scale-200, 8px));
296
296
  }
297
297
 
298
298
  :host(.toast-shape-round) {
299
- --border-radius: var(--ion-border-radius-400, 16px);
299
+ --border-radius: var(--ion-border-radius-400, var(--ion-scale-400, 16px));
300
300
  }
301
301
 
302
302
  :host(.toast-shape-rectangular) {
303
- --border-radius: var(--ion-border-radius-0, 0px);
303
+ --border-radius: var(--ion-border-radius-0, var(--ion-scale-0, 0px));
304
304
  }
305
305
 
306
306
  .toast-header {
307
307
  font-size: var(--ion-font-size-450, 1.125rem);
308
308
  font-weight: var(--ion-font-weight-medium, 500);
309
309
  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
310
- line-height: var(--ion-font-line-height-700, 28px);
310
+ line-height: var(--ion-font-line-height-700, var(--ion-scale-700, 28px));
311
311
  text-decoration: none;
312
312
  text-transform: none;
313
313
  }
314
314
 
315
315
  .toast-layout-baseline .toast-button-group-start {
316
- -webkit-margin-end: var(--ion-space-400, 16px);
317
- margin-inline-end: var(--ion-space-400, 16px);
316
+ -webkit-margin-end: var(--ion-space-400, var(--ion-scale-400, 16px));
317
+ margin-inline-end: var(--ion-space-400, var(--ion-scale-400, 16px));
318
318
  }
319
319
 
320
320
  .toast-layout-stacked .toast-button-group-start {
321
- margin-bottom: var(--ion-space-400, 16px);
321
+ margin-bottom: var(--ion-space-400, var(--ion-scale-400, 16px));
322
322
  }
323
323
 
324
324
  .toast-layout-baseline .toast-button-group-end {
325
- -webkit-margin-start: var(--ion-space-400, 16px);
326
- margin-inline-start: var(--ion-space-400, 16px);
325
+ -webkit-margin-start: var(--ion-space-400, var(--ion-scale-400, 16px));
326
+ margin-inline-start: var(--ion-space-400, var(--ion-scale-400, 16px));
327
327
  }
328
328
 
329
329
  .toast-layout-stacked .toast-button-group-end {
330
- margin-top: var(--ion-space-400, 16px);
330
+ margin-top: var(--ion-space-400, var(--ion-scale-400, 16px));
331
331
  }
332
332
 
333
333
  .toast-button-group {
334
- gap: var(--ion-space-400, 16px);
334
+ gap: var(--ion-space-400, var(--ion-scale-400, 16px));
335
335
  }
336
336
 
337
337
  .toast-button {
338
338
  font-size: var(--ion-font-size-350, 0.875rem);
339
339
  font-weight: var(--ion-font-weight-regular, 400);
340
340
  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
341
- line-height: var(--ion-font-line-height-600, 24px);
341
+ line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
342
342
  text-decoration: none;
343
343
  text-transform: none;
344
344
  padding-left: 0;
@@ -354,8 +354,8 @@ Do not edit directly, this file was auto-generated.
354
354
  .toast-icon {
355
355
  -webkit-margin-start: 0;
356
356
  margin-inline-start: 0;
357
- -webkit-margin-end: var(--ion-space-200, 8px);
358
- margin-inline-end: var(--ion-space-200, 8px);
357
+ -webkit-margin-end: var(--ion-space-200, var(--ion-scale-200, 8px));
358
+ margin-inline-end: var(--ion-space-200, var(--ion-scale-200, 8px));
359
359
  }
360
360
 
361
361
  .toast-icon,
@@ -364,10 +364,10 @@ Do not edit directly, this file was auto-generated.
364
364
  }
365
365
 
366
366
  :host(.toast-hue-bold) {
367
- --background: var(--ion-bg-neutral-boldest-default, #242424);
368
- --background-activated: var(--ion-bg-neutral-boldest-press, #111111);
369
- --color: var(--ion-text-inverse, #ffffff);
370
- --button-color: var(--ion-text-inverse, #ffffff);
367
+ --background: var(--ion-bg-neutral-boldest-default, var(--ion-primitives-neutral-1200, #242424));
368
+ --background-activated: var(--ion-bg-neutral-boldest-press, var(--ion-primitives-base-black, #111111));
369
+ --color: var(--ion-text-inverse, var(--ion-primitives-base-white, #ffffff));
370
+ --button-color: var(--ion-text-inverse, var(--ion-primitives-base-white, #ffffff));
371
371
  }
372
372
 
373
373
  :host(.toast-hue-bold.ion-color) .toast-wrapper {
@@ -380,14 +380,14 @@ Do not edit directly, this file was auto-generated.
380
380
  }
381
381
 
382
382
  :host(.toast-hue-subtle) {
383
- --background: var(--ion-bg-neutral-subtlest-default, #ffffff);
384
- --background-activated: var(--ion-bg-neutral-subtlest-press, #efefef);
385
- --color: var(--ion-text-default, #242424);
386
- --button-color: var(--ion-text-link-default, #105cef);
383
+ --background: var(--ion-bg-neutral-subtlest-default, var(--ion-primitives-base-white, #ffffff));
384
+ --background-activated: var(--ion-bg-neutral-subtlest-press, var(--ion-primitives-neutral-200, #efefef));
385
+ --color: var(--ion-text-default, var(--ion-primitives-neutral-1200, #242424));
386
+ --button-color: var(--ion-text-link-default, var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef))));
387
387
  }
388
388
 
389
389
  :host(.toast-hue-subtle) .toast-button-cancel {
390
- color: var(--ion-icon-subtlest, #626262);
390
+ color: var(--ion-icon-subtlest, var(--ion-primitives-neutral-800, #626262));
391
391
  }
392
392
 
393
393
  :host(.toast-hue-subtle.ion-color) .toast-wrapper {
package/dist/collection/components/toggle/toggle.ionic.css CHANGED
@@ -369,23 +369,23 @@ input {
369
369
 
370
370
  :host {
371
371
  --track-background: var(--ion-primitives-neutral-800, #626262);
372
- --track-background-checked: var(--ion-color-primary, var(--ion-bg-primary-base-default, #105cef));
372
+ --track-background-checked: var(--ion-color-primary, var(--ion-bg-primary-base-default, var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)))));
373
373
  --border-radius: var(--ion-border-radius-full, 999px);
374
- --focus-ring-color: var(--ion-border-focus-default, #b5c0f7);
375
- --focus-ring-width: var(--ion-border-size-050, 2px);
374
+ --focus-ring-color: var(--ion-border-focus-default, var(--ion-primitives-blue-400, #b5c0f7));
375
+ --focus-ring-width: var(--ion-border-size-050, var(--ion-scale-050, 2px));
376
376
  --handle-background: var(--ion-primitives-base-white, #ffffff);
377
377
  --handle-background-checked: var(--ion-primitives-base-white, #ffffff);
378
378
  --handle-border-radius: var(--ion-border-radius-full, 999px);
379
379
  --handle-height: var(--ion-scale-500, 20px);
380
380
  --handle-max-height: var(--ion-scale-500, 20px);
381
381
  --handle-width: var(--ion-scale-500, 20px);
382
- --handle-spacing: var(--ion-space-050, 2px);
382
+ --handle-spacing: var(--ion-space-050, var(--ion-scale-050, 2px));
383
383
  --handle-transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms,
384
384
  right 110ms ease-in-out 80ms;
385
385
  font-size: var(--ion-font-size-350, 0.875rem);
386
386
  font-weight: var(--ion-font-weight-regular, 400);
387
387
  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
388
- line-height: var(--ion-font-line-height-600, 24px);
388
+ line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
389
389
  text-decoration: none;
390
390
  text-transform: none;
391
391
  width: 100%;
@@ -415,13 +415,13 @@ input {
415
415
  font-size: var(--ion-font-size-350, 0.875rem);
416
416
  font-weight: var(--ion-font-weight-regular, 400);
417
417
  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
418
- line-height: var(--ion-font-line-height-600, 24px);
418
+ line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
419
419
  text-decoration: none;
420
420
  text-transform: none;
421
421
  }
422
422
 
423
423
  .toggle-bottom .error-text {
424
- color: var(--ion-semantics-danger-800, #bf2222);
424
+ color: var(--ion-semantics-danger-800, var(--ion-primitives-red-800, #bf2222));
425
425
  }
426
426
 
427
427
  .toggle-bottom .helper-text {
@@ -483,8 +483,8 @@ input {
483
483
  */
484
484
  -webkit-margin-start: 0;
485
485
  margin-inline-start: 0;
486
- -webkit-margin-end: var(--ion-space-400, 16px);
487
- margin-inline-end: var(--ion-space-400, 16px);
486
+ -webkit-margin-end: var(--ion-space-400, var(--ion-scale-400, 16px));
487
+ margin-inline-end: var(--ion-space-400, var(--ion-scale-400, 16px));
488
488
  color: var(--ion-primitives-neutral-1200, #242424);
489
489
  }
490
490
 
@@ -502,8 +502,8 @@ input {
502
502
  * when the label sits at the end.
503
503
  */
504
504
  :host(.toggle-label-placement-end) .label-text-wrapper {
505
- -webkit-margin-start: var(--ion-space-400, 16px);
506
- margin-inline-start: var(--ion-space-400, 16px);
505
+ -webkit-margin-start: var(--ion-space-400, var(--ion-scale-400, 16px));
506
+ margin-inline-start: var(--ion-space-400, var(--ion-scale-400, 16px));
507
507
  -webkit-margin-end: 0;
508
508
  margin-inline-end: 0;
509
509
  }
package/dist/collection/components/toolbar/toolbar.ionic.css CHANGED
@@ -164,15 +164,15 @@ Do not edit directly, this file was auto-generated.
164
164
  --background: var(--ion-primitives-base-white, #ffffff);
165
165
  --color: var(--ion-primitives-neutral-1200, #242424);
166
166
  --border-color: currentColor;
167
- --padding-top: var(--ion-space-200, 8px);
168
- --padding-bottom: var(--ion-space-200, 8px);
169
- --padding-start: var(--ion-space-200, 8px);
170
- --padding-end: var(--ion-space-200, 8px);
167
+ --padding-top: var(--ion-space-200, var(--ion-scale-200, 8px));
168
+ --padding-bottom: var(--ion-space-200, var(--ion-scale-200, 8px));
169
+ --padding-start: var(--ion-space-200, var(--ion-scale-200, 8px));
170
+ --padding-end: var(--ion-space-200, var(--ion-scale-200, 8px));
171
171
  --min-height: var(--ion-scale-1400, 56px);
172
172
  }
173
173
 
174
174
  .toolbar-container {
175
- gap: var(--ion-space-400, 16px);
175
+ gap: var(--ion-space-400, var(--ion-scale-400, 16px));
176
176
  }
177
177
 
178
178
  .toolbar-content {
@@ -188,14 +188,14 @@ Do not edit directly, this file was auto-generated.
188
188
  }
189
189
 
190
190
  ::slotted(ion-buttons) {
191
- gap: var(--ion-space-200, 8px);
191
+ gap: var(--ion-space-200, var(--ion-scale-200, 8px));
192
192
  }
193
193
 
194
194
  ::slotted(ion-title) {
195
- -webkit-padding-start: var(--ion-space-200, 8px);
196
- padding-inline-start: var(--ion-space-200, 8px);
197
- -webkit-padding-end: var(--ion-space-200, 8px);
198
- padding-inline-end: var(--ion-space-200, 8px);
195
+ -webkit-padding-start: var(--ion-space-200, var(--ion-scale-200, 8px));
196
+ padding-inline-start: var(--ion-space-200, var(--ion-scale-200, 8px));
197
+ -webkit-padding-end: var(--ion-space-200, var(--ion-scale-200, 8px));
198
+ padding-inline-end: var(--ion-space-200, var(--ion-scale-200, 8px));
199
199
  }
200
200
 
201
201
  :host(.toolbar-title-default) ::slotted(ion-title) {
@@ -203,10 +203,10 @@ Do not edit directly, this file was auto-generated.
203
203
  }
204
204
 
205
205
  :host(.toolbar-title-large) ::slotted(ion-title) {
206
- -webkit-padding-start: var(--ion-space-400, 16px);
207
- padding-inline-start: var(--ion-space-400, 16px);
208
- -webkit-padding-end: var(--ion-space-400, 16px);
209
- padding-inline-end: var(--ion-space-400, 16px);
206
+ -webkit-padding-start: var(--ion-space-400, var(--ion-scale-400, 16px));
207
+ padding-inline-start: var(--ion-space-400, var(--ion-scale-400, 16px));
208
+ -webkit-padding-end: var(--ion-space-400, var(--ion-scale-400, 16px));
209
+ padding-inline-end: var(--ion-space-400, var(--ion-scale-400, 16px));
210
210
  }
211
211
 
212
212
  :host(.has-end-content) slot[name=end],
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-05-13T11:56:47",
2
+ "timestamp": "2025-05-14T14:24:53",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.20.0",
@@ -5519,16 +5519,16 @@
5519
5519
  },
5520
5520
  {
5521
5521
  "name": "size",
5522
- "type": "\"default\" | \"large\" | \"small\" | undefined",
5522
+ "type": "\"default\" | \"large\" | \"medium\" | \"small\" | undefined",
5523
5523
  "complexType": {
5524
- "original": "'small' | 'default' | 'large'",
5525
- "resolved": "\"default\" | \"large\" | \"small\" | undefined",
5524
+ "original": "'small' | 'default' | 'medium' | 'large'",
5525
+ "resolved": "\"default\" | \"large\" | \"medium\" | \"small\" | undefined",
5526
5526
  "references": {}
5527
5527
  },
5528
5528
  "mutable": false,
5529
5529
  "attr": "size",
5530
5530
  "reflectToAttr": true,
5531
- "docs": "Set to `\"small\"` for a button with less height and padding, to `\"default\"`\nfor a button with the default height and padding, or to `\"large\"` for a button\nwith more height and padding. By default the size is unset, unless the button\nis inside of an item, where the size is `\"small\"` by default. Set the size to\n`\"default\"` inside of an item to make it a standard size button.",
5531
+ "docs": "Set to `\"small\"` for a button with less height and padding, to `\"medium\"`\nfor a button with the medium height and padding, or to `\"large\"` for a button\nwith more height and padding. By default the size is unset, unless the button\nis inside of an item, where the size is `\"small\"` by default. Set the size to\n`\"default\"` inside of an item to make it a standard size button.",
5532
5532
  "docsTags": [],
5533
5533
  "values": [
5534
5534
  {
@@ -5539,6 +5539,10 @@
5539
5539
  "value": "large",
5540
5540
  "type": "string"
5541
5541
  },
5542
+ {
5543
+ "value": "medium",
5544
+ "type": "string"
5545
+ },
5542
5546
  {
5543
5547
  "value": "small",
5544
5548
  "type": "string"
package/dist/esm/ion-accordion_2.entry.js CHANGED
@@ -10,7 +10,7 @@ import { c as config } from './config-84eb9670.js';
10
10
  import { c as getIonTheme, p as printIonWarning } from './ionic-global-c1aec1e9.js';
11
11
  import './focus-visible-6827442c.js';
12
12
 
13
- const accordionIonicCss = ":host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{position:relative}:host::after{-webkit-margin-start:var(--ion-space-400, 16px);margin-inline-start:var(--ion-space-400, 16px);-webkit-margin-end:var(--ion-space-400, 16px);margin-inline-end:var(--ion-space-400, 16px);right:0;left:0;bottom:0;display:block;position:absolute;height:var(--ion-border-size-025, 1px);background-color:var(--ion-border-default, #d5d5d5);content:\"\";z-index:3}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}::slotted(ion-item[slot=header]){--border-radius:inherit;--color:var(--ion-text-default, #242424);--border-width:var(--ion-border-size-0, 0px);--inner-border-width:var(--ion-scale-0, 0px);--min-height:var(--ion-scale-700, 28px);--padding-top:var(--ion-space-300, 12px);--padding-end:var(--ion-space-400, 16px);--padding-bottom:var(--ion-space-300, 12px);--padding-start:var(--ion-space-400, 16px);font-size:var(--ion-font-size-450, 1.125rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, 28px);text-decoration:none;text-transform:none}#content-wrapper{-webkit-padding-start:var(--ion-space-400, 16px);padding-inline-start:var(--ion-space-400, 16px);-webkit-padding-end:var(--ion-space-400, 16px);padding-inline-end:var(--ion-space-400, 16px);padding-bottom:var(--ion-space-300, 12px);font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;color:var(--ion-text-default, #242424)}:host(.accordion-disabled)::before{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ion-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;z-index:2}";
13
+ const accordionIonicCss = ":host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{position:relative}:host::after{-webkit-margin-start:var(--ion-space-400, var(--ion-scale-400, 16px));margin-inline-start:var(--ion-space-400, var(--ion-scale-400, 16px));-webkit-margin-end:var(--ion-space-400, var(--ion-scale-400, 16px));margin-inline-end:var(--ion-space-400, var(--ion-scale-400, 16px));right:0;left:0;bottom:0;display:block;position:absolute;height:var(--ion-border-size-025, var(--ion-scale-025, 1px));background-color:var(--ion-border-default, var(--ion-primitives-neutral-400, #d5d5d5));content:\"\";z-index:3}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}::slotted(ion-item[slot=header]){--border-radius:inherit;--color:var(--ion-text-default, var(--ion-primitives-neutral-1200, #242424));--border-width:var(--ion-border-size-0, var(--ion-scale-0, 0px));--inner-border-width:var(--ion-scale-0, 0px);--min-height:var(--ion-scale-700, 28px);--padding-top:var(--ion-space-300, var(--ion-scale-300, 12px));--padding-end:var(--ion-space-400, var(--ion-scale-400, 16px));--padding-bottom:var(--ion-space-300, var(--ion-scale-300, 12px));--padding-start:var(--ion-space-400, var(--ion-scale-400, 16px));font-size:var(--ion-font-size-450, 1.125rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, var(--ion-scale-700, 28px));text-decoration:none;text-transform:none}#content-wrapper{-webkit-padding-start:var(--ion-space-400, var(--ion-scale-400, 16px));padding-inline-start:var(--ion-space-400, var(--ion-scale-400, 16px));-webkit-padding-end:var(--ion-space-400, var(--ion-scale-400, 16px));padding-inline-end:var(--ion-space-400, var(--ion-scale-400, 16px));padding-bottom:var(--ion-space-300, var(--ion-scale-300, 12px));font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, var(--ion-scale-600, 24px));text-decoration:none;text-transform:none;color:var(--ion-text-default, var(--ion-primitives-neutral-1200, #242424))}:host(.accordion-disabled)::before{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ion-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;z-index:2}";
14
14
  const IonAccordionIonicStyle0 = accordionIonicCss;
15
15
 
16
16
  const accordionIosCss = ":host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{background-color:var(--ion-background-color, #ffffff)}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";
@@ -342,7 +342,7 @@ Accordion.style = {
342
342
  md: IonAccordionMdStyle0
343
343
  };
344
344
 
345
- const accordionGroupIonicCss = ":host{display:block}:host{min-width:calc(var(--ion-scale-6200, 248px) + var(--ion-space-600, 24px));background-color:var(--ion-bg-neutral-subtlest-default, #ffffff)}:host(.accordion-group-expand-inset){-webkit-padding-start:var(--ion-space-100, 4px);padding-inline-start:var(--ion-space-100, 4px);-webkit-padding-end:var(--ion-space-100, 4px);padding-inline-end:var(--ion-space-100, 4px);padding-top:var(--ion-space-100, 4px);padding-bottom:var(--ion-space-100, 4px)}:host(.accordion-group-expand-inset.accordion-group-shape-round){--border-radius:var(--ion-border-radius-400, 16px);border-radius:var(--ion-border-radius-400, 16px)}:host(.accordion-group-expand-inset.accordion-group-shape-soft){--border-radius:var(--ion-border-radius-200, 8px);border-radius:var(--ion-border-radius-200, 8px)}:host(.accordion-group-expand-inset.accordion-group-shape-rectangular){--border-radius:var(--ion-border-radius-0, 0px);border-radius:var(--ion-border-radius-0, 0px)}";
345
+ const accordionGroupIonicCss = ":host{display:block}:host{min-width:calc(var(--ion-scale-6200, 248px) + var(--ion-space-600, var(--ion-scale-600, 24px)));background-color:var(--ion-bg-neutral-subtlest-default, var(--ion-primitives-base-white, #ffffff))}:host(.accordion-group-expand-inset){-webkit-padding-start:var(--ion-space-100, var(--ion-scale-100, 4px));padding-inline-start:var(--ion-space-100, var(--ion-scale-100, 4px));-webkit-padding-end:var(--ion-space-100, var(--ion-scale-100, 4px));padding-inline-end:var(--ion-space-100, var(--ion-scale-100, 4px));padding-top:var(--ion-space-100, var(--ion-scale-100, 4px));padding-bottom:var(--ion-space-100, var(--ion-scale-100, 4px))}:host(.accordion-group-expand-inset.accordion-group-shape-round){--border-radius:var(--ion-border-radius-400, var(--ion-scale-400, 16px));border-radius:var(--ion-border-radius-400, var(--ion-scale-400, 16px))}:host(.accordion-group-expand-inset.accordion-group-shape-soft){--border-radius:var(--ion-border-radius-200, var(--ion-scale-200, 8px));border-radius:var(--ion-border-radius-200, var(--ion-scale-200, 8px))}:host(.accordion-group-expand-inset.accordion-group-shape-rectangular){--border-radius:var(--ion-border-radius-0, var(--ion-scale-0, 0px));border-radius:var(--ion-border-radius-0, var(--ion-scale-0, 0px))}";
346
346
  const IonAccordionGroupIonicStyle0 = accordionGroupIonicCss;
347
347
 
348
348
  const accordionGroupIosCss = ":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}";
package/dist/esm/ion-app_8.entry.js CHANGED
@@ -814,7 +814,7 @@ const handleHeaderFade = (scrollEl, baseEl, condenseHeader) => {
814
814
  });
815
815
  };
816
816
 
817
- const headerIonicCss = "ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}ion-header{-webkit-box-shadow:var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));box-shadow:var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));z-index:10}ion-header.header-divider{border-bottom:var(--ion-border-size-025, 1px) var(--ion-border-style-solid, solid) var(--ion-primitives-neutral-300, #e0e0e0)}ion-toolbar+ion-toolbar{--padding-start:var(--ion-space-400, 16px);--padding-end:var(--ion-space-400, 16px)}";
817
+ const headerIonicCss = "ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}ion-header{-webkit-box-shadow:var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));box-shadow:var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));z-index:10}ion-header.header-divider{border-bottom:var(--ion-border-size-025, var(--ion-scale-025, 1px)) var(--ion-border-style-solid, solid) var(--ion-primitives-neutral-300, #e0e0e0)}ion-toolbar+ion-toolbar{--padding-start:var(--ion-space-400, var(--ion-scale-400, 16px));--padding-end:var(--ion-space-400, var(--ion-scale-400, 16px))}";
818
818
  const IonHeaderIonicStyle0 = headerIonicCss;
819
819
 
820
820
  const headerIosCss = "ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}ion-header{z-index:10}.header-ios ion-toolbar:last-of-type{--border-width:0 0 0.55px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.header-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.header-translucent-ios ion-toolbar{--opacity:0.8}.header-collapse-condense-inactive .header-background{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.header-ios.ion-no-border ion-toolbar:last-of-type{--border-width:0}.header-collapse-fade ion-toolbar{--opacity-scale:inherit}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:-webkit-sticky;position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:0px;z-index:1}.header-collapse-condense ion-toolbar{--background:var(--ion-background-color, #fff);z-index:0}.header-collapse-condense ion-toolbar:last-of-type{--border-width:0px}.header-collapse-condense ion-toolbar ion-searchbar{padding-top:0px;padding-bottom:13px}.header-collapse-main{--opacity-scale:1}.header-collapse-main ion-toolbar{--opacity-scale:inherit}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}ion-header.header-ios:not(.header-collapse-main):has(~ion-content ion-header.header-ios[collapse=condense],~ion-content ion-header.header-ios.header-collapse-condense){opacity:0}";
@@ -1158,7 +1158,7 @@ const RouterOutlet = class {
1158
1158
  };
1159
1159
  RouterOutlet.style = IonRouterOutletStyle0;
1160
1160
 
1161
- const titleIonicCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{font-size:var(--ion-font-size-450, 1.125rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, 28px);text-decoration:none;text-transform:none;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host(.title-large){font-size:var(--ion-font-size-700, 1.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-900, 36px);text-decoration:none;text-transform:none}";
1161
+ const titleIonicCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{font-size:var(--ion-font-size-450, 1.125rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, var(--ion-scale-700, 28px));text-decoration:none;text-transform:none;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host(.title-large){font-size:var(--ion-font-size-700, 1.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-900, var(--ion-scale-900, 36px));text-decoration:none;text-transform:none}";
1162
1162
  const IonTitleIonicStyle0 = titleIonicCss;
1163
1163
 
1164
1164
  const titleIosCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host(.ion-color){color:var(--ion-color-base)}:host{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:min(1.0625rem, 20.4px);font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host{inset-inline-start:0}:host(.title-small){-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:min(0.8125rem, 23.4px);font-weight:normal}:host(.title-large){-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:2px;padding-bottom:4px;-webkit-transform-origin:left center;transform-origin:left center;position:static;-ms-flex-align:end;align-items:flex-end;min-width:100%;font-size:min(2.125rem, 61.2px);font-weight:700;text-align:start}:host(.title-large.title-rtl){-webkit-transform-origin:right center;transform-origin:right center}:host(.title-large.ion-cloned-element){--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}:host(.title-large) .toolbar-title{-webkit-transform-origin:inherit;transform-origin:inherit;width:auto}:host-context([dir=rtl]):host(.title-large) .toolbar-title,:host-context([dir=rtl]).title-large .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){:host(.title-large:dir(rtl)) .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}";
@@ -1209,7 +1209,7 @@ ToolbarTitle.style = {
1209
1209
  md: IonTitleMdStyle0
1210
1210
  };
1211
1211
 
1212
- const toolbarIonicCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}::slotted(ion-progress-bar){right:0;left:0;bottom:0;position:absolute}:host{--background:var(--ion-primitives-base-white, #ffffff);--color:var(--ion-primitives-neutral-1200, #242424);--border-color:currentColor;--padding-top:var(--ion-space-200, 8px);--padding-bottom:var(--ion-space-200, 8px);--padding-start:var(--ion-space-200, 8px);--padding-end:var(--ion-space-200, 8px);--min-height:var(--ion-scale-1400, 56px)}.toolbar-container{gap:var(--ion-space-400, 16px)}.toolbar-content{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}:host(.toolbar-searchbar) ::slotted(ion-searchbar){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}::slotted(ion-buttons){gap:var(--ion-space-200, 8px)}::slotted(ion-title){-webkit-padding-start:var(--ion-space-200, 8px);padding-inline-start:var(--ion-space-200, 8px);-webkit-padding-end:var(--ion-space-200, 8px);padding-inline-end:var(--ion-space-200, 8px)}:host(.toolbar-title-default) ::slotted(ion-title){text-align:center}:host(.toolbar-title-large) ::slotted(ion-title){-webkit-padding-start:var(--ion-space-400, 16px);padding-inline-start:var(--ion-space-400, 16px);-webkit-padding-end:var(--ion-space-400, 16px);padding-inline-end:var(--ion-space-400, 16px)}:host(.has-end-content) slot[name=end],:host(.show-end) slot[name=end]{display:-ms-flexbox;display:flex;-ms-flex:0 0 var(--start-end-size, 0);flex:0 0 var(--start-end-size, 0);-ms-flex-pack:end;justify-content:flex-end;text-align:end}:host(.has-start-content) slot[name=start],:host(.show-start) slot[name=start]{display:-ms-flexbox;display:flex;-ms-flex:0 0 var(--start-end-size, 0);flex:0 0 var(--start-end-size, 0)}:host(.has-primary-content) slot[name=primary],:host(.show-primary) slot[name=primary]{display:-ms-flexbox;display:flex;-ms-flex:0 0 var(--primary-secondary-size, 0);flex:0 0 var(--primary-secondary-size, 0);-ms-flex-pack:end;justify-content:flex-end;text-align:end}:host(.has-secondary-content) slot[name=secondary],:host(.show-secondary) slot[name=secondary]{display:-ms-flexbox;display:flex;-ms-flex:0 0 var(--primary-secondary-size, 0);flex:0 0 var(--primary-secondary-size, 0)}";
1212
+ const toolbarIonicCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}::slotted(ion-progress-bar){right:0;left:0;bottom:0;position:absolute}:host{--background:var(--ion-primitives-base-white, #ffffff);--color:var(--ion-primitives-neutral-1200, #242424);--border-color:currentColor;--padding-top:var(--ion-space-200, var(--ion-scale-200, 8px));--padding-bottom:var(--ion-space-200, var(--ion-scale-200, 8px));--padding-start:var(--ion-space-200, var(--ion-scale-200, 8px));--padding-end:var(--ion-space-200, var(--ion-scale-200, 8px));--min-height:var(--ion-scale-1400, 56px)}.toolbar-container{gap:var(--ion-space-400, var(--ion-scale-400, 16px))}.toolbar-content{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}:host(.toolbar-searchbar) ::slotted(ion-searchbar){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}::slotted(ion-buttons){gap:var(--ion-space-200, var(--ion-scale-200, 8px))}::slotted(ion-title){-webkit-padding-start:var(--ion-space-200, var(--ion-scale-200, 8px));padding-inline-start:var(--ion-space-200, var(--ion-scale-200, 8px));-webkit-padding-end:var(--ion-space-200, var(--ion-scale-200, 8px));padding-inline-end:var(--ion-space-200, var(--ion-scale-200, 8px))}:host(.toolbar-title-default) ::slotted(ion-title){text-align:center}:host(.toolbar-title-large) ::slotted(ion-title){-webkit-padding-start:var(--ion-space-400, var(--ion-scale-400, 16px));padding-inline-start:var(--ion-space-400, var(--ion-scale-400, 16px));-webkit-padding-end:var(--ion-space-400, var(--ion-scale-400, 16px));padding-inline-end:var(--ion-space-400, var(--ion-scale-400, 16px))}:host(.has-end-content) slot[name=end],:host(.show-end) slot[name=end]{display:-ms-flexbox;display:flex;-ms-flex:0 0 var(--start-end-size, 0);flex:0 0 var(--start-end-size, 0);-ms-flex-pack:end;justify-content:flex-end;text-align:end}:host(.has-start-content) slot[name=start],:host(.show-start) slot[name=start]{display:-ms-flexbox;display:flex;-ms-flex:0 0 var(--start-end-size, 0);flex:0 0 var(--start-end-size, 0)}:host(.has-primary-content) slot[name=primary],:host(.show-primary) slot[name=primary]{display:-ms-flexbox;display:flex;-ms-flex:0 0 var(--primary-secondary-size, 0);flex:0 0 var(--primary-secondary-size, 0);-ms-flex-pack:end;justify-content:flex-end;text-align:end}:host(.has-secondary-content) slot[name=secondary],:host(.show-secondary) slot[name=secondary]{display:-ms-flexbox;display:flex;-ms-flex:0 0 var(--primary-secondary-size, 0);flex:0 0 var(--primary-secondary-size, 0)}";
1213
1213
  const IonToolbarIonicStyle0 = toolbarIonicCss;
1214
1214
 
1215
1215
  const toolbarIosCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}::slotted(ion-progress-bar){right:0;left:0;bottom:0;position:absolute}:host{font-family:var(--ion-font-family, inherit);z-index:10}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{z-index:10}.toolbar-background{z-index:-1}:host{--background:var(--ion-toolbar-background, var(--ion-color-step-50, var(--ion-background-color-step-50, #f7f7f7)));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.2)))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:4;order:4;min-width:0}:host(.toolbar-segment) .toolbar-content{display:-ms-inline-flexbox;display:inline-flex}:host(.toolbar-searchbar) .toolbar-container{padding-top:0;padding-bottom:0}:host(.toolbar-searchbar) ::slotted(*){-ms-flex-item-align:start;align-self:start}:host(.toolbar-searchbar) ::slotted(ion-chip){margin-top:3px}::slotted(ion-buttons){min-height:38px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:3;order:3}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}:host(.toolbar-title-large) .toolbar-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}:host(.toolbar-title-large) .toolbar-content ion-title{-ms-flex:1;flex:1;-ms-flex-order:8;order:8;min-width:100%}";
package/dist/esm/ion-avatar_3.entry.js CHANGED
@@ -6,7 +6,7 @@ import { c as getIonTheme } from './ionic-global-c1aec1e9.js';
6
6
  import { h as hostContext, c as createColorClasses } from './theme-01f3f29c.js';
7
7
  import './config-84eb9670.js';
8
8
 
9
- const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);font-size:var(--ion-font-size-450, 1.125rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, 28px);text-decoration:none;text-transform:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ion-bg-neutral-subtlest-default, #ffffff);color:var(--ion-text-subtlest, #626262)}:host(:not(.avatar-image)){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}:host(.avatar-xxsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-500, 20px);text-decoration:none;text-transform:none;width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.avatar-xsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-500, 20px);text-decoration:none;text-transform:none;width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.avatar-small){--padding-end:var(--ion-space-150, 6px);--padding-start:var(--ion-space-150, 6px);font-size:var(--ion-font-size-400, 1rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.avatar-medium){--padding-end:var(--ion-space-200, 8px);--padding-start:var(--ion-space-200, 8px);width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host(.avatar-large){--padding-end:var(--ion-space-250, 10px);--padding-start:var(--ion-space-250, 10px);font-size:var(--ion-font-size-500, 1.25rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, 28px);text-decoration:none;text-transform:none;width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px)}:host(.avatar-xlarge){--padding-end:var(--ion-space-300, 12px);--padding-start:var(--ion-space-300, 12px);font-size:var(--ion-font-size-550, 1.375rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, 28px);text-decoration:none;text-transform:none;width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ion-border-radius-100, 4px)}:host(.avatar-soft){--border-radius:var(--ion-border-radius-200, 8px)}:host(.avatar-round){--border-radius:var(--ion-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ion-border-radius-0, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1));transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1));transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(0, var(--ion-scale-100, 4px));transform:translate(0, var(--ion-scale-100, 4px))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), var(--ion-scale-100, 4px));transform:translate(var(--ion-scale-100, 4px), var(--ion-scale-100, 4px))}:host ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--ion-scale-100, 4px);-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--ion-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:calc(var(--ion-scale-050, 2px) * -1)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:calc(var(--ion-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--ion-scale-050, 2px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--ion-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--ion-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--ion-scale-150, 6px)}:host ::slotted(ion-badge.badge-vertical-top:not(:empty)){-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-050, 2px)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:calc(var(--ion-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-150, 6px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-150, 6px)}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--ion-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--ion-scale-150, 6px)}:host(.avatar-disabled)::before{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ion-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none}";
9
+ const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--ion-space-0, var(--ion-scale-0, 0px));--padding-bottom:var(--ion-space-0, var(--ion-scale-0, 0px));font-size:var(--ion-font-size-450, 1.125rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, var(--ion-scale-700, 28px));text-decoration:none;text-transform:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ion-bg-neutral-subtlest-default, var(--ion-primitives-base-white, #ffffff));color:var(--ion-text-subtlest, var(--ion-primitives-neutral-800, #626262))}:host(:not(.avatar-image)){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}:host(.avatar-xxsmall){--padding-end:var(--ion-space-050, var(--ion-scale-050, 2px));--padding-start:var(--ion-space-050, var(--ion-scale-050, 2px));font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-500, var(--ion-scale-500, 20px));text-decoration:none;text-transform:none;width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.avatar-xsmall){--padding-end:var(--ion-space-050, var(--ion-scale-050, 2px));--padding-start:var(--ion-space-050, var(--ion-scale-050, 2px));font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-500, var(--ion-scale-500, 20px));text-decoration:none;text-transform:none;width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.avatar-small){--padding-end:var(--ion-space-150, var(--ion-scale-150, 6px));--padding-start:var(--ion-space-150, var(--ion-scale-150, 6px));font-size:var(--ion-font-size-400, 1rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, var(--ion-scale-600, 24px));text-decoration:none;text-transform:none;width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.avatar-medium){--padding-end:var(--ion-space-200, var(--ion-scale-200, 8px));--padding-start:var(--ion-space-200, var(--ion-scale-200, 8px));width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host(.avatar-large){--padding-end:var(--ion-space-250, var(--ion-scale-250, 10px));--padding-start:var(--ion-space-250, var(--ion-scale-250, 10px));font-size:var(--ion-font-size-500, 1.25rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, var(--ion-scale-700, 28px));text-decoration:none;text-transform:none;width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px)}:host(.avatar-xlarge){--padding-end:var(--ion-space-300, var(--ion-scale-300, 12px));--padding-start:var(--ion-space-300, var(--ion-scale-300, 12px));font-size:var(--ion-font-size-550, 1.375rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, var(--ion-scale-700, 28px));text-decoration:none;text-transform:none;width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ion-border-radius-100, var(--ion-scale-100, 4px))}:host(.avatar-soft){--border-radius:var(--ion-border-radius-200, var(--ion-scale-200, 8px))}:host(.avatar-round){--border-radius:var(--ion-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ion-border-radius-0, var(--ion-scale-0, 0px))}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1));transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1));transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(0, var(--ion-scale-100, 4px));transform:translate(0, var(--ion-scale-100, 4px))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), var(--ion-scale-100, 4px));transform:translate(var(--ion-scale-100, 4px), var(--ion-scale-100, 4px))}:host ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--ion-scale-100, 4px);-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--ion-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:calc(var(--ion-scale-050, 2px) * -1)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:calc(var(--ion-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--ion-scale-050, 2px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--ion-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--ion-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--ion-scale-150, 6px)}:host ::slotted(ion-badge.badge-vertical-top:not(:empty)){-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-050, 2px)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:calc(var(--ion-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-150, 6px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-150, 6px)}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--ion-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--ion-scale-150, 6px)}:host(.avatar-disabled)::before{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ion-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none}";
10
10
  const IonAvatarIonicStyle0 = avatarIonicCss;
11
11
 
12
12
  const avatarIosCss = ":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}";
@@ -74,7 +74,7 @@ Avatar.style = {
74
74
  md: IonAvatarMdStyle0
75
75
  };
76
76
 
77
- const badgeIonicCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;background:var(--background);color:var(--color);text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button)[vertical].badge-vertical-top){top:0}:host(:not(.in-tab-button)[vertical].badge-vertical-bottom){bottom:0}:host{--padding-start:var(--ion-space-200, 8px);--padding-end:var(--ion-space-200, 8px);--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-500, 20px);text-decoration:none;text-transform:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--ion-scale-250, 10px)}:host(.badge-bold){--background:var(--ion-color-primary, var(--ion-bg-primary-base-default, #105cef));--color:var(--ion-color-primary-contrast, var(--ion-text-inverse, #ffffff))}:host(.badge-bold.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.badge-subtle){--background:var(--ion-color-primary-subtle, var(--ion-bg-primary-subtle-default, #f2f4fd));--color:var(--ion-color-primary-subtle-contrast, var(--ion-text-primary, #0d4bc3))}:host(.badge-subtle.ion-color){background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}:host(.badge-soft){border-radius:var(--ion-border-radius-200, 8px)}:host(.badge-small.badge-soft){border-radius:var(--ion-border-radius-100, 4px)}:host(.badge-round){border-radius:var(--ion-border-radius-full, 999px)}:host(.badge-rectangular){border-radius:var(--ion-border-radius-0, 0px)}:host(.badge-small){--padding-start:var(--ion-space-050, 2px);--padding-end:var(--ion-space-050, 2px);min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.badge-small) ::slotted(ion-icon){width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-medium),:host(.badge-large){--padding-start:var(--ion-space-100, 4px);--padding-end:var(--ion-space-100, 4px);font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;min-width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.badge-medium) ::slotted(ion-icon),:host(.badge-large) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(:empty){--padding-start:0;--padding-end:0}:host([vertical]:not(:empty)){--padding-start:var(--ion-scale-100, 4px);--padding-end:var(--ion-scale-100, 4px);--padding-top:var(--ion-scale-100, 4px);--padding-bottom:var(--ion-scale-100, 4px)}:host(.badge-small:empty){min-width:var(--ion-scale-200, 8px);height:var(--ion-scale-200, 8px)}:host(.badge-medium:empty){min-width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-large:empty){min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host([vertical].in-tab-button){position:relative}:host([vertical]) ::slotted(ion-icon){top:50%;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host([vertical]) ::slotted(ion-icon){inset-inline-start:50%}:host([vertical]:not(.in-tab-button).in-button.badge-small){inset-inline-end:calc(-1 * var(var(--ion-space-050, 2px)))}:host([vertical]:not(.in-tab-button).in-button.badge-medium),:host([vertical]:not(.in-tab-button).in-button.badge-large){inset-inline-end:var(--ion-space-050, 2px)}:host(:not(:empty).in-button){font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-1, 1%);line-height:var(--ion-font-line-height-500, 20px);text-decoration:none;text-transform:none;min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(:not(:empty).in-button) ::slotted(ion-icon){width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}";
77
+ const badgeIonicCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;background:var(--background);color:var(--color);text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button)[vertical].badge-vertical-top){top:0}:host(:not(.in-tab-button)[vertical].badge-vertical-bottom){bottom:0}:host{--padding-start:var(--ion-space-200, var(--ion-scale-200, 8px));--padding-end:var(--ion-space-200, var(--ion-scale-200, 8px));--padding-top:var(--ion-space-0, var(--ion-scale-0, 0px));--padding-bottom:var(--ion-space-0, var(--ion-scale-0, 0px));font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-500, var(--ion-scale-500, 20px));text-decoration:none;text-transform:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--ion-scale-250, 10px)}:host(.badge-bold){--background:var(--ion-color-primary, var(--ion-bg-primary-base-default, var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary-contrast, var(--ion-text-inverse, var(--ion-primitives-base-white, #ffffff)))}:host(.badge-bold.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.badge-subtle){--background:var(--ion-color-primary-subtle, var(--ion-bg-primary-subtle-default, var(--ion-semantics-primary-100, var(--ion-primitives-blue-100, #f2f4fd))));--color:var(--ion-color-primary-subtle-contrast, var(--ion-text-primary, var(--ion-semantics-primary-900, var(--ion-primitives-blue-900, #0d4bc3))))}:host(.badge-subtle.ion-color){background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}:host(.badge-soft){border-radius:var(--ion-border-radius-200, var(--ion-scale-200, 8px))}:host(.badge-small.badge-soft){border-radius:var(--ion-border-radius-100, var(--ion-scale-100, 4px))}:host(.badge-round){border-radius:var(--ion-border-radius-full, 999px)}:host(.badge-rectangular){border-radius:var(--ion-border-radius-0, var(--ion-scale-0, 0px))}:host(.badge-small){--padding-start:var(--ion-space-050, var(--ion-scale-050, 2px));--padding-end:var(--ion-space-050, var(--ion-scale-050, 2px));min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.badge-small) ::slotted(ion-icon){width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-medium),:host(.badge-large){--padding-start:var(--ion-space-100, var(--ion-scale-100, 4px));--padding-end:var(--ion-space-100, var(--ion-scale-100, 4px));font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, var(--ion-scale-600, 24px));text-decoration:none;text-transform:none;min-width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.badge-medium) ::slotted(ion-icon),:host(.badge-large) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(:empty){--padding-start:0;--padding-end:0}:host([vertical]:not(:empty)){--padding-start:var(--ion-scale-100, 4px);--padding-end:var(--ion-scale-100, 4px);--padding-top:var(--ion-scale-100, 4px);--padding-bottom:var(--ion-scale-100, 4px)}:host(.badge-small:empty){min-width:var(--ion-scale-200, 8px);height:var(--ion-scale-200, 8px)}:host(.badge-medium:empty){min-width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-large:empty){min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host([vertical].in-tab-button){position:relative}:host([vertical]) ::slotted(ion-icon){top:50%;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host([vertical]) ::slotted(ion-icon){inset-inline-start:50%}:host([vertical]:not(.in-tab-button).in-button.badge-small){inset-inline-end:calc(-1 * var(var(--ion-space-050, var(--ion-scale-050, 2px))))}:host([vertical]:not(.in-tab-button).in-button.badge-medium),:host([vertical]:not(.in-tab-button).in-button.badge-large){inset-inline-end:var(--ion-space-050, var(--ion-scale-050, 2px))}:host(:not(:empty).in-button){font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-1, 1%);line-height:var(--ion-font-line-height-500, var(--ion-scale-500, 20px));text-decoration:none;text-transform:none;min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(:not(:empty).in-button) ::slotted(ion-icon){width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}";
78
78
  const IonBadgeIonicStyle0 = badgeIonicCss;
79
79
 
80
80
  const badgeIosCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;background:var(--background);color:var(--color);text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button)[vertical].badge-vertical-top){top:0}:host(:not(.in-tab-button)[vertical].badge-vertical-bottom){bottom:0}:host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);min-width:10px;font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]:not(.in-button):not(.in-tab-button)),:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px;font-size:0.5rem;line-height:10px}:host(:not(:empty).in-button){min-width:16px;height:16px;font-size:0.75rem;line-height:20px}:host(:not(:empty).in-button) ::slotted(ion-icon){width:12px;height:12px}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}:host([vertical].in-tab-button){position:relative;min-width:8px}:host([vertical].in-tab-button) ::slotted(ion-icon){top:50%;position:absolute;width:12px;height:12px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host([vertical].in-tab-button) ::slotted(ion-icon){inset-inline-start:50%}";
package/dist/esm/ion-button_2.entry.js CHANGED
@@ -140,7 +140,7 @@ const isRTL = (hostEl) => {
140
140
  return (document === null || document === void 0 ? void 0 : document.dir.toLowerCase()) === 'rtl';
141
141
  };
142
142
 
143
- const buttonIonicCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-outline){--background:transparent}:host(.button-clear){--border-width:0;--background:transparent}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon),::slotted(ion-spinner){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-foreground)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}.button-native ion-ripple-effect,.button-native::after{border-radius:inherit}:has(ion-badge) .button-native{--overflow:visible}:host(:has(ion-badge)) .button-native{--overflow:visible}:host ::slotted(ion-badge[vertical]:not(:empty)){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host{--padding-bottom:var(--padding-top);--padding-end:var(--ion-space-500, 20px);--padding-start:var(--padding-end);--padding-top:var(--ion-space-0, 0px);--focus-ring-color:var(--ion-border-focus-default, #b5c0f7);--focus-ring-width:var(--ion-border-size-050, 2px);font-size:var(--ion-font-size-400, 1rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-1, 1%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;position:relative;min-height:var(--ion-scale-1200, 48px)}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--ion-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host(.button-clear){--color:var(--ion-color-primary-foreground, var(--ion-text-primary, #0d4bc3))}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, var(--ion-bg-primary-base-press, #0d4bc3));--background-hover:var(--ion-color-primary-shade, var(--ion-bg-primary-base-press, #0d4bc3));--background-focused:transparent;--background-hover-opacity:1;--background:var(--ion-color-primary, var(--ion-bg-primary-base-default, #105cef));--color:var(--ion-color-primary-contrast, var(--ion-text-inverse, #ffffff));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-outline){--border-width:var(--ion-border-size-025, 1px);--border-style:var(--ion-border-style-solid, solid);--background-activated:var(--ion-bg-neutral-subtlest-press, #efefef);--background-focused:transparent;--background-hover:var(--ion-bg-neutral-subtlest-press, #efefef);--background-hover-opacity:1;--border-color:var(--ion-color-primary, var(--ion-bg-primary-base-default, #105cef));--color:var(--ion-color-primary, var(--ion-bg-primary-base-default, #105cef));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-clear){--background-activated:var(--ion-bg-neutral-subtlest-press, #efefef);--background-focused:transparent;--background-hover:var(--ion-bg-neutral-subtlest-press, #efefef);--background-hover-opacity:1;--color:var(--ion-color-primary-foreground, var(--ion-text-primary, #0d4bc3));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-solid.ion-color) ion-ripple-effect{color:var(--ion-color-shade)}:host(.button-outline.ion-color) ion-ripple-effect,:host(.button-clear.ion-color) ion-ripple-effect{color:var(--ion-primitives-neutral-200, #efefef)}:host(.button-small){--padding-top:var(--ion-space-200, 8px);--padding-end:var(--ion-space-400, 16px);font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-1, 1%);line-height:var(--ion-font-line-height-500, 20px);text-decoration:none;text-transform:none;min-height:var(--ion-scale-1000, 40px)}:host(.button-large){--padding-top:var(--ion-space-400, 16px);--padding-end:var(--ion-space-600, 24px);font-size:var(--ion-font-size-500, 1.25rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-1, 1%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;min-height:var(--ion-scale-1400, 56px)}::slotted(ion-icon[slot=start]),::slotted(ion-icon[slot=end]),::slotted(ion-icon[slot=icon-only]){font-size:var(--ion-font-size-400, 1rem)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-icon[slot=icon-only]),:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-icon[slot=icon-only]){font-size:inherit}:host(.button-has-icon-only){--padding-end:var(--padding-top);aspect-ratio:1/1}::slotted(ion-spinner){--color:currentColor}::slotted(ion-spinner[slot=start]),::slotted(ion-spinner[slot=end]),::slotted(ion-spinner[slot=icon-only]){width:var(--ion-space-500, 20px);height:var(--ion-space-500, 20px)}:host(.button-soft){--border-radius:var(--ion-border-radius-200, 8px)}:host(.button-soft.button-small){--border-radius:var(--ion-border-radius-100, 4px)}:host(.button-round){--border-radius:var(--ion-border-radius-full, 999px)}:host(.button-rectangular){--border-radius:var(--ion-border-radius-0, 0px)}:host(.ion-focused) .button-native{outline:var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--ion-border-size-050, 2px)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.ion-activated) .button-native:has(ion-ripple-effect)::after,:host(.button-solid.ion-color.ion-activated) .button-native:has(ion-ripple-effect)::after{background:transparent}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-shade)}}:host(.button-disabled) .button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ion-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;width:inherit;height:inherit}::slotted(ion-icon){font-size:var(--ion-font-size-500, 1.25rem)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--ion-space-200, 8px);margin-inline-end:var(--ion-space-200, 8px)}::slotted(ion-icon[slot=start]),::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--ion-space-250, 10px);margin-inline-end:var(--ion-space-250, 10px)}:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--ion-space-300, 12px);margin-inline-end:var(--ion-space-300, 12px)}:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--ion-space-200, 8px);margin-inline-start:var(--ion-space-200, 8px)}::slotted(ion-icon[slot=end]),::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--ion-space-250, 10px);margin-inline-start:var(--ion-space-250, 10px)}:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--ion-space-300, 12px);margin-inline-start:var(--ion-space-300, 12px)}:host ::slotted(ion-badge[vertical]:not(:empty)){-webkit-padding-start:var(--ion-space-050, 2px);padding-inline-start:var(--ion-space-050, 2px);-webkit-padding-end:var(--ion-space-050, 2px);padding-inline-end:var(--ion-space-050, 2px);padding-top:var(--ion-space-050, 2px);padding-bottom:var(--ion-space-050, 2px)}";
143
+ const buttonIonicCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-outline){--background:transparent}:host(.button-clear){--border-width:0;--background:transparent}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon),::slotted(ion-spinner){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-foreground)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}.button-native ion-ripple-effect,.button-native::after{border-radius:inherit}:has(ion-badge) .button-native{--overflow:visible}:host(:has(ion-badge)) .button-native{--overflow:visible}:host ::slotted(ion-badge[vertical]:not(:empty)){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host{--padding-top:var(--ion-space-0, var(--ion-scale-0, 0px));--padding-end:var(--ion-space-0, var(--ion-scale-0, 0px));--padding-bottom:var(--padding-top);--padding-start:var(--padding-end);--focus-ring-color:var(--ion-border-focus-default, var(--ion-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--ion-border-size-050, var(--ion-scale-050, 2px));position:relative}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--ion-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host(.button-clear){--color:var(--ion-color-primary-foreground, var(--ion-text-primary, var(--ion-semantics-primary-900, var(--ion-primitives-blue-900, #0d4bc3))))}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, var(--ion-bg-primary-base-press, var(--ion-semantics-primary-900, var(--ion-primitives-blue-900, #0d4bc3))));--background-hover:var(--ion-color-primary-shade, var(--ion-bg-primary-base-press, var(--ion-semantics-primary-900, var(--ion-primitives-blue-900, #0d4bc3))));--background-focused:transparent;--background-hover-opacity:1;--background:var(--ion-color-primary, var(--ion-bg-primary-base-default, var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary-contrast, var(--ion-text-inverse, var(--ion-primitives-base-white, #ffffff)));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-outline){--border-width:var(--ion-border-size-025, var(--ion-scale-025, 1px));--border-style:var(--ion-border-style-solid, solid);--background-activated:var(--ion-bg-neutral-subtlest-press, var(--ion-primitives-neutral-200, #efefef));--background-focused:transparent;--background-hover:var(--ion-bg-neutral-subtlest-press, var(--ion-primitives-neutral-200, #efefef));--background-hover-opacity:1;--border-color:var(--ion-color-primary, var(--ion-bg-primary-base-default, var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary, var(--ion-bg-primary-base-default, var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)))));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-clear){--background-activated:var(--ion-bg-neutral-subtlest-press, var(--ion-primitives-neutral-200, #efefef));--background-focused:transparent;--background-hover:var(--ion-bg-neutral-subtlest-press, var(--ion-primitives-neutral-200, #efefef));--background-hover-opacity:1;--color:var(--ion-color-primary-foreground, var(--ion-text-primary, var(--ion-semantics-primary-900, var(--ion-primitives-blue-900, #0d4bc3))));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-solid.ion-color) ion-ripple-effect{color:var(--ion-color-shade)}:host(.button-outline.ion-color) ion-ripple-effect,:host(.button-clear.ion-color) ion-ripple-effect{color:var(--ion-primitives-neutral-200, #efefef)}:host(.button-small){--padding-end:var(--ion-space-400, var(--ion-scale-400, 16px));font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-1, 1%);line-height:var(--ion-font-line-height-500, var(--ion-scale-500, 20px));text-decoration:none;text-transform:none;min-height:var(--ion-scale-1000, 40px)}:host(.button-medium){--padding-end:var(--ion-space-500, var(--ion-scale-500, 20px));font-size:var(--ion-font-size-400, 1rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-1, 1%);line-height:var(--ion-font-line-height-600, var(--ion-scale-600, 24px));text-decoration:none;text-transform:none;min-height:var(--ion-scale-1200, 48px)}:host(.button-large){--padding-end:var(--ion-space-700, var(--ion-scale-700, 28px));font-size:var(--ion-font-size-500, 1.25rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-1, 1%);line-height:var(--ion-font-line-height-600, var(--ion-scale-600, 24px));text-decoration:none;text-transform:none;min-height:var(--ion-scale-1400, 56px)}::slotted(ion-icon[slot=start]),::slotted(ion-icon[slot=end]),::slotted(ion-icon[slot=icon-only]){font-size:var(--ion-font-size-400, 1rem)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-icon[slot=icon-only]),:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-icon[slot=icon-only]){font-size:inherit}:host(.button-has-icon-only){--padding-end:var(--padding-top);aspect-ratio:1/1}::slotted(ion-spinner){--color:currentColor}::slotted(ion-spinner[slot=start]),::slotted(ion-spinner[slot=end]),::slotted(ion-spinner[slot=icon-only]){width:var(--ion-space-500, var(--ion-scale-500, 20px));height:var(--ion-space-500, var(--ion-scale-500, 20px))}:host(.button-soft){--border-radius:var(--ion-border-radius-200, var(--ion-scale-200, 8px))}:host(.button-round){--border-radius:var(--ion-border-radius-full, 999px)}:host(.button-rectangular){--border-radius:var(--ion-border-radius-0, var(--ion-scale-0, 0px))}:host(.ion-focused) .button-native{outline:var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--ion-border-size-050, var(--ion-scale-050, 2px))}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.ion-activated) .button-native:has(ion-ripple-effect)::after,:host(.button-solid.ion-color.ion-activated) .button-native:has(ion-ripple-effect)::after{background:transparent}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-shade)}}:host(.button-disabled) .button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ion-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;width:inherit;height:inherit}::slotted(ion-icon){font-size:var(--ion-font-size-500, 1.25rem)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--ion-space-200, var(--ion-scale-200, 8px));margin-inline-end:var(--ion-space-200, var(--ion-scale-200, 8px))}::slotted(ion-icon[slot=start]),::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--ion-space-250, var(--ion-scale-250, 10px));margin-inline-end:var(--ion-space-250, var(--ion-scale-250, 10px))}:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--ion-space-300, var(--ion-scale-300, 12px));margin-inline-end:var(--ion-space-300, var(--ion-scale-300, 12px))}:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--ion-space-200, var(--ion-scale-200, 8px));margin-inline-start:var(--ion-space-200, var(--ion-scale-200, 8px))}::slotted(ion-icon[slot=end]),::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--ion-space-250, var(--ion-scale-250, 10px));margin-inline-start:var(--ion-space-250, var(--ion-scale-250, 10px))}:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--ion-space-300, var(--ion-scale-300, 12px));margin-inline-start:var(--ion-space-300, var(--ion-scale-300, 12px))}:host ::slotted(ion-badge[vertical]:not(:empty)){-webkit-padding-start:var(--ion-space-050, var(--ion-scale-050, 2px));padding-inline-start:var(--ion-space-050, var(--ion-scale-050, 2px));-webkit-padding-end:var(--ion-space-050, var(--ion-scale-050, 2px));padding-inline-end:var(--ion-space-050, var(--ion-scale-050, 2px));padding-top:var(--ion-space-050, var(--ion-scale-050, 2px));padding-bottom:var(--ion-space-050, var(--ion-scale-050, 2px))}";
144
144
  const IonButtonIonicStyle0 = buttonIonicCss;
145
145
 
146
146
  const buttonIosCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-outline){--background:transparent}:host(.button-clear){--border-width:0;--background:transparent}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon),::slotted(ion-spinner){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-foreground)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}.button-native ion-ripple-effect,.button-native::after{border-radius:inherit}:has(ion-badge) .button-native{--overflow:visible}:host(:has(ion-badge)) .button-native{--overflow:visible}:host ::slotted(ion-badge[vertical]:not(:empty)){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host{font-family:var(--ion-font-family, inherit)}:host(.button-solid){--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary, #0054e9)}:host(.button-clear){--color:var(--ion-color-primary, #0054e9)}::slotted(ion-icon){font-size:1.35em}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}.button-native ::slotted(ion-badge){position:fixed}:host ::slotted(ion-badge[vertical]:not(:empty)){-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;padding-top:2px;padding-bottom:2px}:host{--padding-top:13px;--padding-bottom:13px;--padding-start:1em;--padding-end:1em;--transition:background-color, opacity 100ms linear;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:4px;margin-bottom:4px;min-height:3.1em;font-size:min(1rem, 48px);font-weight:500;letter-spacing:0}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #004acd);--background-focused:var(--ion-color-primary-shade, #004acd);--background-hover:var(--ion-color-primary-tint, #1a65eb);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1}:host(.button-outline){--border-width:1px;--border-style:solid;--background-activated:var(--ion-color-primary, #0054e9);--background-focused:var(--ion-color-primary, #0054e9);--background-hover:transparent;--background-focused-opacity:0.1;--color-activated:var(--ion-color-primary-contrast, #fff)}:host(.button-clear){--background-activated:transparent;--background-activated-opacity:0;--background-focused:var(--ion-color-primary, #0054e9);--background-hover:transparent;--background-focused-opacity:0.1;font-size:min(1.0625rem, 51px);font-weight:normal}:host(.in-buttons){font-size:clamp(17px, 1.0625rem, 21.08px);font-weight:400}:host(.button-large){--padding-top:17px;--padding-start:1em;--padding-end:1em;--padding-bottom:17px;min-height:3.1em;font-size:min(1.25rem, 60px)}:host(.button-small){--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:min(0.8125rem, 39px)}:host(.button-soft){--border-radius:6px}:host(.button-soft.button-large){--border-radius:8px}:host(.button-soft.button-small){--border-radius:4px}:host(.button-round){--border-radius:999px}:host(.button-rectangular){--border-radius:0px}:host(.button-strong){font-weight:600}:host(.button-has-icon-only){--padding-top:0;--padding-bottom:var(--padding-top);--padding-end:var(--padding-top);--padding-start:var(--padding-end);min-width:clamp(30px, 2.125em, 60px);min-height:clamp(30px, 2.125em, 60px)}::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 1.125em, 43.02px)}:host(.button-small.button-has-icon-only){min-width:clamp(23px, 2.16em, 54px);min-height:clamp(23px, 2.16em, 54px)}:host(.button-small) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(12.1394px, 1.308125em, 40.1856px)}:host(.button-large.button-has-icon-only){min-width:clamp(46px, 2.5em, 78px);min-height:clamp(46px, 2.5em, 78px)}:host(.button-large) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 0.9em, 43.056px)}:host(.button-outline.ion-focused.ion-color) .button-native,:host(.button-clear.ion-focused.ion-color) .button-native{color:var(--ion-color-base)}:host(.button-outline.ion-focused.ion-color) .button-native::after,:host(.button-clear.ion-focused.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.button-clear:not(.ion-activated):hover),:host(.button-outline:not(.ion-activated):hover){opacity:0.6}:host(.button-clear.ion-color:hover) .button-native,:host(.button-outline.ion-color:hover) .button-native{color:var(--ion-color-base)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:transparent}:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}:host(:hover.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color):not(.ion-activated)) .button-native::after{background:#fff;opacity:0.1}}:host(.button-clear.ion-activated){opacity:0.4}:host(.button-outline.ion-activated.ion-color) .button-native{color:var(--ion-color-contrast)}:host(.button-outline.ion-activated.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--color));color:var(--ion-toolbar-background, var(--background), var(--ion-color-primary-contrast, #fff))}";
@@ -269,12 +269,13 @@ const Button = class {
269
269
  return shape;
270
270
  }
271
271
  /**
272
- * Set the size based if the button is inside of an item, the default size is "small"
272
+ * Get the default size. If size is unset and the button is inside an item,
273
+ * the default size is "small". Otherwise, it uses the value of size.
273
274
  */
274
275
  getSize() {
275
276
  const { size } = this;
276
- if (size === undefined && this.inItem) {
277
- return 'small';
277
+ if (size === undefined) {
278
+ return this.inItem ? 'small' : 'medium';
278
279
  }
279
280
  return size;
280
281
  }
@@ -370,7 +371,7 @@ const Button = class {
370
371
  {
371
372
  type !== 'button' && this.renderHiddenButton();
372
373
  }
373
- return (h(Host, { key: '0bf1e71eaa0c83463f8e3fff957e2c0075118682', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
374
+ return (h(Host, { key: '06c18166b656bb4c3aef4c98631e700aacb10517', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
374
375
  [theme]: true,
375
376
  [buttonType]: true,
376
377
  [`${buttonType}-${expand}`]: expand !== undefined,
@@ -385,7 +386,7 @@ const Button = class {
385
386
  'button-disabled': disabled,
386
387
  'ion-activatable': true,
387
388
  'ion-focusable': true,
388
- }) }, h(TagType, Object.assign({ key: 'e1604d905028ce0f27d4e6f85561f584571a56c8' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("span", { key: '8b214709be527a06060466bc975f2d9a86ca41a4', class: "button-inner" }, h("slot", { key: '5da7b52ab234de43493c0bcda7631681368a30b8', name: "icon-only", onSlotchange: this.slotChanged }), h("slot", { key: 'ef9edc0381cf2255f99437678d350e178f516850', name: "start" }), h("slot", { key: '1b45c07d88aa1a91af63570bf533e607c61edb00' }), h("slot", { key: '1c3bcba3c81ee9a97d5ee5c888b19e9bdcd4ba75', name: "end" })), mode === 'md' && h("ion-ripple-effect", { key: 'c225e2919d973775d1e1c2434a3660cb01fce42c', type: this.rippleType }))));
389
+ }) }, h(TagType, Object.assign({ key: 'e7db04c5b41edd81854cbdae48dc9413ee3bdac7' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("span", { key: '1b5d5782ff38715b945de0eaea895c2dc487fbcb', class: "button-inner" }, h("slot", { key: 'f6803a054a4e6408ef6801e4e455926d60dd0dbe', name: "icon-only", onSlotchange: this.slotChanged }), h("slot", { key: 'd7f3b15b84a5e8d6b3667214473d335b3bd1a735', name: "start" }), h("slot", { key: '7740a31e403a28da808ddfe88a6de268b6d69974' }), h("slot", { key: '6d85465f8b51fe3845ef1a0966dc26b102e3fccd', name: "end" })), mode === 'md' && h("ion-ripple-effect", { key: '0cb8ed9c0c9c7c4624a30cf39dc224d6039549de', type: this.rippleType }))));
389
390
  }
390
391
  get el() { return getElement(this); }
391
392
  static get watchers() { return {