@ionic/core 8.8.20-dev.11790589087.1cc6dc2f → 8.8.20-dev.11791394441.17aeb6fc

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 (204) hide show
  1. package/components/ion-accordion.js +1 -1
  2. package/components/ion-action-sheet.js +1 -1
  3. package/components/ion-alert.js +1 -1
  4. package/components/ion-avatar.js +1 -1
  5. package/components/ion-badge.js +1 -1
  6. package/components/ion-button.js +1 -1
  7. package/components/ion-card-content.js +1 -1
  8. package/components/ion-card-subtitle.js +1 -1
  9. package/components/ion-checkbox.js +1 -1
  10. package/components/ion-chip.js +1 -1
  11. package/components/ion-datetime.js +1 -1
  12. package/components/ion-input-otp.js +1 -1
  13. package/components/ion-input-password-toggle.js +1 -1
  14. package/components/ion-input.js +1 -1
  15. package/components/ion-item-option.js +1 -1
  16. package/components/ion-item.js +1 -1
  17. package/components/ion-list-header.js +1 -1
  18. package/components/ion-modal.js +1 -1
  19. package/components/ion-popover.js +1 -1
  20. package/components/ion-radio-group.js +1 -1
  21. package/components/ion-radio.js +1 -1
  22. package/components/ion-range.js +1 -1
  23. package/components/ion-searchbar.js +1 -1
  24. package/components/ion-segment-button.js +1 -1
  25. package/components/ion-select-modal.js +1 -1
  26. package/components/ion-select-popover.js +1 -1
  27. package/components/ion-select.js +1 -1
  28. package/components/ion-tab-bar.js +1 -1
  29. package/components/ion-tab-button.js +1 -1
  30. package/components/ion-textarea.js +1 -1
  31. package/components/ion-title.js +1 -1
  32. package/components/ion-toast.js +1 -1
  33. package/components/ion-toggle.js +1 -1
  34. package/components/p-5SA6gaJK.js +4 -0
  35. package/components/p-66lMN0uJ.js +4 -0
  36. package/components/p-Aiebb5BP.js +4 -0
  37. package/components/p-B4ChegHQ.js +4 -0
  38. package/components/p-B7oBVBLC.js +4 -0
  39. package/components/{p-BRCaVT6R.js → p-BWqyO-uf.js} +1 -1
  40. package/components/p-BZvWmOA3.js +4 -0
  41. package/components/p-CG9ZBpG3.js +4 -0
  42. package/components/{p-DRJsuCbz.js → p-ChmqgUIu.js} +1 -1
  43. package/components/p-D9nsoope.js +4 -0
  44. package/components/{p-BrMzxZsq.js → p-DBdldgo5.js} +1 -1
  45. package/components/p-HEjQpmqR.js +4 -0
  46. package/components/p-i78swphu.js +4 -0
  47. package/css/ionic/bundle.ionic.css +1 -1
  48. package/css/ionic/bundle.ionic.css.map +1 -1
  49. package/css/ionic/core.ionic.css +1 -1
  50. package/css/ionic/core.ionic.css.map +1 -1
  51. package/css/ionic/global.bundle.ionic.css +1 -1
  52. package/css/ionic/global.bundle.ionic.css.map +1 -1
  53. package/css/ionic/ionic-swiper.ionic.css +1 -1
  54. package/css/ionic/ionic-swiper.ionic.css.map +1 -1
  55. package/css/ionic/link.ionic.css +1 -1
  56. package/css/ionic/link.ionic.css.map +1 -1
  57. package/css/ionic/typography.ionic.css +1 -1
  58. package/css/ionic/typography.ionic.css.map +1 -1
  59. package/dist/cjs/ion-accordion_2.cjs.entry.js +1 -1
  60. package/dist/cjs/ion-action-sheet.cjs.entry.js +1 -1
  61. package/dist/cjs/ion-alert.cjs.entry.js +1 -1
  62. package/dist/cjs/ion-app_8.cjs.entry.js +1 -1
  63. package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
  64. package/dist/cjs/ion-button_2.cjs.entry.js +1 -1
  65. package/dist/cjs/ion-card_5.cjs.entry.js +2 -2
  66. package/dist/cjs/ion-checkbox.cjs.entry.js +1 -1
  67. package/dist/cjs/ion-chip.cjs.entry.js +1 -1
  68. package/dist/cjs/ion-datetime_3.cjs.entry.js +1 -1
  69. package/dist/cjs/ion-input-otp.cjs.entry.js +1 -1
  70. package/dist/cjs/ion-input.cjs.entry.js +1 -1
  71. package/dist/cjs/ion-item-option_3.cjs.entry.js +1 -1
  72. package/dist/cjs/ion-item_8.cjs.entry.js +2 -2
  73. package/dist/cjs/ion-modal.cjs.entry.js +1 -1
  74. package/dist/cjs/ion-popover.cjs.entry.js +1 -1
  75. package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
  76. package/dist/cjs/ion-range.cjs.entry.js +1 -1
  77. package/dist/cjs/ion-searchbar.cjs.entry.js +1 -1
  78. package/dist/cjs/ion-segment_2.cjs.entry.js +1 -1
  79. package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
  80. package/dist/cjs/ion-select_3.cjs.entry.js +2 -2
  81. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +2 -2
  82. package/dist/cjs/ion-textarea.cjs.entry.js +1 -1
  83. package/dist/cjs/ion-toast.cjs.entry.js +1 -1
  84. package/dist/cjs/ion-toggle.cjs.entry.js +1 -1
  85. package/dist/collection/components/accordion/accordion.ionic.css +2 -2
  86. package/dist/collection/components/action-sheet/action-sheet.ionic.css +4 -4
  87. package/dist/collection/components/alert/alert.ionic.css +7 -7
  88. package/dist/collection/components/avatar/avatar.ionic.css +6 -6
  89. package/dist/collection/components/badge/badge.ionic.css +3 -3
  90. package/dist/collection/components/button/button.ionic.css +4 -4
  91. package/dist/collection/components/card-content/card-content.ionic.css +1 -1
  92. package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +1 -1
  93. package/dist/collection/components/checkbox/checkbox.ionic.css +1 -1
  94. package/dist/collection/components/chip/chip.ionic.css +1 -1
  95. package/dist/collection/components/datetime/datetime.ionic.css +7 -7
  96. package/dist/collection/components/input/input.ionic.css +3 -3
  97. package/dist/collection/components/input-otp/input-otp.ionic.css +2 -2
  98. package/dist/collection/components/item/item.ionic.css +1 -1
  99. package/dist/collection/components/item-option/item-option.ionic.css +1 -1
  100. package/dist/collection/components/list-header/list-header.ionic.css +1 -1
  101. package/dist/collection/components/modal/modal.ionic.css +1 -1
  102. package/dist/collection/components/popover/popover.ionic.css +1 -1
  103. package/dist/collection/components/radio/radio.ionic.css +2 -2
  104. package/dist/collection/components/radio-group/radio-group.ionic.css +1 -1
  105. package/dist/collection/components/range/range.ionic.css +1 -1
  106. package/dist/collection/components/searchbar/searchbar.ionic.css +1 -1
  107. package/dist/collection/components/segment-button/segment-button.ionic.css +1 -1
  108. package/dist/collection/components/select/select.ionic.css +3 -3
  109. package/dist/collection/components/select-modal/select-modal.ionic.css +3 -3
  110. package/dist/collection/components/select-popover/select-popover.ionic.css +2 -2
  111. package/dist/collection/components/tab-bar/tab-bar.ionic.css +1 -1
  112. package/dist/collection/components/tab-button/tab-button.ionic.css +1 -1
  113. package/dist/collection/components/textarea/textarea.ionic.css +3 -3
  114. package/dist/collection/components/title/title.ionic.css +2 -2
  115. package/dist/collection/components/toast/toast.ionic.css +4 -4
  116. package/dist/collection/components/toggle/toggle.ionic.css +2 -2
  117. package/dist/docs.json +1 -1
  118. package/dist/esm/ion-accordion_2.entry.js +1 -1
  119. package/dist/esm/ion-action-sheet.entry.js +1 -1
  120. package/dist/esm/ion-alert.entry.js +1 -1
  121. package/dist/esm/ion-app_8.entry.js +1 -1
  122. package/dist/esm/ion-avatar_3.entry.js +2 -2
  123. package/dist/esm/ion-button_2.entry.js +1 -1
  124. package/dist/esm/ion-card_5.entry.js +2 -2
  125. package/dist/esm/ion-checkbox.entry.js +1 -1
  126. package/dist/esm/ion-chip.entry.js +1 -1
  127. package/dist/esm/ion-datetime_3.entry.js +1 -1
  128. package/dist/esm/ion-input-otp.entry.js +1 -1
  129. package/dist/esm/ion-input.entry.js +1 -1
  130. package/dist/esm/ion-item-option_3.entry.js +1 -1
  131. package/dist/esm/ion-item_8.entry.js +2 -2
  132. package/dist/esm/ion-modal.entry.js +1 -1
  133. package/dist/esm/ion-popover.entry.js +1 -1
  134. package/dist/esm/ion-radio_2.entry.js +2 -2
  135. package/dist/esm/ion-range.entry.js +1 -1
  136. package/dist/esm/ion-searchbar.entry.js +1 -1
  137. package/dist/esm/ion-segment_2.entry.js +1 -1
  138. package/dist/esm/ion-select-modal.entry.js +1 -1
  139. package/dist/esm/ion-select_3.entry.js +2 -2
  140. package/dist/esm/ion-tab-bar_2.entry.js +2 -2
  141. package/dist/esm/ion-textarea.entry.js +1 -1
  142. package/dist/esm/ion-toast.entry.js +1 -1
  143. package/dist/esm/ion-toggle.entry.js +1 -1
  144. package/dist/ionic/ionic.esm.js +1 -1
  145. package/dist/ionic/p-0f4e1dd6.entry.js +4 -0
  146. package/dist/ionic/p-13398145.entry.js +4 -0
  147. package/dist/ionic/p-1e314e2c.entry.js +4 -0
  148. package/dist/ionic/p-2413a0fc.entry.js +4 -0
  149. package/dist/ionic/p-35fab94d.entry.js +4 -0
  150. package/dist/ionic/p-378152d8.entry.js +4 -0
  151. package/dist/ionic/p-3a4f9b8a.entry.js +4 -0
  152. package/dist/ionic/p-3d466b08.entry.js +4 -0
  153. package/dist/ionic/p-511b48f7.entry.js +4 -0
  154. package/dist/ionic/{p-ab04f606.entry.js → p-551b18d6.entry.js} +1 -1
  155. package/dist/ionic/p-73cff9a4.entry.js +4 -0
  156. package/dist/ionic/{p-ce7bdadf.entry.js → p-777df225.entry.js} +1 -1
  157. package/dist/ionic/p-839a843e.entry.js +4 -0
  158. package/dist/ionic/p-8eee9154.entry.js +4 -0
  159. package/dist/ionic/p-9022f64b.entry.js +4 -0
  160. package/dist/ionic/{p-b92fc2b6.entry.js → p-9994becf.entry.js} +1 -1
  161. package/dist/ionic/p-9b786c57.entry.js +4 -0
  162. package/dist/ionic/p-a5994eac.entry.js +4 -0
  163. package/dist/ionic/p-b14486dc.entry.js +4 -0
  164. package/dist/ionic/p-b536494c.entry.js +4 -0
  165. package/dist/ionic/p-bdec9c7b.entry.js +4 -0
  166. package/dist/ionic/{p-f8f61876.entry.js → p-dccdc1ff.entry.js} +1 -1
  167. package/dist/ionic/p-e1caa56c.entry.js +4 -0
  168. package/dist/ionic/{p-00006e47.entry.js → p-f1baf6b9.entry.js} +1 -1
  169. package/dist/ionic/p-f5e83e40.entry.js +4 -0
  170. package/dist/ionic/p-fc12f985.entry.js +4 -0
  171. package/hydrate/index.js +32 -32
  172. package/hydrate/index.mjs +32 -32
  173. package/package.json +4 -4
  174. package/components/p-B1Ckdhof.js +0 -4
  175. package/components/p-B8Vus3NC.js +0 -4
  176. package/components/p-BbGeDQXO.js +0 -4
  177. package/components/p-BooNwQGm.js +0 -4
  178. package/components/p-C7g2sOXQ.js +0 -4
  179. package/components/p-CE7AgdzL.js +0 -4
  180. package/components/p-CGezXDvw.js +0 -4
  181. package/components/p-CuMUiFew.js +0 -4
  182. package/components/p-DQq1lHJB.js +0 -4
  183. package/components/p-DRlveqJv.js +0 -4
  184. package/dist/ionic/p-0e0b77a1.entry.js +0 -4
  185. package/dist/ionic/p-0ff0409b.entry.js +0 -4
  186. package/dist/ionic/p-1753c08d.entry.js +0 -4
  187. package/dist/ionic/p-3276f797.entry.js +0 -4
  188. package/dist/ionic/p-39ec9cf3.entry.js +0 -4
  189. package/dist/ionic/p-5a9a921d.entry.js +0 -4
  190. package/dist/ionic/p-6decd4a6.entry.js +0 -4
  191. package/dist/ionic/p-732bb10a.entry.js +0 -4
  192. package/dist/ionic/p-788418c5.entry.js +0 -4
  193. package/dist/ionic/p-7b3e8dcc.entry.js +0 -4
  194. package/dist/ionic/p-7efad059.entry.js +0 -4
  195. package/dist/ionic/p-89ce42f3.entry.js +0 -4
  196. package/dist/ionic/p-a32fd690.entry.js +0 -4
  197. package/dist/ionic/p-d1a8bb39.entry.js +0 -4
  198. package/dist/ionic/p-d6b9ab96.entry.js +0 -4
  199. package/dist/ionic/p-dd54075e.entry.js +0 -4
  200. package/dist/ionic/p-e386bba3.entry.js +0 -4
  201. package/dist/ionic/p-e69338d9.entry.js +0 -4
  202. package/dist/ionic/p-eb8a0235.entry.js +0 -4
  203. package/dist/ionic/p-f0436e04.entry.js +0 -4
  204. package/dist/ionic/p-fa146a10.entry.js +0 -4
@@ -124,7 +124,7 @@
124
124
  font-size: var(--token-font-size-300, 0.75rem);
125
125
  font-weight: var(--token-font-weight-medium, 500);
126
126
  letter-spacing: var(--token-font-letter-spacing-0, 0);
127
- line-height: var(--token-font-line-height-500, 1.25rem);
127
+ line-height: 1.666667;
128
128
  gap: var(--token-space-100, var(--token-scale-100, 4px));
129
129
  line-height: 100%;
130
130
  cursor: auto;
@@ -499,7 +499,7 @@
499
499
  font-size: var(--token-font-size-450, 1.125rem);
500
500
  font-weight: var(--token-font-weight-medium, 500);
501
501
  letter-spacing: var(--token-font-letter-spacing-0, 0);
502
- line-height: var(--token-font-line-height-700, 1.75rem);
502
+ line-height: 1.555556;
503
503
  color: var(--token-primitives-neutral-800, #6c727a);
504
504
  }
505
505
 
@@ -508,7 +508,7 @@
508
508
  font-size: var(--token-font-size-350, 0.875rem);
509
509
  font-weight: var(--token-font-weight-regular, 400);
510
510
  letter-spacing: var(--token-font-letter-spacing-0, 0);
511
- line-height: var(--token-font-line-height-600, 1.5rem);
511
+ line-height: 1.714286;
512
512
  color: var(--token-primitives-neutral-1000, #383e45);
513
513
  }
514
514
 
@@ -530,7 +530,7 @@
530
530
  font-size: var(--token-font-size-400, 1rem);
531
531
  font-weight: var(--token-font-weight-medium, 500);
532
532
  letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
533
- line-height: var(--token-font-line-height-600, 1.5rem);
533
+ line-height: 1.5;
534
534
  -webkit-padding-start: var(--token-space-400, var(--token-scale-400, 16px));
535
535
  padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
536
536
  -webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
@@ -574,7 +574,7 @@
574
574
  font-size: var(--token-font-size-300, 0.75rem);
575
575
  font-weight: var(--token-font-weight-medium, 500);
576
576
  letter-spacing: var(--token-font-letter-spacing-150, 0.015em);
577
- line-height: var(--token-font-line-height-500, 1.25rem);
577
+ line-height: 1.666667;
578
578
  text-transform: uppercase;
579
579
  align-content: center;
580
580
  height: var(--token-scale-1200, 48px);
@@ -593,7 +593,7 @@
593
593
  font-size: var(--token-font-size-350, 0.875rem);
594
594
  font-weight: var(--token-font-weight-medium, 500);
595
595
  letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
596
- line-height: var(--token-font-line-height-500, 1.25rem);
596
+ line-height: 1.428571;
597
597
  width: var(--token-scale-1200, 48px);
598
598
  min-width: var(--token-scale-1200, 48px);
599
599
  height: var(--token-scale-1200, 48px);
@@ -649,7 +649,7 @@
649
649
  font-size: var(--token-font-size-400, 1rem);
650
650
  font-weight: var(--token-font-weight-medium, 500);
651
651
  letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
652
- line-height: var(--token-font-line-height-600, 1.5rem);
652
+ line-height: 1.5;
653
653
  color: var(--token-primitives-neutral-800, #6c727a);
654
654
  }
655
655
 
@@ -664,7 +664,7 @@
664
664
  font-size: var(--token-font-size-350, 0.875rem);
665
665
  font-weight: var(--token-font-weight-medium, 500);
666
666
  letter-spacing: var(--token-font-letter-spacing-0, 0);
667
- line-height: var(--token-font-line-height-600, 1.5rem);
667
+ line-height: 1.714286;
668
668
  border-radius: var(--token-border-radius-full, 999px);
669
669
  display: flex;
670
670
  align-items: center;
@@ -578,7 +578,7 @@
578
578
  font-size: var(--token-font-size-350, 0.875rem);
579
579
  font-weight: var(--token-font-weight-regular, 400);
580
580
  letter-spacing: var(--token-font-letter-spacing-0, 0);
581
- line-height: var(--token-font-line-height-600, 1.5rem);
581
+ line-height: 1.714286;
582
582
  }
583
583
 
584
584
  .input-outline {
@@ -800,7 +800,7 @@
800
800
  font-size: var(--token-font-size-300, 0.75rem);
801
801
  font-weight: var(--token-font-weight-medium, 500);
802
802
  letter-spacing: var(--token-font-letter-spacing-0, 0);
803
- line-height: var(--token-font-line-height-500, 1.25rem);
803
+ line-height: 1.666667;
804
804
  color: var(--token-primitives-neutral-1000, #383e45);
805
805
  }
806
806
 
@@ -817,7 +817,7 @@
817
817
  font-size: var(--token-font-size-300, 0.75rem);
818
818
  font-weight: var(--token-font-weight-medium, 500);
819
819
  letter-spacing: var(--token-font-letter-spacing-0, 0);
820
- line-height: var(--token-font-line-height-500, 1.25rem);
820
+ line-height: 1.666667;
821
821
  }
822
822
 
823
823
  .input-bottom .error-text {
@@ -257,7 +257,7 @@
257
257
  font-size: var(--token-font-size-350, 0.875rem);
258
258
  font-weight: var(--token-font-weight-regular, 400);
259
259
  letter-spacing: var(--token-font-letter-spacing-0, 0);
260
- line-height: var(--token-font-line-height-600, 1.5rem);
260
+ line-height: 1.714286;
261
261
  }
262
262
 
263
263
  :host(.has-focus) .native-input:focus {
@@ -269,7 +269,7 @@
269
269
  font-size: var(--token-font-size-300, 0.75rem);
270
270
  font-weight: var(--token-font-weight-medium, 500);
271
271
  letter-spacing: var(--token-font-letter-spacing-0, 0);
272
- line-height: var(--token-font-line-height-500, 1.25rem);
272
+ line-height: 1.666667;
273
273
  color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
274
274
  }
275
275
 
@@ -426,7 +426,7 @@ ion-ripple-effect {
426
426
  font-size: var(--token-font-size-400, 1rem);
427
427
  font-weight: var(--token-font-weight-medium, 500);
428
428
  letter-spacing: var(--token-font-letter-spacing-0, 0);
429
- line-height: var(--token-font-line-height-600, 1.5rem);
429
+ line-height: 1.5;
430
430
  }
431
431
 
432
432
  .item-inner {
@@ -162,7 +162,7 @@
162
162
  font-size: var(--token-font-size-350, 0.875rem);
163
163
  font-weight: var(--token-font-weight-medium, 500);
164
164
  letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
165
- line-height: var(--token-font-line-height-500, 1.25rem);
165
+ line-height: 1.428571;
166
166
  }
167
167
 
168
168
  .button-native {
@@ -154,7 +154,7 @@
154
154
  font-size: var(--token-font-size-350, 0.875rem);
155
155
  font-weight: var(--token-font-weight-medium, 500);
156
156
  letter-spacing: var(--token-font-letter-spacing-0, 0);
157
- line-height: var(--token-font-line-height-600, 1.5rem);
157
+ line-height: 1.714286;
158
158
  min-height: calc(var(--token-scale-1400, 56px) + var(--token-scale-050, 2px));
159
159
  /**
160
160
  * The focus rings from components like buttons and links
@@ -198,7 +198,7 @@ ion-backdrop {
198
198
 
199
199
  :host {
200
200
  --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
201
- --box-shadow: var(--token-elevation-3, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-6, 6px) var(--token-shadow-blur-32, 32px) var(--token-shadow-spread-0, 0px) var(--token-shadow-6, rgba(0, 0, 0, 0.1607843137)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-2, 2px) var(--token-shadow-blur-7, 7px) var(--token-shadow-spread-0, 0px) var(--token-shadow-2, rgba(0, 0, 0, 0.0509803922)));
201
+ --box-shadow: var(--token-elevation-3, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-6, 6px) var(--token-shadow-blur-32, 32px) var(--token-shadow-spread-0, 0px) var(--token-shadow-6, rgba(0, 0, 0, 0.16)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-2, 2px) var(--token-shadow-blur-7, 7px) var(--token-shadow-spread-0, 0px) var(--token-shadow-2, rgba(0, 0, 0, 0.05)));
202
202
  --backdrop-opacity: 0.7;
203
203
  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
204
204
  }
@@ -263,7 +263,7 @@
263
263
  :host {
264
264
  --width: 250px;
265
265
  --max-height: 90%;
266
- --box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.1803921569)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-12, 12px) var(--token-shadow-spread-0, 0px) var(--token-shadow-5, rgba(0, 0, 0, 0.1215686275)));
266
+ --box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.18)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-12, 12px) var(--token-shadow-spread-0, 0px) var(--token-shadow-5, rgba(0, 0, 0, 0.12)));
267
267
  --backdrop-opacity: 0.3;
268
268
  }
269
269
 
@@ -287,7 +287,7 @@ input {
287
287
  font-size: var(--token-font-size-350, 0.875rem);
288
288
  font-weight: var(--token-font-weight-regular, 400);
289
289
  letter-spacing: var(--token-font-letter-spacing-0, 0);
290
- line-height: var(--token-font-line-height-600, 1.5rem);
290
+ line-height: 1.714286;
291
291
  min-height: var(--token-scale-1200, 48px);
292
292
  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
293
293
  }
@@ -407,7 +407,7 @@ input {
407
407
  top: 0;
408
408
  bottom: 0;
409
409
  position: absolute;
410
- background-color: var(--token-state-press, rgba(0, 0, 0, 0.0705882353));
410
+ background-color: var(--token-state-press, rgba(0, 0, 0, 0.07));
411
411
  content: "";
412
412
  border-radius: inherit;
413
413
  top: calc(var(--border-width) * -1);
@@ -88,7 +88,7 @@
88
88
  font-size: var(--token-font-size-300, 0.75rem);
89
89
  font-weight: var(--token-font-weight-medium, 500);
90
90
  letter-spacing: var(--token-font-letter-spacing-0, 0);
91
- line-height: var(--token-font-line-height-500, 1.25rem);
91
+ line-height: 1.666667;
92
92
  }
93
93
 
94
94
  .radio-group-top .error-text {
@@ -359,7 +359,7 @@
359
359
  font-size: var(--token-font-size-350, 0.875rem);
360
360
  font-weight: var(--token-font-weight-regular, 400);
361
361
  letter-spacing: var(--token-font-letter-spacing-0, 0);
362
- line-height: var(--token-font-line-height-600, 1.5rem);
362
+ line-height: 1.714286;
363
363
  z-index: var(--token-z-index-100, 100);
364
364
  }
365
365
 
@@ -229,7 +229,7 @@
229
229
  font-size: var(--token-font-size-350, 0.875rem);
230
230
  font-weight: var(--token-font-weight-regular, 400);
231
231
  letter-spacing: var(--token-font-letter-spacing-0, 0);
232
- line-height: var(--token-font-line-height-600, 1.5rem);
232
+ line-height: 1.714286;
233
233
  padding-left: 0;
234
234
  padding-right: 0;
235
235
  padding-top: 0;
@@ -306,7 +306,7 @@
306
306
  font-size: var(--token-font-size-350, 0.875rem);
307
307
  font-weight: var(--token-font-weight-medium, 500);
308
308
  letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
309
- line-height: var(--token-font-line-height-500, 1.25rem);
309
+ line-height: 1.428571;
310
310
  }
311
311
 
312
312
  ::slotted(ion-icon) {
@@ -579,7 +579,7 @@ button {
579
579
  font-size: var(--token-font-size-300, 0.75rem);
580
580
  font-weight: var(--token-font-weight-medium, 500);
581
581
  letter-spacing: var(--token-font-letter-spacing-0, 0);
582
- line-height: var(--token-font-line-height-500, 1.25rem);
582
+ line-height: 1.666667;
583
583
  }
584
584
 
585
585
  .select-bottom .helper-text {
@@ -604,7 +604,7 @@ button {
604
604
  font-size: var(--token-font-size-300, 0.75rem);
605
605
  font-weight: var(--token-font-weight-medium, 500);
606
606
  letter-spacing: var(--token-font-letter-spacing-0, 0);
607
- line-height: var(--token-font-line-height-500, 1.25rem);
607
+ line-height: 1.666667;
608
608
  /**
609
609
  * Label text should not extend
610
610
  * beyond the bounds of the select.
@@ -705,7 +705,7 @@ button {
705
705
  font-size: var(--token-font-size-350, 0.875rem);
706
706
  font-weight: var(--token-font-weight-regular, 400);
707
707
  letter-spacing: var(--token-font-letter-spacing-0, 0);
708
- line-height: var(--token-font-line-height-600, 1.5rem);
708
+ line-height: 1.714286;
709
709
  /**
710
710
  * When the floating label appears on top of the
711
711
  * input, we need to fade the input out so that the
@@ -78,7 +78,7 @@
78
78
  font-size: var(--token-font-size-350, 0.875rem);
79
79
  font-weight: var(--token-font-weight-regular, 400);
80
80
  letter-spacing: var(--token-font-letter-spacing-0, 0);
81
- line-height: var(--token-font-line-height-600, 1.5rem);
81
+ line-height: 1.714286;
82
82
  -webkit-padding-start: var(--token-space-0, var(--token-scale-0, 0px));
83
83
  padding-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
84
84
  -webkit-padding-end: var(--token-space-0, var(--token-scale-0, 0px));
@@ -208,7 +208,7 @@ ion-toolbar {
208
208
  font-size: var(--token-font-size-450, 1.125rem);
209
209
  font-weight: var(--token-font-weight-medium, 500);
210
210
  letter-spacing: var(--token-font-letter-spacing-0, 0);
211
- line-height: var(--token-font-line-height-700, 1.75rem);
211
+ line-height: 1.555556;
212
212
  }
213
213
 
214
214
  ion-list ion-radio::part(container) {
@@ -230,7 +230,7 @@ ion-list ion-checkbox::part(label) {
230
230
  font-size: var(--token-font-size-400, 1rem);
231
231
  font-weight: var(--token-font-weight-medium, 500);
232
232
  letter-spacing: var(--token-font-letter-spacing-0, 0);
233
- line-height: var(--token-font-line-height-600, 1.5rem);
233
+ line-height: 1.5;
234
234
  }
235
235
 
236
236
  .item-radio-checked,
@@ -78,7 +78,7 @@
78
78
  font-size: var(--token-font-size-350, 0.875rem);
79
79
  font-weight: var(--token-font-weight-regular, 400);
80
80
  letter-spacing: var(--token-font-letter-spacing-0, 0);
81
- line-height: var(--token-font-line-height-600, 1.5rem);
81
+ line-height: 1.714286;
82
82
  -webkit-padding-start: var(--token-space-0, var(--token-scale-0, 0px));
83
83
  padding-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
84
84
  -webkit-padding-end: var(--token-space-0, var(--token-scale-0, 0px));
@@ -244,7 +244,7 @@ ion-list ion-checkbox::part(label) {
244
244
  font-size: var(--token-font-size-400, 1rem);
245
245
  font-weight: var(--token-font-weight-medium, 500);
246
246
  letter-spacing: var(--token-font-letter-spacing-0, 0);
247
- line-height: var(--token-font-line-height-600, 1.5rem);
247
+ line-height: 1.5;
248
248
  }
249
249
 
250
250
  .item-radio-checked,
@@ -154,7 +154,7 @@
154
154
  */
155
155
  min-height: calc(var(--token-scale-1400, 56px) - var(--token-space-100, var(--token-scale-100, 4px)) * 2);
156
156
  gap: var(--token-space-300, var(--token-scale-300, 12px));
157
- box-shadow: var(--token-elevation-2, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-8, 8px) var(--token-shadow-blur-25, 25px) var(--token-shadow-spread-0, 0px) var(--token-shadow-4, rgba(0, 0, 0, 0.0784313725)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-1, 1px) var(--token-shadow-blur-5, 5px) var(--token-shadow-spread-0, 0px) var(--token-shadow-2, rgba(0, 0, 0, 0.0509803922)));
157
+ box-shadow: var(--token-elevation-2, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-8, 8px) var(--token-shadow-blur-25, 25px) var(--token-shadow-spread-0, 0px) var(--token-shadow-4, rgba(0, 0, 0, 0.08)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-1, 1px) var(--token-shadow-blur-5, 5px) var(--token-shadow-spread-0, 0px) var(--token-shadow-2, rgba(0, 0, 0, 0.05)));
158
158
  /*
159
159
  * In case there are more tab buttons than can fit in the tab bar, enable
160
160
  * horizontal scrolling.
@@ -200,7 +200,7 @@ ion-ripple-effect {
200
200
  font-size: var(--token-font-size-300, 0.75rem);
201
201
  font-weight: var(--token-font-weight-medium, 500);
202
202
  letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
203
- line-height: var(--token-font-line-height-500, 1.25rem);
203
+ line-height: 1.666667;
204
204
  position: relative;
205
205
  align-content: center;
206
206
  min-width: var(--token-scale-1200, 48px);
@@ -648,7 +648,7 @@
648
648
  font-size: var(--token-font-size-350, 0.875rem);
649
649
  font-weight: var(--token-font-weight-regular, 400);
650
650
  letter-spacing: var(--token-font-letter-spacing-0, 0);
651
- line-height: var(--token-font-line-height-600, 1.5rem);
651
+ line-height: 1.714286;
652
652
  }
653
653
 
654
654
  :host(.ion-color) {
@@ -766,7 +766,7 @@
766
766
  font-size: var(--token-font-size-300, 0.75rem);
767
767
  font-weight: var(--token-font-weight-medium, 500);
768
768
  letter-spacing: var(--token-font-letter-spacing-0, 0);
769
- line-height: var(--token-font-line-height-500, 1.25rem);
769
+ line-height: 1.666667;
770
770
  }
771
771
 
772
772
  .textarea-bottom .error-text {
@@ -787,7 +787,7 @@
787
787
  font-size: var(--token-font-size-300, 0.75rem);
788
788
  font-weight: var(--token-font-weight-medium, 500);
789
789
  letter-spacing: var(--token-font-letter-spacing-0, 0);
790
- line-height: var(--token-font-line-height-500, 1.25rem);
790
+ line-height: 1.666667;
791
791
  max-width: var(--token-scale-5000, 200px);
792
792
  transition: color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
793
793
  color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));
@@ -111,7 +111,7 @@
111
111
  font-size: var(--token-font-size-450, 1.125rem);
112
112
  font-weight: var(--token-font-weight-medium, 500);
113
113
  letter-spacing: var(--token-font-letter-spacing-0, 0);
114
- line-height: var(--token-font-line-height-700, 1.75rem);
114
+ line-height: 1.555556;
115
115
  box-sizing: border-box;
116
116
  pointer-events: none;
117
117
  }
@@ -121,5 +121,5 @@
121
121
  font-size: var(--token-font-size-700, 1.75rem);
122
122
  font-weight: var(--token-font-weight-medium, 500);
123
123
  letter-spacing: var(--token-font-letter-spacing-0, 0);
124
- line-height: var(--token-font-line-height-900, 2.25rem);
124
+ line-height: 1.285714;
125
125
  }
@@ -235,7 +235,7 @@
235
235
  }
236
236
  }
237
237
  :host {
238
- --box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.1803921569)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-12, 12px) var(--token-shadow-spread-0, 0px) var(--token-shadow-5, rgba(0, 0, 0, 0.1215686275)));
238
+ --box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.18)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-12, 12px) var(--token-shadow-spread-0, 0px) var(--token-shadow-5, rgba(0, 0, 0, 0.12)));
239
239
  --max-width: 343px;
240
240
  --start: var(--token-space-200, var(--token-scale-200, 8px));
241
241
  --end: var(--token-space-200, var(--token-scale-200, 8px));
@@ -243,7 +243,7 @@
243
243
  font-size: var(--token-font-size-350, 0.875rem);
244
244
  font-weight: var(--token-font-weight-medium, 500);
245
245
  letter-spacing: var(--token-font-letter-spacing-0, 0);
246
- line-height: var(--token-font-line-height-600, 1.5rem);
246
+ line-height: 1.714286;
247
247
  z-index: 1001;
248
248
  }
249
249
 
@@ -305,7 +305,7 @@
305
305
  font-size: var(--token-font-size-450, 1.125rem);
306
306
  font-weight: var(--token-font-weight-medium, 500);
307
307
  letter-spacing: var(--token-font-letter-spacing-0, 0);
308
- line-height: var(--token-font-line-height-700, 1.75rem);
308
+ line-height: 1.555556;
309
309
  }
310
310
 
311
311
  .toast-layout-baseline .toast-button-group-start {
@@ -335,7 +335,7 @@
335
335
  font-size: var(--token-font-size-350, 0.875rem);
336
336
  font-weight: var(--token-font-weight-regular, 400);
337
337
  letter-spacing: var(--token-font-letter-spacing-0, 0);
338
- line-height: var(--token-font-line-height-600, 1.5rem);
338
+ line-height: 1.714286;
339
339
  padding-left: 0;
340
340
  padding-right: 0;
341
341
  padding-top: 0;
@@ -388,7 +388,7 @@ input {
388
388
  font-size: var(--token-font-size-350, 0.875rem);
389
389
  font-weight: var(--token-font-weight-regular, 400);
390
390
  letter-spacing: var(--token-font-letter-spacing-0, 0);
391
- line-height: var(--token-font-line-height-600, 1.5rem);
391
+ line-height: 1.714286;
392
392
  z-index: 2;
393
393
  }
394
394
 
@@ -416,7 +416,7 @@ input {
416
416
  font-size: var(--token-font-size-300, 0.75rem);
417
417
  font-weight: var(--token-font-weight-medium, 500);
418
418
  letter-spacing: var(--token-font-letter-spacing-0, 0);
419
- line-height: var(--token-font-line-height-500, 1.25rem);
419
+ line-height: 1.666667;
420
420
  }
421
421
 
422
422
  .toggle-bottom .error-text {
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2026-09-28T09:54:09",
2
+ "timestamp": "2026-10-07T17:37:29",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.43.5",
@@ -10,7 +10,7 @@ import { c as getIonTheme } from './ionic-global-BJDU78B6.js';
10
10
  import './focus-visible-vXpMhGrs.js';
11
11
  import './dir-o8OKV5aD.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(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px));right:0;left:0;bottom:0;display:block;position:absolute;height:var(--token-border-size-025, var(--token-scale-025, 1px));background-color:var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));content:"";z-index:3}:host(.accordion-last)::after{display:none}: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(--token-text-default, var(--token-primitives-neutral-1200, #242528));--border-width:var(--token-border-size-0, var(--token-scale-0, 0px));--inner-border-width:var(--token-scale-0, 0px);--min-height:var(--token-scale-700, 28px);--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem)}#content-wrapper{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-300, var(--token-scale-300, 12px));padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem);color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528))}:host(.accordion-disabled)::before{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-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(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px));right:0;left:0;bottom:0;display:block;position:absolute;height:var(--token-border-size-025, var(--token-scale-025, 1px));background-color:var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));content:"";z-index:3}:host(.accordion-last)::after{display:none}: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(--token-text-default, var(--token-primitives-neutral-1200, #242528));--border-width:var(--token-border-size-0, var(--token-scale-0, 0px));--inner-border-width:var(--token-scale-0, 0px);--min-height:var(--token-scale-700, 28px);--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.555556}#content-wrapper{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-300, var(--token-scale-300, 12px));padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528))}:host(.accordion-disabled)::before{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none;z-index:2}`;
14
14
 
15
15
  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}`;
16
16
 
@@ -103,7 +103,7 @@ const mdLeaveAnimation = (baseEl) => {
103
103
  .addAnimation([backdropAnimation, wrapperAnimation]);
104
104
  };
105
105
 
106
- const actionSheetIonicCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.action-sheet-button-label-text.sc-ion-action-sheet-ionic,.alert-checkbox-label-text.sc-ion-action-sheet-ionic,.alert-radio-label-text.sc-ion-action-sheet-ionic,.select-option-label-text.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.select-option-description.sc-ion-action-sheet-ionic{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem);-webkit-padding-start:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-end:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-end:var(--token-space-0, var(--token-scale-0, 0px));padding-top:var(--token-space-0, var(--token-scale-0, 0px));padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));font-size:var(--token-font-size-350, 0.875rem)}.select-option-start.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic{gap:var(--token-space-200, var(--token-scale-200, 8px))}.select-option-start.sc-ion-action-sheet-ionic>ion-avatar.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>ion-img.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>ion-thumbnail.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>img.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>svg.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-avatar.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-img.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-thumbnail.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>img.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>svg.sc-ion-action-sheet-ionic{width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}.select-option-start.sc-ion-action-sheet-ionic>ion-icon.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-icon.sc-ion-action-sheet-ionic{font-size:var(--token-scale-1200, 48px)}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-action-sheet-ionic,.alert-checkbox-label-text.sc-ion-action-sheet-ionic,.alert-radio-label-text.sc-ion-action-sheet-ionic,.select-option-label-text.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-action-sheet-ionic{display:block}.select-option-label.sc-ion-action-sheet-ionic:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ionic::part(label),ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ionic [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ionic::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ionic [part~="label"],.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1;white-space:normal}.sc-ion-action-sheet-ionic-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overlay-hidden.sc-ion-action-sheet-ionic-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ionic{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ionic{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button.sc-ion-action-sheet-ionic:disabled ion-icon.sc-ion-action-sheet-ionic{color:currentColor}.action-sheet-button-inner.sc-ion-action-sheet-ionic{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;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ionic{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ionic::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ionic{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ionic{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ionic::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated){color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated)::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated).action-sheet-selected::after{background:var(--button-background-focused, var(--button-background-selected));opacity:var(--button-background-focused-opacity, var(--button-background-selected-opacity))}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ionic-h{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--backdrop-opacity:0.7;--button-background:transparent;--button-background-selected:var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));--button-background-selected-opacity:1;--button-background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));--button-background-activated-opacity:1;--button-background-hover:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));--button-background-hover-opacity:1;--button-color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--button-color-disabled:var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad));--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));z-index:1001}.action-sheet-wrapper.sc-ion-action-sheet-ionic{z-index:10}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic::after{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));outline-offset:calc(var(--token-border-size-050, var(--token-scale-050, 2px)) * -1)}.action-sheet-wrapper.sc-ion-action-sheet-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem);color:var(--color);text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-ionic{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem);color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a))}.action-sheet-group.sc-ion-action-sheet-ionic:first-child{padding-top:var(--token-space-400, var(--token-scale-400, 16px))}.action-sheet-group.sc-ion-action-sheet-ionic:last-child{padding-bottom:var(--token-space-400, var(--token-scale-400, 16px))}.action-sheet-button.sc-ion-action-sheet-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-200, var(--token-scale-200, 8px));padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem);position:relative;min-height:52px;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-ionic{-webkit-margin-start:var(--token-space-0, var(--token-scale-0, 0px));margin-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-margin-end:var(--token-space-600, var(--token-scale-600, 24px));margin-inline-end:var(--token-space-600, var(--token-scale-600, 24px));margin-top:var(--token-space-0, var(--token-scale-0, 0px));margin-bottom:var(--token-space-0, var(--token-scale-0, 0px));width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px);color:var(--color, var(--token-text-default, var(--token-primitives-neutral-1200, #242528)))}.action-sheet-button-inner.sc-ion-action-sheet-ionic{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-ionic{font-weight:bold}`;
106
+ const actionSheetIonicCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.action-sheet-button-label-text.sc-ion-action-sheet-ionic,.alert-checkbox-label-text.sc-ion-action-sheet-ionic,.alert-radio-label-text.sc-ion-action-sheet-ionic,.select-option-label-text.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.select-option-description.sc-ion-action-sheet-ionic{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;-webkit-padding-start:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-end:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-end:var(--token-space-0, var(--token-scale-0, 0px));padding-top:var(--token-space-0, var(--token-scale-0, 0px));padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));font-size:var(--token-font-size-350, 0.875rem)}.select-option-start.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic{gap:var(--token-space-200, var(--token-scale-200, 8px))}.select-option-start.sc-ion-action-sheet-ionic>ion-avatar.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>ion-img.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>ion-thumbnail.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>img.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>svg.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-avatar.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-img.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-thumbnail.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>img.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>svg.sc-ion-action-sheet-ionic{width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}.select-option-start.sc-ion-action-sheet-ionic>ion-icon.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-icon.sc-ion-action-sheet-ionic{font-size:var(--token-scale-1200, 48px)}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-action-sheet-ionic,.alert-checkbox-label-text.sc-ion-action-sheet-ionic,.alert-radio-label-text.sc-ion-action-sheet-ionic,.select-option-label-text.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-action-sheet-ionic{display:block}.select-option-label.sc-ion-action-sheet-ionic:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ionic::part(label),ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ionic [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ionic::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ionic [part~="label"],.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1;white-space:normal}.sc-ion-action-sheet-ionic-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overlay-hidden.sc-ion-action-sheet-ionic-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ionic{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ionic{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button.sc-ion-action-sheet-ionic:disabled ion-icon.sc-ion-action-sheet-ionic{color:currentColor}.action-sheet-button-inner.sc-ion-action-sheet-ionic{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;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ionic{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ionic::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ionic{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ionic{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ionic::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated){color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated)::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated).action-sheet-selected::after{background:var(--button-background-focused, var(--button-background-selected));opacity:var(--button-background-focused-opacity, var(--button-background-selected-opacity))}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ionic-h{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--backdrop-opacity:0.7;--button-background:transparent;--button-background-selected:var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));--button-background-selected-opacity:1;--button-background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));--button-background-activated-opacity:1;--button-background-hover:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));--button-background-hover-opacity:1;--button-color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--button-color-disabled:var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad));--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));z-index:1001}.action-sheet-wrapper.sc-ion-action-sheet-ionic{z-index:10}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic::after{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));outline-offset:calc(var(--token-border-size-050, var(--token-scale-050, 2px)) * -1)}.action-sheet-wrapper.sc-ion-action-sheet-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.555556;color:var(--color);text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-ionic{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a))}.action-sheet-group.sc-ion-action-sheet-ionic:first-child{padding-top:var(--token-space-400, var(--token-scale-400, 16px))}.action-sheet-group.sc-ion-action-sheet-ionic:last-child{padding-bottom:var(--token-space-400, var(--token-scale-400, 16px))}.action-sheet-button.sc-ion-action-sheet-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-200, var(--token-scale-200, 8px));padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;position:relative;min-height:52px;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-ionic{-webkit-margin-start:var(--token-space-0, var(--token-scale-0, 0px));margin-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-margin-end:var(--token-space-600, var(--token-scale-600, 24px));margin-inline-end:var(--token-space-600, var(--token-scale-600, 24px));margin-top:var(--token-space-0, var(--token-scale-0, 0px));margin-bottom:var(--token-space-0, var(--token-scale-0, 0px));width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px);color:var(--color, var(--token-text-default, var(--token-primitives-neutral-1200, #242528)))}.action-sheet-button-inner.sc-ion-action-sheet-ionic{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-ionic{font-weight:bold}`;
107
107
 
108
108
  const actionSheetIosCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ios,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ios,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ios,.select-option-label-has-rich-content.sc-ion-action-sheet-ios{gap:16px}.action-sheet-button-label-text.sc-ion-action-sheet-ios,.alert-checkbox-label-text.sc-ion-action-sheet-ios,.alert-radio-label-text.sc-ion-action-sheet-ios,.select-option-label-text.sc-ion-action-sheet-ios{gap:12px}.select-option-start.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios{gap:8px}.select-option-description.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.select-option-start.sc-ion-action-sheet-ios>ion-avatar.sc-ion-action-sheet-ios,.select-option-start.sc-ion-action-sheet-ios>ion-img.sc-ion-action-sheet-ios,.select-option-start.sc-ion-action-sheet-ios>ion-thumbnail.sc-ion-action-sheet-ios,.select-option-start.sc-ion-action-sheet-ios>img.sc-ion-action-sheet-ios,.select-option-start.sc-ion-action-sheet-ios>svg.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>ion-avatar.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>ion-img.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>ion-thumbnail.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>img.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>svg.sc-ion-action-sheet-ios{width:44px;height:44px}.select-option-start.sc-ion-action-sheet-ios>ion-icon.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>ion-icon.sc-ion-action-sheet-ios{font-size:28px}.action-sheet-button-label-text.sc-ion-action-sheet-ios{-ms-flex-pack:center;justify-content:center}.select-option-has-rich-content.sc-ion-action-sheet-ios{-webkit-padding-end:16px;padding-inline-end:16px}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ios,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ios,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ios,.select-option-label-has-rich-content.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ios,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ios,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ios,.select-option-content.sc-ion-action-sheet-ios{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-action-sheet-ios,.alert-checkbox-label-text.sc-ion-action-sheet-ios,.alert-radio-label-text.sc-ion-action-sheet-ios,.select-option-label-text.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-action-sheet-ios{display:block}.select-option-label.sc-ion-action-sheet-ios:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ios::part(label),ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ios [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ios::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ios [part~="label"],.select-option-content.sc-ion-action-sheet-ios{-ms-flex:1;flex:1;white-space:normal}.sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overlay-hidden.sc-ion-action-sheet-ios-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ios{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button.sc-ion-action-sheet-ios:disabled ion-icon.sc-ion-action-sheet-ios{color:currentColor}.action-sheet-button-inner.sc-ion-action-sheet-ios{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;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ios{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ios::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ios{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ios{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios:not(.ion-activated){color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios:not(.ion-activated)::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios:not(.ion-activated).action-sheet-selected::after{background:var(--button-background-focused, var(--button-background-selected));opacity:var(--button-background-focused-opacity, var(--button-background-selected-opacity))}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ios-h{font-family:var(--ion-font-family, inherit);z-index:1001}.action-sheet-wrapper.sc-ion-action-sheet-ios{z-index:10}.sc-ion-action-sheet-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));--backdrop-opacity:var(--ion-backdrop-opacity, 0.4);--button-background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent;--button-background-activated:var(--ion-text-color, #000);--button-background-activated-opacity:0.08;--button-background-hover:currentColor;--button-background-hover-opacity:0.04;--button-background-focused:currentColor;--button-background-focused-opacity:0.12;--button-background-selected:var(--ion-color-step-150, var(--ion-background-color-step-150, var(--ion-background-color, #fff)));--button-background-selected-opacity:1;--button-color:var(--ion-color-primary, #0054e9);--button-color-disabled:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--color:var(--ion-color-step-400, var(--ion-text-color-step-600, #999999));text-align:center}.action-sheet-wrapper.sc-ion-action-sheet-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);padding-bottom:var(--ion-safe-area-bottom, 0);-webkit-box-sizing:content-box;box-sizing:content-box}.action-sheet-container.sc-ion-action-sheet-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}.action-sheet-group.sc-ion-action-sheet-ios{border-radius:13px;margin-bottom:8px}.action-sheet-group.sc-ion-action-sheet-ios:first-child{margin-top:10px}.action-sheet-group.sc-ion-action-sheet-ios:last-child{margin-bottom:10px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-group.sc-ion-action-sheet-ios{background-color:transparent;-webkit-backdrop-filter:saturate(280%) blur(20px);backdrop-filter:saturate(280%) blur(20px)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-title.sc-ion-action-sheet-ios,.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.sc-ion-action-sheet-ios{background-color:transparent;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background-image:linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%), linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4) 50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 50%);background-repeat:no-repeat;background-position:top, bottom;background-size:100% calc(100% - 1px), 100% 1px;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.ion-activated.sc-ion-action-sheet-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.7);background-image:none}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-cancel.sc-ion-action-sheet-ios{background:var(--button-background-selected)}}.action-sheet-title.sc-ion-action-sheet-ios{background:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, transparent)) bottom/100% 1px no-repeat transparent;background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent}.action-sheet-title.sc-ion-action-sheet-ios{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:14px;padding-bottom:13px;color:var(--color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-size:max(13px, 0.8125rem);font-weight:400;text-align:center}.action-sheet-title.action-sheet-has-sub-title.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-sub-title.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:6px;padding-bottom:0;font-size:max(13px, 0.8125rem);font-weight:400}.action-sheet-button.sc-ion-action-sheet-ios{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:14px;padding-bottom:14px;min-height:56px;font-size:max(20px, 1.25rem);contain:content}.action-sheet-button.sc-ion-action-sheet-ios .action-sheet-icon.sc-ion-action-sheet-ios{-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:max(28px, 1.75rem);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios:last-child{background-image:none}.action-sheet-selected.sc-ion-action-sheet-ios{font-weight:bold}.action-sheet-cancel.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-cancel.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-destructive.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-activated.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-focused.sc-ion-action-sheet-ios{color:var(--ion-color-danger, #c5000f)}@media (any-hover: hover){.action-sheet-destructive.sc-ion-action-sheet-ios:hover{color:var(--ion-color-danger, #c5000f)}}`;
109
109