@esri/calcite-components 1.3.0-next.5 → 1.3.0-next.7

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 (760) hide show
  1. package/dist/calcite/assets/list-item/t9n/index.d.ts +3 -0
  2. package/dist/calcite/assets/list-item/t9n/messages.json +3 -0
  3. package/dist/calcite/assets/list-item/t9n/messages_ar.json +3 -0
  4. package/dist/calcite/assets/list-item/t9n/messages_bg.json +3 -0
  5. package/dist/calcite/assets/list-item/t9n/messages_bs.json +3 -0
  6. package/dist/calcite/assets/list-item/t9n/messages_ca.json +3 -0
  7. package/dist/calcite/assets/list-item/t9n/messages_cs.json +3 -0
  8. package/dist/calcite/assets/list-item/t9n/messages_da.json +3 -0
  9. package/dist/calcite/assets/list-item/t9n/messages_de.json +3 -0
  10. package/dist/calcite/assets/list-item/t9n/messages_el.json +3 -0
  11. package/dist/calcite/assets/list-item/t9n/messages_en.json +3 -0
  12. package/dist/calcite/assets/list-item/t9n/messages_es.json +3 -0
  13. package/dist/calcite/assets/list-item/t9n/messages_et.json +3 -0
  14. package/dist/calcite/assets/list-item/t9n/messages_fi.json +3 -0
  15. package/dist/calcite/assets/list-item/t9n/messages_fr.json +3 -0
  16. package/dist/calcite/assets/list-item/t9n/messages_he.json +3 -0
  17. package/dist/calcite/assets/list-item/t9n/messages_hr.json +3 -0
  18. package/dist/calcite/assets/list-item/t9n/messages_hu.json +3 -0
  19. package/dist/calcite/assets/list-item/t9n/messages_id.json +3 -0
  20. package/dist/calcite/assets/list-item/t9n/messages_it.json +3 -0
  21. package/dist/calcite/assets/list-item/t9n/messages_ja.json +3 -0
  22. package/dist/calcite/assets/list-item/t9n/messages_ko.json +3 -0
  23. package/dist/calcite/assets/list-item/t9n/messages_lt.json +3 -0
  24. package/dist/calcite/assets/list-item/t9n/messages_lv.json +3 -0
  25. package/dist/calcite/assets/list-item/t9n/messages_nl.json +3 -0
  26. package/dist/calcite/assets/list-item/t9n/messages_no.json +3 -0
  27. package/dist/calcite/assets/list-item/t9n/messages_pl.json +3 -0
  28. package/dist/calcite/assets/list-item/t9n/messages_pt-BR.json +3 -0
  29. package/dist/calcite/assets/list-item/t9n/messages_pt-PT.json +3 -0
  30. package/dist/calcite/assets/list-item/t9n/messages_ro.json +3 -0
  31. package/dist/calcite/assets/list-item/t9n/messages_ru.json +3 -0
  32. package/dist/calcite/assets/list-item/t9n/messages_sk.json +3 -0
  33. package/dist/calcite/assets/list-item/t9n/messages_sl.json +3 -0
  34. package/dist/calcite/assets/list-item/t9n/messages_sr.json +3 -0
  35. package/dist/calcite/assets/list-item/t9n/messages_sv.json +3 -0
  36. package/dist/calcite/assets/list-item/t9n/messages_th.json +3 -0
  37. package/dist/calcite/assets/list-item/t9n/messages_tr.json +3 -0
  38. package/dist/calcite/assets/list-item/t9n/messages_uk.json +3 -0
  39. package/dist/calcite/assets/list-item/t9n/messages_vi.json +3 -0
  40. package/dist/calcite/assets/list-item/t9n/messages_zh-CN.json +3 -0
  41. package/dist/calcite/assets/list-item/t9n/messages_zh-HK.json +3 -0
  42. package/dist/calcite/assets/list-item/t9n/messages_zh-TW.json +3 -0
  43. package/dist/calcite/calcite.esm.js +2 -2
  44. package/dist/calcite/index.esm.js +2 -2
  45. package/dist/calcite/{p-4ab5e5e0.entry.js → p-0037e482.entry.js} +2 -2
  46. package/dist/calcite/{p-ae475fe4.entry.js → p-048c44b2.entry.js} +2 -2
  47. package/dist/calcite/{p-28e680ce.entry.js → p-06ce3bd3.entry.js} +2 -2
  48. package/dist/calcite/{p-a1ff96f3.js → p-06e4c5a3.js} +1 -1
  49. package/dist/calcite/{p-8ad338be.entry.js → p-0d96af49.entry.js} +2 -2
  50. package/dist/calcite/{p-3d33d762.entry.js → p-10b91a22.entry.js} +2 -2
  51. package/dist/calcite/{p-2048dbc4.js → p-1620e3af.js} +2 -2
  52. package/dist/calcite/{p-aca55f61.entry.js → p-17c11048.entry.js} +2 -2
  53. package/dist/calcite/{p-b67e5e4d.entry.js → p-19fe0fc3.entry.js} +2 -2
  54. package/dist/calcite/{p-7bcc4850.js → p-1e760ce6.js} +1 -1
  55. package/dist/calcite/{p-c7f95e4a.js → p-225eabaa.js} +2 -2
  56. package/dist/calcite/{p-d1b8ed3e.entry.js → p-27d73c81.entry.js} +2 -2
  57. package/dist/calcite/{p-a25a28c7.entry.js → p-29bf7166.entry.js} +2 -2
  58. package/dist/calcite/{p-5d2f71b2.js → p-2a22e26b.js} +2 -2
  59. package/dist/calcite/{p-3a885fe7.js → p-2be1e124.js} +1 -1
  60. package/dist/calcite/p-353eb911.js +6 -0
  61. package/dist/calcite/{p-7849269e.entry.js → p-3c1fd064.entry.js} +2 -2
  62. package/dist/calcite/{p-73844f36.entry.js → p-3c386223.entry.js} +2 -2
  63. package/dist/calcite/p-3cb06fcd.js +6 -0
  64. package/dist/calcite/{p-178d4b27.entry.js → p-3e473595.entry.js} +2 -2
  65. package/dist/calcite/{p-bb46d7f9.entry.js → p-3f8a5b21.entry.js} +2 -2
  66. package/dist/calcite/{p-fe524be6.entry.js → p-40a4adae.entry.js} +2 -2
  67. package/dist/calcite/{p-dcea8c60.entry.js → p-40b11cf0.entry.js} +2 -2
  68. package/dist/calcite/{p-22de3df3.entry.js → p-484bb0d0.entry.js} +2 -2
  69. package/dist/calcite/{p-ee6cc5d2.js → p-4b026a98.js} +1 -1
  70. package/dist/calcite/{p-d6997053.entry.js → p-4b8eff8d.entry.js} +2 -2
  71. package/dist/calcite/{p-7d687d05.entry.js → p-5312a748.entry.js} +2 -2
  72. package/dist/calcite/{p-63fce264.js → p-53f5d5e6.js} +1 -1
  73. package/dist/calcite/{p-efa904af.js → p-57039b6b.js} +1 -1
  74. package/dist/calcite/{p-2b89042d.js → p-57b12b6b.js} +2 -2
  75. package/dist/calcite/{p-8f2fa63c.entry.js → p-58070e0a.entry.js} +2 -2
  76. package/dist/calcite/{p-f5d49a55.entry.js → p-59d5be3e.entry.js} +2 -2
  77. package/dist/calcite/{p-e3370b1d.js → p-5d255dc5.js} +2 -2
  78. package/dist/calcite/{p-ea0da711.entry.js → p-64be3486.entry.js} +2 -2
  79. package/dist/calcite/{p-0cf12141.js → p-668511c4.js} +2 -2
  80. package/dist/calcite/{p-8e381147.entry.js → p-68b240e1.entry.js} +2 -2
  81. package/dist/calcite/{p-8c4d81ce.js → p-6e43c62d.js} +1 -1
  82. package/dist/calcite/p-715ed26d.entry.js +6 -0
  83. package/dist/calcite/{p-c570c8c1.entry.js → p-77ae7147.entry.js} +2 -2
  84. package/dist/calcite/{p-60383a02.entry.js → p-7824273e.entry.js} +2 -2
  85. package/dist/calcite/{p-9b55ad14.entry.js → p-7967168b.entry.js} +2 -2
  86. package/dist/calcite/{p-95208481.js → p-7e04b02f.js} +1 -1
  87. package/dist/calcite/{p-c27a9a3b.js → p-828b6d17.js} +2 -2
  88. package/dist/calcite/{p-0676f65d.js → p-851d3faa.js} +1 -1
  89. package/dist/calcite/{p-2702bb4a.entry.js → p-8884f6eb.entry.js} +2 -2
  90. package/dist/calcite/{p-d56ca16f.entry.js → p-8a170536.entry.js} +2 -2
  91. package/dist/calcite/{p-2f34ee4a.entry.js → p-8cef7edd.entry.js} +2 -2
  92. package/dist/calcite/{p-221b0ca4.entry.js → p-904b5ee9.entry.js} +2 -2
  93. package/dist/calcite/{p-6e6a11a5.js → p-90751cd7.js} +2 -2
  94. package/dist/calcite/{p-ec0a1224.entry.js → p-921bbeeb.entry.js} +2 -2
  95. package/dist/calcite/{p-78260608.entry.js → p-95f4aff6.entry.js} +2 -2
  96. package/dist/calcite/p-994e4a03.js +6 -0
  97. package/dist/calcite/{p-23b1fdd2.js → p-9f3776c4.js} +2 -2
  98. package/dist/calcite/{p-c1e325b6.entry.js → p-a11e16a4.entry.js} +2 -2
  99. package/dist/calcite/{p-f688698a.entry.js → p-a178c8f1.entry.js} +2 -2
  100. package/dist/calcite/{p-c73a15d7.js → p-a2c91f4d.js} +3 -3
  101. package/dist/calcite/{p-242778ff.entry.js → p-a3ac51f5.entry.js} +2 -2
  102. package/dist/calcite/{p-3cc53e12.entry.js → p-a59741db.entry.js} +2 -2
  103. package/dist/calcite/{p-0dcd2f47.js → p-a60732f5.js} +1 -1
  104. package/dist/calcite/{p-fb81bcbc.entry.js → p-a625f6e2.entry.js} +2 -2
  105. package/dist/calcite/{p-74703bf4.js → p-b1164e23.js} +1 -1
  106. package/dist/calcite/{p-b67cd404.entry.js → p-b190e25c.entry.js} +2 -2
  107. package/dist/calcite/{p-c226c5ed.entry.js → p-b416014c.entry.js} +2 -2
  108. package/dist/calcite/{p-d38f93a8.entry.js → p-b427c795.entry.js} +2 -2
  109. package/dist/calcite/{p-820eb5b8.entry.js → p-b55bc628.entry.js} +2 -2
  110. package/dist/calcite/{p-9708a54c.entry.js → p-baa829e9.entry.js} +2 -2
  111. package/dist/calcite/{p-f5b6322c.entry.js → p-c16f6bc8.entry.js} +2 -2
  112. package/dist/calcite/{p-09af5ae9.js → p-c5ed3156.js} +3 -3
  113. package/dist/calcite/p-c6c5ba04.entry.js +6 -0
  114. package/dist/calcite/{p-587dc4ca.entry.js → p-c934b2e9.entry.js} +2 -2
  115. package/dist/calcite/{p-6ea60e70.js → p-ca32af19.js} +1 -1
  116. package/dist/calcite/{p-60cb66b3.js → p-cb36108f.js} +1 -1
  117. package/dist/calcite/{p-6e33c506.js → p-d0cb754e.js} +1 -1
  118. package/dist/calcite/{p-9e0b440b.js → p-d170af9c.js} +1 -1
  119. package/dist/calcite/p-d2188d20.entry.js +6 -0
  120. package/dist/calcite/{p-503f6514.entry.js → p-d2e4e0ef.entry.js} +2 -2
  121. package/dist/calcite/{p-484a2a05.entry.js → p-da9552fe.entry.js} +2 -2
  122. package/dist/calcite/{p-91b2f898.entry.js → p-da9ad892.entry.js} +2 -2
  123. package/dist/calcite/{p-ce1ba9c7.js → p-daeeec34.js} +2 -2
  124. package/dist/calcite/{p-89ee3bdd.entry.js → p-dbc0f829.entry.js} +2 -2
  125. package/dist/calcite/{p-fd704fa6.entry.js → p-dfe35592.entry.js} +2 -2
  126. package/dist/calcite/{p-feccd73b.entry.js → p-eafed663.entry.js} +2 -2
  127. package/dist/calcite/{p-2d9c3436.entry.js → p-ec6436b3.entry.js} +2 -2
  128. package/dist/calcite/{p-36386dd3.entry.js → p-ee37e0af.entry.js} +2 -2
  129. package/dist/calcite/{p-9e907f71.entry.js → p-efbc73a9.entry.js} +2 -2
  130. package/dist/calcite/{p-e59bdff5.js → p-efe96453.js} +2 -2
  131. package/dist/calcite/{p-c37592ed.entry.js → p-f06f2a49.entry.js} +2 -2
  132. package/dist/calcite/{p-b8179426.entry.js → p-f1d1d32e.entry.js} +2 -2
  133. package/dist/calcite/{p-5b406c99.entry.js → p-f532cbe3.entry.js} +2 -2
  134. package/dist/calcite/{p-8b580c72.entry.js → p-f6a01a0d.entry.js} +2 -2
  135. package/dist/calcite/{p-b06834fd.js → p-f775e454.js} +1 -1
  136. package/dist/calcite/{p-1e8a46bc.entry.js → p-f895af4b.entry.js} +2 -2
  137. package/dist/calcite/{p-2b011f25.js → p-fa78c81a.js} +1 -1
  138. package/dist/calcite/{p-019b964a.entry.js → p-fdf374d4.entry.js} +2 -2
  139. package/dist/cjs/{ExpandToggle-2b7d3196.js → ExpandToggle-6ed896bc.js} +5 -5
  140. package/dist/cjs/{Heading-6bb5aa6b.js → Heading-71695a9a.js} +2 -2
  141. package/dist/cjs/{app-globals-efbd9a46.js → app-globals-3dc033a8.js} +2 -2
  142. package/dist/cjs/{array-9071d00a.js → array-f459831b.js} +1 -1
  143. package/dist/cjs/calcite-accordion_2.cjs.entry.js +7 -7
  144. package/dist/cjs/calcite-action-bar.cjs.entry.js +15 -15
  145. package/dist/cjs/calcite-action-group.cjs.entry.js +13 -13
  146. package/dist/cjs/calcite-action-menu.cjs.entry.js +9 -9
  147. package/dist/cjs/calcite-action-pad.cjs.entry.js +14 -14
  148. package/dist/cjs/calcite-action.cjs.entry.js +11 -11
  149. package/dist/cjs/calcite-alert.cjs.entry.js +12 -12
  150. package/dist/cjs/calcite-avatar.cjs.entry.js +6 -6
  151. package/dist/cjs/calcite-block_2.cjs.entry.js +12 -12
  152. package/dist/cjs/calcite-button.cjs.entry.js +32 -18
  153. package/dist/cjs/calcite-card.cjs.entry.js +10 -10
  154. package/dist/cjs/calcite-checkbox.cjs.entry.js +10 -10
  155. package/dist/cjs/calcite-chip.cjs.entry.js +11 -11
  156. package/dist/cjs/calcite-color-picker_3.cjs.entry.js +15 -15
  157. package/dist/cjs/calcite-combobox_3.cjs.entry.js +18 -18
  158. package/dist/cjs/calcite-date-picker_4.cjs.entry.js +13 -13
  159. package/dist/cjs/calcite-dropdown_3.cjs.entry.js +12 -12
  160. package/dist/cjs/calcite-fab.cjs.entry.js +7 -7
  161. package/dist/cjs/calcite-filter.cjs.entry.js +13 -13
  162. package/dist/cjs/calcite-flow-item.cjs.entry.js +12 -12
  163. package/dist/cjs/calcite-flow.cjs.entry.js +3 -3
  164. package/dist/cjs/calcite-graph_2.cjs.entry.js +13 -13
  165. package/dist/cjs/calcite-handle.cjs.entry.js +10 -10
  166. package/dist/cjs/calcite-icon.cjs.entry.js +6 -6
  167. package/dist/cjs/calcite-inline-editable.cjs.entry.js +12 -12
  168. package/dist/cjs/calcite-input-date-picker.cjs.entry.js +16 -16
  169. package/dist/cjs/calcite-input-message.cjs.entry.js +5 -5
  170. package/dist/cjs/calcite-input-number.cjs.entry.js +13 -13
  171. package/dist/cjs/calcite-input-text.cjs.entry.js +13 -13
  172. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +13 -13
  173. package/dist/cjs/calcite-input.cjs.entry.js +13 -13
  174. package/dist/cjs/calcite-label.cjs.entry.js +6 -6
  175. package/dist/cjs/calcite-link.cjs.entry.js +7 -7
  176. package/dist/cjs/calcite-list_3.cjs.entry.js +52 -18
  177. package/dist/cjs/calcite-loader.cjs.entry.js +3 -3
  178. package/dist/cjs/calcite-modal.cjs.entry.js +13 -13
  179. package/dist/cjs/calcite-notice.cjs.entry.js +12 -12
  180. package/dist/cjs/calcite-option_3.cjs.entry.js +10 -10
  181. package/dist/cjs/calcite-pagination.cjs.entry.js +10 -10
  182. package/dist/cjs/calcite-panel.cjs.entry.js +14 -14
  183. package/dist/cjs/calcite-pick-list_3.cjs.entry.js +16 -16
  184. package/dist/cjs/calcite-popover.cjs.entry.js +15 -15
  185. package/dist/cjs/calcite-progress.cjs.entry.js +2 -2
  186. package/dist/cjs/calcite-radio-button-group.cjs.entry.js +3 -3
  187. package/dist/cjs/calcite-radio-button.cjs.entry.js +10 -10
  188. package/dist/cjs/calcite-rating.cjs.entry.js +13 -13
  189. package/dist/cjs/calcite-scrim.cjs.entry.js +9 -9
  190. package/dist/cjs/calcite-segmented-control_2.cjs.entry.js +9 -9
  191. package/dist/cjs/calcite-shell_3.cjs.entry.js +11 -11
  192. package/dist/cjs/calcite-sortable-list.cjs.entry.js +5 -5
  193. package/dist/cjs/calcite-split-button.cjs.entry.js +4 -4
  194. package/dist/cjs/calcite-stepper_2.cjs.entry.js +10 -10
  195. package/dist/cjs/calcite-switch.cjs.entry.js +10 -10
  196. package/dist/cjs/calcite-tab_4.cjs.entry.js +7 -7
  197. package/dist/cjs/calcite-text-area.cjs.entry.js +15 -15
  198. package/dist/cjs/calcite-tile-select_2.cjs.entry.js +5 -5
  199. package/dist/cjs/calcite-tile.cjs.entry.js +8 -8
  200. package/dist/cjs/calcite-tip_3.cjs.entry.js +11 -11
  201. package/dist/cjs/calcite-tooltip.cjs.entry.js +8 -8
  202. package/dist/cjs/calcite-tree_2.cjs.entry.js +9 -9
  203. package/dist/cjs/calcite-value-list_2.cjs.entry.js +16 -16
  204. package/dist/cjs/calcite.cjs.js +5 -5
  205. package/dist/cjs/{composed-offset-position.esm-cdda4333.js → composed-offset-position.esm-667ae052.js} +1 -1
  206. package/dist/cjs/{conditionalSlot-90d6bd74.js → conditionalSlot-2e65ddbb.js} +3 -3
  207. package/dist/cjs/{debounce-d7763e50.js → debounce-40aeae61.js} +1 -1
  208. package/dist/cjs/{dom-3e382558.js → dom-86bf20b4.js} +3 -3
  209. package/dist/cjs/{filter-2e29c38f.js → filter-d86f64e2.js} +2 -2
  210. package/dist/cjs/{floating-ui-6ed05010.js → floating-ui-dc3bfdf4.js} +4 -4
  211. package/dist/cjs/{focusTrapComponent-ae2b30cd.js → focusTrapComponent-08f1e970.js} +2 -2
  212. package/dist/cjs/{form-17a42e68.js → form-a1e96e11.js} +3 -3
  213. package/dist/cjs/{guid-9f03de64.js → guid-bcd13279.js} +1 -1
  214. package/dist/cjs/{index-0c25a78a.js → index-75f6a947.js} +1 -1
  215. package/dist/cjs/index.cjs.js +2 -2
  216. package/dist/cjs/{interactive-b63c92c9.js → interactive-35464e79.js} +1 -1
  217. package/dist/cjs/{key-5d919370.js → key-15ba1fc0.js} +1 -1
  218. package/dist/cjs/{label-b54c25b6.js → label-d8138b25.js} +2 -2
  219. package/dist/cjs/{loadable-ba0e98eb.js → loadable-537d1873.js} +1 -1
  220. package/dist/cjs/loader.cjs.js +5 -5
  221. package/dist/cjs/{locale-15a1f453.js → locale-00a31f19.js} +4 -4
  222. package/dist/cjs/{math-8c7a6ad0.js → math-1921f2ce.js} +1 -1
  223. package/dist/cjs/{observers-30d3acec.js → observers-830ed097.js} +1 -1
  224. package/dist/cjs/{openCloseComponent-1dfd39d7.js → openCloseComponent-fef47fd6.js} +2 -2
  225. package/dist/cjs/{resources-1568dbbd.js → resources-51407dbd.js} +1 -1
  226. package/dist/cjs/{resources-718e338e.js → resources-518c0ce1.js} +1 -1
  227. package/dist/cjs/{resources-8433506d.js → resources-b2e63fd1.js} +1 -1
  228. package/dist/cjs/{resources-106354be.js → resources-c07d753c.js} +5 -5
  229. package/dist/cjs/{resources-898eda19.js → resources-e15c58ef.js} +1 -1
  230. package/dist/cjs/{resources-e0a6aecc.js → resources-e90d9290.js} +1 -1
  231. package/dist/cjs/{sortable.esm-12739f4f.js → sortable.esm-0652f6ad.js} +1 -1
  232. package/dist/cjs/{t9n-430aaea6.js → t9n-93a4e58e.js} +3 -3
  233. package/dist/cjs/{throttle-c2880ab2.js → throttle-d80da5dc.js} +2 -2
  234. package/dist/cjs/{utils-78cb8197.js → utils-409ce8e6.js} +1 -1
  235. package/dist/cjs/{utils-6f4230d1.js → utils-49debefd.js} +3 -3
  236. package/dist/collection/components/accordion/accordion.js +1 -1
  237. package/dist/collection/components/accordion-item/accordion-item.js +1 -1
  238. package/dist/collection/components/accordion-item/resources.js +1 -1
  239. package/dist/collection/components/action/action.js +1 -1
  240. package/dist/collection/components/action/resources.js +1 -1
  241. package/dist/collection/components/action-bar/action-bar.js +1 -1
  242. package/dist/collection/components/action-bar/resources.js +1 -1
  243. package/dist/collection/components/action-bar/utils.js +1 -1
  244. package/dist/collection/components/action-group/action-group.js +1 -1
  245. package/dist/collection/components/action-group/resources.js +1 -1
  246. package/dist/collection/components/action-menu/action-menu.js +1 -1
  247. package/dist/collection/components/action-menu/resources.js +1 -1
  248. package/dist/collection/components/action-pad/action-pad.js +1 -1
  249. package/dist/collection/components/action-pad/resources.js +1 -1
  250. package/dist/collection/components/alert/alert.js +1 -1
  251. package/dist/collection/components/alert/resources.js +1 -1
  252. package/dist/collection/components/avatar/avatar.js +1 -1
  253. package/dist/collection/components/avatar/utils.js +1 -1
  254. package/dist/collection/components/block/block.js +1 -1
  255. package/dist/collection/components/block/resources.js +1 -1
  256. package/dist/collection/components/block-section/block-section.js +1 -1
  257. package/dist/collection/components/block-section/resources.js +1 -1
  258. package/dist/collection/components/button/button.css +6 -2
  259. package/dist/collection/components/button/button.js +21 -6
  260. package/dist/collection/components/button/resources.js +1 -1
  261. package/dist/collection/components/card/card.js +1 -1
  262. package/dist/collection/components/card/resources.js +1 -1
  263. package/dist/collection/components/checkbox/checkbox.js +1 -1
  264. package/dist/collection/components/chip/chip.js +1 -1
  265. package/dist/collection/components/chip/resources.js +1 -1
  266. package/dist/collection/components/color-picker/color-picker.js +1 -1
  267. package/dist/collection/components/color-picker/resources.js +1 -1
  268. package/dist/collection/components/color-picker/utils.js +1 -1
  269. package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js +1 -1
  270. package/dist/collection/components/color-picker-hex-input/resources.js +1 -1
  271. package/dist/collection/components/color-picker-swatch/color-picker-swatch.js +1 -1
  272. package/dist/collection/components/color-picker-swatch/resources.js +1 -1
  273. package/dist/collection/components/combobox/combobox.js +1 -1
  274. package/dist/collection/components/combobox/resources.js +1 -1
  275. package/dist/collection/components/combobox/utils.js +1 -1
  276. package/dist/collection/components/combobox-item/combobox-item.js +1 -1
  277. package/dist/collection/components/combobox-item/resources.js +1 -1
  278. package/dist/collection/components/combobox-item-group/combobox-item-group.js +1 -1
  279. package/dist/collection/components/combobox-item-group/resources.js +1 -1
  280. package/dist/collection/components/date-picker/date-picker.js +1 -1
  281. package/dist/collection/components/date-picker/resources.js +1 -1
  282. package/dist/collection/components/date-picker/utils.js +1 -1
  283. package/dist/collection/components/date-picker-day/date-picker-day.js +1 -1
  284. package/dist/collection/components/date-picker-month/date-picker-month.js +1 -1
  285. package/dist/collection/components/date-picker-month-header/date-picker-month-header.js +1 -1
  286. package/dist/collection/components/date-picker-month-header/resources.js +1 -1
  287. package/dist/collection/components/dropdown/dropdown.js +1 -1
  288. package/dist/collection/components/dropdown/resources.js +1 -1
  289. package/dist/collection/components/dropdown-group/dropdown-group.js +1 -1
  290. package/dist/collection/components/dropdown-group/resources.js +1 -1
  291. package/dist/collection/components/dropdown-item/dropdown-item.js +1 -1
  292. package/dist/collection/components/dropdown-item/resources.js +1 -1
  293. package/dist/collection/components/fab/fab.js +1 -1
  294. package/dist/collection/components/fab/resources.js +1 -1
  295. package/dist/collection/components/filter/filter.js +1 -1
  296. package/dist/collection/components/filter/resources.js +1 -1
  297. package/dist/collection/components/flow/flow.js +1 -1
  298. package/dist/collection/components/flow/resources.js +1 -1
  299. package/dist/collection/components/flow-item/flow-item.js +1 -1
  300. package/dist/collection/components/flow-item/resources.js +1 -1
  301. package/dist/collection/components/functional/ExpandToggle.js +1 -1
  302. package/dist/collection/components/functional/Heading.js +1 -1
  303. package/dist/collection/components/graph/graph.js +1 -1
  304. package/dist/collection/components/graph/util.js +1 -1
  305. package/dist/collection/components/handle/handle.js +1 -1
  306. package/dist/collection/components/handle/resources.js +1 -1
  307. package/dist/collection/components/icon/icon.js +1 -1
  308. package/dist/collection/components/icon/resources.js +1 -1
  309. package/dist/collection/components/icon/utils.js +1 -1
  310. package/dist/collection/components/inline-editable/inline-editable.js +1 -1
  311. package/dist/collection/components/inline-editable/resources.js +1 -1
  312. package/dist/collection/components/input/input.js +1 -1
  313. package/dist/collection/components/input/resources.js +1 -1
  314. package/dist/collection/components/input-date-picker/input-date-picker.js +1 -1
  315. package/dist/collection/components/input-date-picker/resources.js +1 -1
  316. package/dist/collection/components/input-message/input-message.js +1 -1
  317. package/dist/collection/components/input-message/interfaces.js +1 -1
  318. package/dist/collection/components/input-number/input-number.js +1 -1
  319. package/dist/collection/components/input-number/resources.js +1 -1
  320. package/dist/collection/components/input-text/input-text.js +1 -1
  321. package/dist/collection/components/input-text/resources.js +1 -1
  322. package/dist/collection/components/input-time-picker/input-time-picker.js +1 -1
  323. package/dist/collection/components/label/label.js +1 -1
  324. package/dist/collection/components/label/resources.js +1 -1
  325. package/dist/collection/components/link/link.js +1 -1
  326. package/dist/collection/components/list/list.js +11 -2
  327. package/dist/collection/components/list/resources.js +1 -1
  328. package/dist/collection/components/list-item/assets/list-item/t9n/index.d.ts +3 -0
  329. package/dist/collection/components/list-item/assets/list-item/t9n/messages.json +3 -0
  330. package/dist/collection/components/list-item/assets/list-item/t9n/messages_ar.json +3 -0
  331. package/dist/collection/components/list-item/assets/list-item/t9n/messages_bg.json +3 -0
  332. package/dist/collection/components/list-item/assets/list-item/t9n/messages_bs.json +3 -0
  333. package/dist/collection/components/list-item/assets/list-item/t9n/messages_ca.json +3 -0
  334. package/dist/collection/components/list-item/assets/list-item/t9n/messages_cs.json +3 -0
  335. package/dist/collection/components/list-item/assets/list-item/t9n/messages_da.json +3 -0
  336. package/dist/collection/components/list-item/assets/list-item/t9n/messages_de.json +3 -0
  337. package/dist/collection/components/list-item/assets/list-item/t9n/messages_el.json +3 -0
  338. package/dist/collection/components/list-item/assets/list-item/t9n/messages_en.json +3 -0
  339. package/dist/collection/components/list-item/assets/list-item/t9n/messages_es.json +3 -0
  340. package/dist/collection/components/list-item/assets/list-item/t9n/messages_et.json +3 -0
  341. package/dist/collection/components/list-item/assets/list-item/t9n/messages_fi.json +3 -0
  342. package/dist/collection/components/list-item/assets/list-item/t9n/messages_fr.json +3 -0
  343. package/dist/collection/components/list-item/assets/list-item/t9n/messages_he.json +3 -0
  344. package/dist/collection/components/list-item/assets/list-item/t9n/messages_hr.json +3 -0
  345. package/dist/collection/components/list-item/assets/list-item/t9n/messages_hu.json +3 -0
  346. package/dist/collection/components/list-item/assets/list-item/t9n/messages_id.json +3 -0
  347. package/dist/collection/components/list-item/assets/list-item/t9n/messages_it.json +3 -0
  348. package/dist/collection/components/list-item/assets/list-item/t9n/messages_ja.json +3 -0
  349. package/dist/collection/components/list-item/assets/list-item/t9n/messages_ko.json +3 -0
  350. package/dist/collection/components/list-item/assets/list-item/t9n/messages_lt.json +3 -0
  351. package/dist/collection/components/list-item/assets/list-item/t9n/messages_lv.json +3 -0
  352. package/dist/collection/components/list-item/assets/list-item/t9n/messages_nl.json +3 -0
  353. package/dist/collection/components/list-item/assets/list-item/t9n/messages_no.json +3 -0
  354. package/dist/collection/components/list-item/assets/list-item/t9n/messages_pl.json +3 -0
  355. package/dist/collection/components/list-item/assets/list-item/t9n/messages_pt-BR.json +3 -0
  356. package/dist/collection/components/list-item/assets/list-item/t9n/messages_pt-PT.json +3 -0
  357. package/dist/collection/components/list-item/assets/list-item/t9n/messages_ro.json +3 -0
  358. package/dist/collection/components/list-item/assets/list-item/t9n/messages_ru.json +3 -0
  359. package/dist/collection/components/list-item/assets/list-item/t9n/messages_sk.json +3 -0
  360. package/dist/collection/components/list-item/assets/list-item/t9n/messages_sl.json +3 -0
  361. package/dist/collection/components/list-item/assets/list-item/t9n/messages_sr.json +3 -0
  362. package/dist/collection/components/list-item/assets/list-item/t9n/messages_sv.json +3 -0
  363. package/dist/collection/components/list-item/assets/list-item/t9n/messages_th.json +3 -0
  364. package/dist/collection/components/list-item/assets/list-item/t9n/messages_tr.json +3 -0
  365. package/dist/collection/components/list-item/assets/list-item/t9n/messages_uk.json +3 -0
  366. package/dist/collection/components/list-item/assets/list-item/t9n/messages_vi.json +3 -0
  367. package/dist/collection/components/list-item/assets/list-item/t9n/messages_zh-CN.json +3 -0
  368. package/dist/collection/components/list-item/assets/list-item/t9n/messages_zh-HK.json +3 -0
  369. package/dist/collection/components/list-item/assets/list-item/t9n/messages_zh-TW.json +3 -0
  370. package/dist/collection/components/list-item/list-item.js +138 -7
  371. package/dist/collection/components/list-item/resources.js +3 -2
  372. package/dist/collection/components/list-item/utils.js +1 -1
  373. package/dist/collection/components/list-item-group/list-item-group.js +1 -1
  374. package/dist/collection/components/list-item-group/resources.js +1 -1
  375. package/dist/collection/components/loader/loader.js +1 -1
  376. package/dist/collection/components/modal/modal.js +1 -1
  377. package/dist/collection/components/modal/resources.js +1 -1
  378. package/dist/collection/components/notice/notice.js +1 -1
  379. package/dist/collection/components/notice/resources.js +1 -1
  380. package/dist/collection/components/option/option.js +1 -1
  381. package/dist/collection/components/option-group/option-group.js +1 -1
  382. package/dist/collection/components/pagination/pagination.js +1 -1
  383. package/dist/collection/components/pagination/resources.js +1 -1
  384. package/dist/collection/components/panel/panel.js +1 -1
  385. package/dist/collection/components/panel/resources.js +1 -1
  386. package/dist/collection/components/pick-list/pick-list.js +1 -1
  387. package/dist/collection/components/pick-list/resources.js +1 -1
  388. package/dist/collection/components/pick-list/shared-list-logic.js +1 -1
  389. package/dist/collection/components/pick-list/shared-list-render.js +1 -1
  390. package/dist/collection/components/pick-list-group/pick-list-group.js +1 -1
  391. package/dist/collection/components/pick-list-group/resources.js +1 -1
  392. package/dist/collection/components/pick-list-item/pick-list-item.js +1 -1
  393. package/dist/collection/components/pick-list-item/resources.js +1 -1
  394. package/dist/collection/components/popover/PopoverManager.js +1 -1
  395. package/dist/collection/components/popover/popover.js +1 -1
  396. package/dist/collection/components/popover/resources.js +1 -1
  397. package/dist/collection/components/progress/progress.js +1 -1
  398. package/dist/collection/components/radio-button/radio-button.js +1 -1
  399. package/dist/collection/components/radio-button/resources.js +1 -1
  400. package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
  401. package/dist/collection/components/rating/function/star.js +1 -1
  402. package/dist/collection/components/rating/rating.js +1 -1
  403. package/dist/collection/components/resources.js +1 -1
  404. package/dist/collection/components/scrim/resources.js +1 -1
  405. package/dist/collection/components/scrim/scrim.js +1 -1
  406. package/dist/collection/components/segmented-control/segmented-control.js +1 -1
  407. package/dist/collection/components/segmented-control-item/resources.js +1 -1
  408. package/dist/collection/components/segmented-control-item/segmented-control-item.js +1 -1
  409. package/dist/collection/components/select/resources.js +1 -1
  410. package/dist/collection/components/select/select.js +1 -1
  411. package/dist/collection/components/shell/resources.js +1 -1
  412. package/dist/collection/components/shell/shell.js +1 -1
  413. package/dist/collection/components/shell-center-row/resources.js +1 -1
  414. package/dist/collection/components/shell-center-row/shell-center-row.js +1 -1
  415. package/dist/collection/components/shell-panel/resources.js +1 -1
  416. package/dist/collection/components/shell-panel/shell-panel.js +1 -1
  417. package/dist/collection/components/slider/resources.js +1 -1
  418. package/dist/collection/components/slider/slider.js +1 -1
  419. package/dist/collection/components/sortable-list/resources.js +1 -1
  420. package/dist/collection/components/sortable-list/sortable-list.js +1 -1
  421. package/dist/collection/components/split-button/resources.js +1 -1
  422. package/dist/collection/components/split-button/split-button.js +1 -1
  423. package/dist/collection/components/stepper/stepper.js +1 -1
  424. package/dist/collection/components/stepper-item/stepper-item.js +1 -1
  425. package/dist/collection/components/switch/switch.js +1 -1
  426. package/dist/collection/components/tab/tab.js +1 -1
  427. package/dist/collection/components/tab-nav/tab-nav.js +1 -1
  428. package/dist/collection/components/tab-title/resources.js +1 -1
  429. package/dist/collection/components/tab-title/tab-title.js +1 -1
  430. package/dist/collection/components/tabs/resources.js +1 -1
  431. package/dist/collection/components/tabs/tabs.js +1 -1
  432. package/dist/collection/components/text-area/resources.js +1 -1
  433. package/dist/collection/components/text-area/text-area.js +1 -1
  434. package/dist/collection/components/tile/resources.js +1 -1
  435. package/dist/collection/components/tile/tile.js +1 -1
  436. package/dist/collection/components/tile-select/resources.js +1 -1
  437. package/dist/collection/components/tile-select/tile-select.js +1 -1
  438. package/dist/collection/components/tile-select-group/tile-select-group.js +1 -1
  439. package/dist/collection/components/time-picker/resources.js +1 -1
  440. package/dist/collection/components/time-picker/time-picker.js +1 -1
  441. package/dist/collection/components/tip/resources.js +1 -1
  442. package/dist/collection/components/tip/tip.js +1 -1
  443. package/dist/collection/components/tip-group/tip-group.js +1 -1
  444. package/dist/collection/components/tip-manager/resources.js +1 -1
  445. package/dist/collection/components/tip-manager/tip-manager.js +1 -1
  446. package/dist/collection/components/tooltip/TooltipManager.js +1 -1
  447. package/dist/collection/components/tooltip/resources.js +1 -1
  448. package/dist/collection/components/tooltip/tooltip.js +1 -1
  449. package/dist/collection/components/tooltip/utils.js +1 -1
  450. package/dist/collection/components/tree/tree.js +1 -1
  451. package/dist/collection/components/tree/utils.js +1 -1
  452. package/dist/collection/components/tree-item/resources.js +1 -1
  453. package/dist/collection/components/tree-item/tree-item.js +1 -1
  454. package/dist/collection/components/value-list/resources.js +1 -1
  455. package/dist/collection/components/value-list/utils.js +1 -1
  456. package/dist/collection/components/value-list/value-list.js +1 -1
  457. package/dist/collection/components/value-list-item/resources.js +1 -1
  458. package/dist/collection/components/value-list-item/value-list-item.js +1 -1
  459. package/dist/collection/index.js +1 -1
  460. package/dist/collection/utils/array.js +1 -1
  461. package/dist/collection/utils/conditionalSlot.js +1 -1
  462. package/dist/collection/utils/config.js +1 -1
  463. package/dist/collection/utils/date.js +1 -1
  464. package/dist/collection/utils/dom.js +1 -1
  465. package/dist/collection/utils/filter.js +1 -1
  466. package/dist/collection/utils/floating-ui.js +1 -1
  467. package/dist/collection/utils/focusTrapComponent.js +1 -1
  468. package/dist/collection/utils/form.js +1 -1
  469. package/dist/collection/utils/globalAttributes.js +1 -1
  470. package/dist/collection/utils/globalScript.js +1 -1
  471. package/dist/collection/utils/guid.js +1 -1
  472. package/dist/collection/utils/interactive.js +1 -1
  473. package/dist/collection/utils/key.js +1 -1
  474. package/dist/collection/utils/label.js +1 -1
  475. package/dist/collection/utils/loadable.js +1 -1
  476. package/dist/collection/utils/locale.js +1 -1
  477. package/dist/collection/utils/math.js +1 -1
  478. package/dist/collection/utils/mode.js +1 -1
  479. package/dist/collection/utils/number.js +1 -1
  480. package/dist/collection/utils/observers.js +1 -1
  481. package/dist/collection/utils/openCloseComponent.js +1 -1
  482. package/dist/collection/utils/resources.js +1 -1
  483. package/dist/collection/utils/t9n.js +1 -1
  484. package/dist/collection/utils/time.js +1 -1
  485. package/dist/components/ExpandToggle.js +1 -1
  486. package/dist/components/Heading.js +1 -1
  487. package/dist/components/action-group.js +1 -1
  488. package/dist/components/action-menu.js +1 -1
  489. package/dist/components/action.js +1 -1
  490. package/dist/components/array.js +1 -1
  491. package/dist/components/button.js +21 -6
  492. package/dist/components/calcite-accordion-item.js +1 -1
  493. package/dist/components/calcite-accordion.js +1 -1
  494. package/dist/components/calcite-action-bar.js +1 -1
  495. package/dist/components/calcite-action-group.js +1 -1
  496. package/dist/components/calcite-action-menu.js +1 -1
  497. package/dist/components/calcite-action-pad.js +1 -1
  498. package/dist/components/calcite-action.js +1 -1
  499. package/dist/components/calcite-alert.js +1 -1
  500. package/dist/components/calcite-avatar.js +1 -1
  501. package/dist/components/calcite-block-section.js +1 -1
  502. package/dist/components/calcite-block.js +1 -1
  503. package/dist/components/calcite-button.js +1 -1
  504. package/dist/components/calcite-card.js +1 -1
  505. package/dist/components/calcite-checkbox.js +1 -1
  506. package/dist/components/calcite-chip.js +1 -1
  507. package/dist/components/calcite-color-picker-hex-input.js +1 -1
  508. package/dist/components/calcite-color-picker-swatch.js +1 -1
  509. package/dist/components/calcite-color-picker.js +1 -1
  510. package/dist/components/calcite-combobox-item-group.js +1 -1
  511. package/dist/components/calcite-combobox-item.js +1 -1
  512. package/dist/components/calcite-combobox.js +1 -1
  513. package/dist/components/calcite-date-picker-day.js +1 -1
  514. package/dist/components/calcite-date-picker-month-header.js +1 -1
  515. package/dist/components/calcite-date-picker-month.js +1 -1
  516. package/dist/components/calcite-date-picker.js +1 -1
  517. package/dist/components/calcite-dropdown-group.js +1 -1
  518. package/dist/components/calcite-dropdown-item.js +1 -1
  519. package/dist/components/calcite-dropdown.js +1 -1
  520. package/dist/components/calcite-fab.js +1 -1
  521. package/dist/components/calcite-filter.js +1 -1
  522. package/dist/components/calcite-flow-item.js +1 -1
  523. package/dist/components/calcite-flow.js +1 -1
  524. package/dist/components/calcite-graph.js +1 -1
  525. package/dist/components/calcite-handle.js +1 -1
  526. package/dist/components/calcite-icon.js +1 -1
  527. package/dist/components/calcite-inline-editable.js +1 -1
  528. package/dist/components/calcite-input-date-picker.js +1 -1
  529. package/dist/components/calcite-input-message.js +1 -1
  530. package/dist/components/calcite-input-number.js +1 -1
  531. package/dist/components/calcite-input-text.js +1 -1
  532. package/dist/components/calcite-input-time-picker.js +1 -1
  533. package/dist/components/calcite-input.js +1 -1
  534. package/dist/components/calcite-label.js +1 -1
  535. package/dist/components/calcite-link.js +1 -1
  536. package/dist/components/calcite-list-item-group.js +1 -1
  537. package/dist/components/calcite-list-item.js +57 -10
  538. package/dist/components/calcite-list.js +6 -3
  539. package/dist/components/calcite-loader.js +1 -1
  540. package/dist/components/calcite-modal.js +1 -1
  541. package/dist/components/calcite-notice.js +1 -1
  542. package/dist/components/calcite-option-group.js +1 -1
  543. package/dist/components/calcite-option.js +1 -1
  544. package/dist/components/calcite-pagination.js +1 -1
  545. package/dist/components/calcite-panel.js +1 -1
  546. package/dist/components/calcite-pick-list-group.js +1 -1
  547. package/dist/components/calcite-pick-list-item.js +1 -1
  548. package/dist/components/calcite-pick-list.js +1 -1
  549. package/dist/components/calcite-popover.js +1 -1
  550. package/dist/components/calcite-progress.js +1 -1
  551. package/dist/components/calcite-radio-button-group.js +1 -1
  552. package/dist/components/calcite-radio-button.js +1 -1
  553. package/dist/components/calcite-rating.js +1 -1
  554. package/dist/components/calcite-scrim.js +1 -1
  555. package/dist/components/calcite-segmented-control-item.js +1 -1
  556. package/dist/components/calcite-segmented-control.js +1 -1
  557. package/dist/components/calcite-select.js +1 -1
  558. package/dist/components/calcite-shell-center-row.js +1 -1
  559. package/dist/components/calcite-shell-panel.js +1 -1
  560. package/dist/components/calcite-shell.js +1 -1
  561. package/dist/components/calcite-slider.js +1 -1
  562. package/dist/components/calcite-sortable-list.js +1 -1
  563. package/dist/components/calcite-split-button.js +1 -1
  564. package/dist/components/calcite-stepper-item.js +1 -1
  565. package/dist/components/calcite-stepper.js +1 -1
  566. package/dist/components/calcite-switch.js +1 -1
  567. package/dist/components/calcite-tab-nav.js +1 -1
  568. package/dist/components/calcite-tab-title.js +1 -1
  569. package/dist/components/calcite-tab.js +1 -1
  570. package/dist/components/calcite-tabs.js +1 -1
  571. package/dist/components/calcite-text-area.js +1 -1
  572. package/dist/components/calcite-tile-select-group.js +1 -1
  573. package/dist/components/calcite-tile-select.js +1 -1
  574. package/dist/components/calcite-tile.js +1 -1
  575. package/dist/components/calcite-time-picker.js +1 -1
  576. package/dist/components/calcite-tip-group.js +1 -1
  577. package/dist/components/calcite-tip-manager.js +1 -1
  578. package/dist/components/calcite-tip.js +1 -1
  579. package/dist/components/calcite-tooltip.js +1 -1
  580. package/dist/components/calcite-tree-item.js +1 -1
  581. package/dist/components/calcite-tree.js +1 -1
  582. package/dist/components/calcite-value-list-item.js +1 -1
  583. package/dist/components/calcite-value-list.js +1 -1
  584. package/dist/components/checkbox.js +1 -1
  585. package/dist/components/chip.js +1 -1
  586. package/dist/components/color-picker-hex-input.js +1 -1
  587. package/dist/components/color-picker-swatch.js +1 -1
  588. package/dist/components/composed-offset-position.esm.js +1 -1
  589. package/dist/components/conditionalSlot.js +1 -1
  590. package/dist/components/date-picker-day.js +1 -1
  591. package/dist/components/date-picker-month-header.js +1 -1
  592. package/dist/components/date-picker-month.js +1 -1
  593. package/dist/components/date-picker.js +1 -1
  594. package/dist/components/date.js +1 -1
  595. package/dist/components/debounce.js +1 -1
  596. package/dist/components/dom.js +1 -1
  597. package/dist/components/dropdown.js +1 -1
  598. package/dist/components/filter.js +1 -1
  599. package/dist/components/filter2.js +1 -1
  600. package/dist/components/floating-ui.js +1 -1
  601. package/dist/components/focusTrapComponent.js +1 -1
  602. package/dist/components/form.js +1 -1
  603. package/dist/components/graph.js +1 -1
  604. package/dist/components/guid.js +1 -1
  605. package/dist/components/handle.js +1 -1
  606. package/dist/components/icon.js +1 -1
  607. package/dist/components/index.js +1 -1
  608. package/dist/components/input.js +1 -1
  609. package/dist/components/interactive.js +1 -1
  610. package/dist/components/key.js +1 -1
  611. package/dist/components/label.js +1 -1
  612. package/dist/components/label2.js +1 -1
  613. package/dist/components/link.js +1 -1
  614. package/dist/components/loadable.js +1 -1
  615. package/dist/components/loader.js +1 -1
  616. package/dist/components/locale.js +1 -1
  617. package/dist/components/math.js +1 -1
  618. package/dist/components/observers.js +1 -1
  619. package/dist/components/openCloseComponent.js +1 -1
  620. package/dist/components/panel.js +1 -1
  621. package/dist/components/pick-list-item.js +1 -1
  622. package/dist/components/popover.js +1 -1
  623. package/dist/components/progress.js +1 -1
  624. package/dist/components/resources.js +1 -1
  625. package/dist/components/resources2.js +1 -1
  626. package/dist/components/resources3.js +1 -1
  627. package/dist/components/scrim.js +1 -1
  628. package/dist/components/shared-list-render.js +1 -1
  629. package/dist/components/sortable.esm.js +1 -1
  630. package/dist/components/switch.js +1 -1
  631. package/dist/components/t9n.js +1 -1
  632. package/dist/components/tab-nav.js +1 -1
  633. package/dist/components/tab-title.js +1 -1
  634. package/dist/components/tab.js +1 -1
  635. package/dist/components/tabs.js +1 -1
  636. package/dist/components/throttle.js +1 -1
  637. package/dist/components/tile.js +1 -1
  638. package/dist/components/time-picker.js +1 -1
  639. package/dist/components/tooltip.js +1 -1
  640. package/dist/components/utils.js +1 -1
  641. package/dist/components/utils2.js +1 -1
  642. package/dist/components/utils3.js +3 -2
  643. package/dist/esm/{ExpandToggle-f976053d.js → ExpandToggle-a6aff33b.js} +5 -5
  644. package/dist/esm/{Heading-6cc4c1e5.js → Heading-b047a612.js} +2 -2
  645. package/dist/esm/{app-globals-d9bb2566.js → app-globals-dee88dee.js} +2 -2
  646. package/dist/esm/{array-23ec01f6.js → array-0949b1c0.js} +1 -1
  647. package/dist/esm/calcite-accordion_2.entry.js +7 -7
  648. package/dist/esm/calcite-action-bar.entry.js +15 -15
  649. package/dist/esm/calcite-action-group.entry.js +13 -13
  650. package/dist/esm/calcite-action-menu.entry.js +9 -9
  651. package/dist/esm/calcite-action-pad.entry.js +14 -14
  652. package/dist/esm/calcite-action.entry.js +11 -11
  653. package/dist/esm/calcite-alert.entry.js +12 -12
  654. package/dist/esm/calcite-avatar.entry.js +6 -6
  655. package/dist/esm/calcite-block_2.entry.js +12 -12
  656. package/dist/esm/calcite-button.entry.js +32 -18
  657. package/dist/esm/calcite-card.entry.js +10 -10
  658. package/dist/esm/calcite-checkbox.entry.js +10 -10
  659. package/dist/esm/calcite-chip.entry.js +11 -11
  660. package/dist/esm/calcite-color-picker_3.entry.js +15 -15
  661. package/dist/esm/calcite-combobox_3.entry.js +18 -18
  662. package/dist/esm/calcite-date-picker_4.entry.js +13 -13
  663. package/dist/esm/calcite-dropdown_3.entry.js +12 -12
  664. package/dist/esm/calcite-fab.entry.js +7 -7
  665. package/dist/esm/calcite-filter.entry.js +13 -13
  666. package/dist/esm/calcite-flow-item.entry.js +12 -12
  667. package/dist/esm/calcite-flow.entry.js +3 -3
  668. package/dist/esm/calcite-graph_2.entry.js +13 -13
  669. package/dist/esm/calcite-handle.entry.js +10 -10
  670. package/dist/esm/calcite-icon.entry.js +6 -6
  671. package/dist/esm/calcite-inline-editable.entry.js +12 -12
  672. package/dist/esm/calcite-input-date-picker.entry.js +16 -16
  673. package/dist/esm/calcite-input-message.entry.js +5 -5
  674. package/dist/esm/calcite-input-number.entry.js +13 -13
  675. package/dist/esm/calcite-input-text.entry.js +13 -13
  676. package/dist/esm/calcite-input-time-picker_2.entry.js +13 -13
  677. package/dist/esm/calcite-input.entry.js +13 -13
  678. package/dist/esm/calcite-label.entry.js +6 -6
  679. package/dist/esm/calcite-link.entry.js +7 -7
  680. package/dist/esm/calcite-list_3.entry.js +52 -18
  681. package/dist/esm/calcite-loader.entry.js +3 -3
  682. package/dist/esm/calcite-modal.entry.js +13 -13
  683. package/dist/esm/calcite-notice.entry.js +12 -12
  684. package/dist/esm/calcite-option_3.entry.js +10 -10
  685. package/dist/esm/calcite-pagination.entry.js +10 -10
  686. package/dist/esm/calcite-panel.entry.js +14 -14
  687. package/dist/esm/calcite-pick-list_3.entry.js +16 -16
  688. package/dist/esm/calcite-popover.entry.js +15 -15
  689. package/dist/esm/calcite-progress.entry.js +2 -2
  690. package/dist/esm/calcite-radio-button-group.entry.js +3 -3
  691. package/dist/esm/calcite-radio-button.entry.js +10 -10
  692. package/dist/esm/calcite-rating.entry.js +13 -13
  693. package/dist/esm/calcite-scrim.entry.js +9 -9
  694. package/dist/esm/calcite-segmented-control_2.entry.js +9 -9
  695. package/dist/esm/calcite-shell_3.entry.js +11 -11
  696. package/dist/esm/calcite-sortable-list.entry.js +5 -5
  697. package/dist/esm/calcite-split-button.entry.js +4 -4
  698. package/dist/esm/calcite-stepper_2.entry.js +10 -10
  699. package/dist/esm/calcite-switch.entry.js +10 -10
  700. package/dist/esm/calcite-tab_4.entry.js +7 -7
  701. package/dist/esm/calcite-text-area.entry.js +15 -15
  702. package/dist/esm/calcite-tile-select_2.entry.js +5 -5
  703. package/dist/esm/calcite-tile.entry.js +8 -8
  704. package/dist/esm/calcite-tip_3.entry.js +11 -11
  705. package/dist/esm/calcite-tooltip.entry.js +8 -8
  706. package/dist/esm/calcite-tree_2.entry.js +9 -9
  707. package/dist/esm/calcite-value-list_2.entry.js +16 -16
  708. package/dist/esm/calcite.js +6 -6
  709. package/dist/esm/{composed-offset-position.esm-5d61598c.js → composed-offset-position.esm-4cc024ca.js} +1 -1
  710. package/dist/esm/{conditionalSlot-184b42f5.js → conditionalSlot-b318c849.js} +3 -3
  711. package/dist/esm/{debounce-6926631f.js → debounce-087f27d8.js} +1 -1
  712. package/dist/esm/{dom-70757e0c.js → dom-c0440fde.js} +3 -3
  713. package/dist/esm/{filter-98f299a9.js → filter-512291d0.js} +2 -2
  714. package/dist/esm/{floating-ui-e9a5effe.js → floating-ui-d29192d8.js} +4 -4
  715. package/dist/esm/{focusTrapComponent-64358a63.js → focusTrapComponent-757a7f51.js} +2 -2
  716. package/dist/esm/{form-b3bf3b92.js → form-87a82e5c.js} +3 -3
  717. package/dist/esm/{guid-9e6cd0b0.js → guid-4e6f23ab.js} +1 -1
  718. package/dist/esm/{index-a82533d1.js → index-640acc8f.js} +1 -1
  719. package/dist/esm/index.js +2 -2
  720. package/dist/esm/{interactive-ce7fa759.js → interactive-0411ef06.js} +1 -1
  721. package/dist/esm/{key-bb776dd8.js → key-c1cbbe8a.js} +1 -1
  722. package/dist/esm/{label-836e1eee.js → label-0f4aba5a.js} +2 -2
  723. package/dist/esm/{loadable-062352c9.js → loadable-a0ac7381.js} +1 -1
  724. package/dist/esm/loader.js +6 -6
  725. package/dist/esm/{locale-ac5b8120.js → locale-06dcd1e7.js} +4 -4
  726. package/dist/esm/{math-3383df7f.js → math-838a1503.js} +1 -1
  727. package/dist/esm/{observers-5ffe7fc8.js → observers-822f0c0f.js} +1 -1
  728. package/dist/esm/{openCloseComponent-8b0f2d5a.js → openCloseComponent-0f42fee2.js} +2 -2
  729. package/dist/esm/{resources-bc93ce67.js → resources-1a560860.js} +5 -5
  730. package/dist/esm/{resources-17610c31.js → resources-4ee32ed8.js} +1 -1
  731. package/dist/esm/{resources-5e666259.js → resources-695b6e93.js} +1 -1
  732. package/dist/esm/{resources-78fbd7ad.js → resources-71964b96.js} +1 -1
  733. package/dist/esm/{resources-66a7968c.js → resources-b0a42be1.js} +1 -1
  734. package/dist/esm/{resources-c272deb0.js → resources-dbce1abe.js} +1 -1
  735. package/dist/esm/{sortable.esm-e295f0f5.js → sortable.esm-80ace08f.js} +1 -1
  736. package/dist/esm/{t9n-c33212fc.js → t9n-1d185ddc.js} +3 -3
  737. package/dist/esm/{throttle-30465dc5.js → throttle-d858c79e.js} +2 -2
  738. package/dist/esm/{utils-5faaba8c.js → utils-07a88d63.js} +3 -3
  739. package/dist/esm/{utils-1d047160.js → utils-ad59ff42.js} +1 -1
  740. package/dist/extras/docs-json.json +75 -2
  741. package/dist/extras/vscode-data.json +8 -0
  742. package/dist/loader/cdn.js +1 -1
  743. package/dist/loader/index.cjs.js +1 -1
  744. package/dist/loader/index.es2017.js +1 -1
  745. package/dist/loader/index.js +1 -1
  746. package/dist/types/components/button/button.d.ts +7 -0
  747. package/dist/types/components/list/list.d.ts +1 -0
  748. package/dist/types/components/list-item/assets/list-item/t9n/index.d.ts +3 -0
  749. package/dist/types/components/list-item/list-item.d.ts +29 -2
  750. package/dist/types/components/list-item/resources.d.ts +1 -0
  751. package/dist/types/components.d.ts +33 -0
  752. package/dist/types/preact.d.ts +2 -1
  753. package/hydrate/index.js +69 -17
  754. package/package.json +1 -1
  755. package/dist/calcite/p-19fc09c3.entry.js +0 -6
  756. package/dist/calcite/p-6e27210a.entry.js +0 -6
  757. package/dist/calcite/p-6ed575f1.entry.js +0 -6
  758. package/dist/calcite/p-7a842c1c.js +0 -6
  759. package/dist/calcite/p-8b996b2e.js +0 -6
  760. package/dist/calcite/p-9b271c96.js +0 -6
package/hydrate/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
3
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.3.0-next.5
4
+ * v1.3.0-next.7
5
5
  */
6
6
  'use strict';
7
7
 
@@ -11338,7 +11338,7 @@ const CSS$Q = {
11338
11338
  buttonPaddingShrunk: "button-padding--shrunk"
11339
11339
  };
11340
11340
 
11341
- const buttonCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-button:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-button{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-button{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-button{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-button{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-button{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-button:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-button:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}/*!@:host([hidden])*/[hidden].sc-calcite-button-h{display:none}/*!@:host([disabled])*/[disabled].sc-calcite-button-h{pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host*/.sc-calcite-button-h{display:inline-block;inline-size:auto;vertical-align:middle}/*!@:host([round])*/[round].sc-calcite-button-h{border-radius:50px}/*!@:host([round]) a, :host([round]) button*/[round].sc-calcite-button-h a.sc-calcite-button,[round].sc-calcite-button-h button.sc-calcite-button{border-radius:50px}/*!@:host button,\n:host a*/.sc-calcite-button-h button.sc-calcite-button,.sc-calcite-button-h a.sc-calcite-button{outline-color:transparent}/*!@:host button:focus,\n:host a:focus*/.sc-calcite-button-h button.sc-calcite-button:focus,.sc-calcite-button-h a.sc-calcite-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}/*!@:host button,\n:host a*/.sc-calcite-button-h button.sc-calcite-button,.sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin-internal:0.5rem;--calcite-button-padding-x-internal:7px;--calcite-button-padding-y-internal:3px;padding-block:var(--calcite-button-padding-y-internal);padding-inline:var(--calcite-button-padding-x-internal);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;align-items:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}/*!@:host button:hover,\n:host a:hover*/.sc-calcite-button-h button.sc-calcite-button:hover,.sc-calcite-button-h a.sc-calcite-button:hover{text-decoration-line:none}/*!@.content*/.content.sc-calcite-button{display:flex;flex-basis:auto;margin-inline:var(--calcite-button-content-margin-internal)}/*!@.icon-start-empty .content*/.icon-start-empty.sc-calcite-button .content.sc-calcite-button{margin-inline-start:unset}/*!@.icon-end-empty .content*/.icon-end-empty.sc-calcite-button .content.sc-calcite-button{margin-inline-end:unset}/*!@:host([scale=m]) button,\n:host([scale=m]) a*/[scale=m].sc-calcite-button-h button.sc-calcite-button,[scale=m].sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin-internal:0.75rem}/*!@:host([scale=l]) button,\n:host([scale=l]) a*/[scale=l].sc-calcite-button-h button.sc-calcite-button,[scale=l].sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin-internal:1rem}/*!@:host([width=auto])*/[width=auto].sc-calcite-button-h{inline-size:auto}/*!@:host([width=half])*/[width=half].sc-calcite-button-h{inline-size:50%}/*!@:host([width=full])*/[width=full].sc-calcite-button-h{inline-size:100%}/*!@:host([alignment=center]:not([width=auto])) a,\n:host([alignment=center]:not([width=auto])) button*/[alignment=center].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=center].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:center}/*!@:host([alignment=start]:not([width=auto])) a,\n:host([alignment=start]:not([width=auto])) button*/[alignment=start].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=start].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:flex-start}/*!@:host([alignment=end]:not([width=auto])) a,\n:host([alignment=end]:not([width=auto])) button*/[alignment=end].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=end].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:flex-end}/*!@:host([alignment*=space-between]:not([width=auto])) a,\n:host([alignment*=space-between]:not([width=auto])) button*/[alignment*=space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment*=space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:space-between}/*!@:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start*/[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) .icon--start.sc-calcite-button{margin-inline-end:auto}/*!@:host([alignment=icon-start-space-between]:not([width=auto])) a,\n:host([alignment=icon-start-space-between]:not([width=auto])) button*/[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{text-align:unset}/*!@:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end*/[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) .icon--end.sc-calcite-button{margin-inline-start:auto}/*!@:host([alignment=icon-end-space-between]:not([width=auto])) a,\n:host([alignment=icon-end-space-between]:not([width=auto])) button*/[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{text-align:unset}/*!@:host([alignment=center]) a:not(.content--slotted) .icon--start + .icon--end,\n:host([alignment=center]) button:not(.content--slotted) .icon--start + .icon--end*/[alignment=center].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button,[alignment=center].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button{margin-inline-start:var(--calcite-button-content-margin-internal)}/*!@.icon*/.icon.sc-calcite-button{position:relative;margin:0px;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-button-h[disabled] .sc-calcite-button-s>[calcite-hydrated][disabled],[disabled].sc-calcite-button-h [calcite-hydrated][disabled].sc-calcite-button{opacity:1}/*!@:host([loading])*/[loading].sc-calcite-button-h{pointer-events:none}/*!@:host([loading]) button,\n:host([loading]) a*/[loading].sc-calcite-button-h button.sc-calcite-button,[loading].sc-calcite-button-h a.sc-calcite-button{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(0.5)}100%{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}100%{inline-size:0;opacity:0;transform:scale(0.5)}}/*!@.calcite-button--loader*/.calcite-button--loader.sc-calcite-button{display:flex}/*!@.calcite-button--loader calcite-loader*/.calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button{margin:0px;transition:inline-size var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out}/*!@.calcite-button--loader calcite-loader.loading-in*/.calcite-button--loader.sc-calcite-button calcite-loader.loading-in.sc-calcite-button{animation-name:loader-in;animation-duration:var(--calcite-internal-animation-timing-slow)}/*!@.calcite-button--loader calcite-loader.loading-out*/.calcite-button--loader.sc-calcite-button calcite-loader.loading-out.sc-calcite-button{animation-name:loader-out;animation-duration:var(--calcite-internal-animation-timing-slow)}/*!@:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,\n:host([loading]) a.content--slotted .calcite-button--loader calcite-loader*/[loading].sc-calcite-button-h button.content--slotted.sc-calcite-button .calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button,[loading].sc-calcite-button-h a.content--slotted.sc-calcite-button .calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button{margin-inline-end:var(--calcite-button-content-margin-internal)}/*!@:host([loading]) button:not(.content--slotted) .icon--start,\n:host([loading]) button:not(.content--slotted) .icon--end,\n:host([loading]) a:not(.content--slotted) .icon--start,\n:host([loading]) a:not(.content--slotted) .icon--end*/[loading].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button,[loading].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--end.sc-calcite-button,[loading].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button,[loading].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--end.sc-calcite-button{display:none}/*!@:host([appearance]) button,\n:host([appearance]) a*/[appearance].sc-calcite-button-h button.sc-calcite-button,[appearance].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;border-color:transparent}/*!@:host([kind=brand]) button,\n:host([kind=brand]) a*/[kind=brand].sc-calcite-button-h button.sc-calcite-button,[kind=brand].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-inverse)}/*!@:host([kind=brand]) button:hover, :host([kind=brand]) button:focus,\n:host([kind=brand]) a:hover,\n:host([kind=brand]) a:focus*/[kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[kind=brand].sc-calcite-button-h a.sc-calcite-button:hover,[kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-ui-brand-hover)}/*!@:host([kind=brand]) button:active,\n:host([kind=brand]) a:active*/[kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[kind=brand].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-ui-brand-press)}/*!@:host([kind=brand]) button calcite-loader,\n:host([kind=brand]) a calcite-loader*/[kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-inverse)}/*!@:host([kind=danger]) button,\n:host([kind=danger]) a*/[kind=danger].sc-calcite-button-h button.sc-calcite-button,[kind=danger].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}/*!@:host([kind=danger]) button:hover, :host([kind=danger]) button:focus,\n:host([kind=danger]) a:hover,\n:host([kind=danger]) a:focus*/[kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[kind=danger].sc-calcite-button-h a.sc-calcite-button:hover,[kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-ui-danger-hover)}/*!@:host([kind=danger]) button:active,\n:host([kind=danger]) a:active*/[kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[kind=danger].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-ui-danger-press)}/*!@:host([kind=danger]) button calcite-loader,\n:host([kind=danger]) a calcite-loader*/[kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-inverse)}/*!@:host([kind=neutral]) button,\n:host([kind=neutral]) a*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button,[kind=neutral].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}/*!@:host([kind=neutral]) button:hover, :host([kind=neutral]) button:focus,\n:host([kind=neutral]) a:hover,\n:host([kind=neutral]) a:focus*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[kind=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[kind=neutral].sc-calcite-button-h a.sc-calcite-button:hover,[kind=neutral].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-ui-foreground-2)}/*!@:host([kind=neutral]) button:active,\n:host([kind=neutral]) a:active*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button:active,[kind=neutral].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-ui-foreground-1)}/*!@:host([kind=neutral]) button calcite-loader,\n:host([kind=neutral]) a calcite-loader*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([kind=inverse]) button,\n:host([kind=inverse]) a*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button,[kind=inverse].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-ui-text-inverse);background-color:var(--calcite-ui-inverse)}/*!@:host([kind=inverse]) button:hover, :host([kind=inverse]) button:focus,\n:host([kind=inverse]) a:hover,\n:host([kind=inverse]) a:focus*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[kind=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[kind=inverse].sc-calcite-button-h a.sc-calcite-button:hover,[kind=inverse].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-ui-inverse-hover)}/*!@:host([kind=inverse]) button:active,\n:host([kind=inverse]) a:active*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button:active,[kind=inverse].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-ui-inverse-press)}/*!@:host([kind=inverse]) button calcite-loader,\n:host([kind=inverse]) a calcite-loader*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-inverse)}/*!@:host([appearance=outline-fill]) button,\n:host([appearance=outline-fill]) a*/[appearance=outline-fill].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);box-shadow:inset 0 0 0 1px transparent}/*!@:host([appearance=outline-fill][kind=brand]) button,\n:host([appearance=outline-fill][kind=brand]) a*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-ui-brand);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-brand)}/*!@:host([appearance=outline-fill][kind=brand]) button:hover,\n:host([appearance=outline-fill][kind=brand]) a:hover*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}/*!@:host([appearance=outline-fill][kind=brand]) button:focus,\n:host([appearance=outline-fill][kind=brand]) a:focus*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}/*!@:host([appearance=outline-fill][kind=brand]) button:active,\n:host([appearance=outline-fill][kind=brand]) a:active*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}/*!@:host([appearance=outline-fill][kind=brand]) button calcite-loader,\n:host([appearance=outline-fill][kind=brand]) a calcite-loader*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-brand)}/*!@:host([appearance=outline-fill][kind=danger]) button,\n:host([appearance=outline-fill][kind=danger]) a*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-ui-danger);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-danger)}/*!@:host([appearance=outline-fill][kind=danger]) button:hover,\n:host([appearance=outline-fill][kind=danger]) a:hover*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}/*!@:host([appearance=outline-fill][kind=danger]) button:focus,\n:host([appearance=outline-fill][kind=danger]) a:focus*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}/*!@:host([appearance=outline-fill][kind=danger]) button:active,\n:host([appearance=outline-fill][kind=danger]) a:active*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}/*!@:host([appearance=outline-fill][kind=danger]) button calcite-loader,\n:host([appearance=outline-fill][kind=danger]) a calcite-loader*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-danger)}/*!@:host([appearance=outline-fill][kind=neutral]) button,\n:host([appearance=outline-fill][kind=neutral]) a*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button:hover,\n:host([appearance=outline-fill][kind=neutral]) a:hover*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button:hover{box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button:focus,\n:host([appearance=outline-fill][kind=neutral]) a:focus*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button:focus{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button:active,\n:host([appearance=outline-fill][kind=neutral]) a:active*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button:active{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button calcite-loader,\n:host([appearance=outline-fill][kind=neutral]) a calcite-loader*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=outline-fill][kind=inverse]) button,\n:host([appearance=outline-fill][kind=inverse]) a*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}/*!@:host([appearance=outline-fill][kind=inverse]) button:hover,\n:host([appearance=outline-fill][kind=inverse]) a:hover*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}/*!@:host([appearance=outline-fill][kind=inverse]) button:focus,\n:host([appearance=outline-fill][kind=inverse]) a:focus*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}/*!@:host([appearance=outline-fill][kind=inverse]) button:active,\n:host([appearance=outline-fill][kind=inverse]) a:active*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}/*!@:host([appearance=outline-fill][kind=inverse]) button calcite-loader,\n:host([appearance=outline-fill][kind=inverse]) a calcite-loader*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=outline]) button,\n:host([appearance=outline]) a*/[appearance=outline].sc-calcite-button-h button.sc-calcite-button,[appearance=outline].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}/*!@:host([appearance=outline][kind=brand]) button,\n:host([appearance=outline][kind=brand]) a*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-ui-brand);background-color:transparent;color:var(--calcite-ui-brand)}/*!@:host([appearance=outline][kind=brand]) button:hover,\n:host([appearance=outline][kind=brand]) a:hover*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}/*!@:host([appearance=outline][kind=brand]) button:focus,\n:host([appearance=outline][kind=brand]) a:focus*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}/*!@:host([appearance=outline][kind=brand]) button:active,\n:host([appearance=outline][kind=brand]) a:active*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}/*!@:host([appearance=outline][kind=brand]) button calcite-loader,\n:host([appearance=outline][kind=brand]) a calcite-loader*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-brand)}/*!@:host([appearance=outline][kind=danger]) button,\n:host([appearance=outline][kind=danger]) a*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-ui-danger);background-color:transparent;color:var(--calcite-ui-danger)}/*!@:host([appearance=outline][kind=danger]) button:hover,\n:host([appearance=outline][kind=danger]) a:hover*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}/*!@:host([appearance=outline][kind=danger]) button:focus,\n:host([appearance=outline][kind=danger]) a:focus*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}/*!@:host([appearance=outline][kind=danger]) button:active,\n:host([appearance=outline][kind=danger]) a:active*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}/*!@:host([appearance=outline][kind=danger]) button calcite-loader,\n:host([appearance=outline][kind=danger]) a calcite-loader*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-danger)}/*!@:host([appearance=outline][kind=neutral]) button,\n:host([appearance=outline][kind=neutral]) a*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button{background-color:transparent;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-border-1)}/*!@:host([appearance=outline][kind=neutral]) button:hover,\n:host([appearance=outline][kind=neutral]) a:hover*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button:hover{box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline][kind=neutral]) button:focus,\n:host([appearance=outline][kind=neutral]) a:focus*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button:focus{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline][kind=neutral]) button:active,\n:host([appearance=outline][kind=neutral]) a:active*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button:active{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline][kind=neutral]) button calcite-loader,\n:host([appearance=outline][kind=neutral]) a calcite-loader*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=outline][kind=inverse]) button,\n:host([appearance=outline][kind=inverse]) a*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button{background-color:transparent;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}/*!@:host([appearance=outline][kind=inverse]) button:hover,\n:host([appearance=outline][kind=inverse]) a:hover*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}/*!@:host([appearance=outline][kind=inverse]) button:focus,\n:host([appearance=outline][kind=inverse]) a:focus*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}/*!@:host([appearance=outline][kind=inverse]) button:active,\n:host([appearance=outline][kind=inverse]) a:active*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}/*!@:host([appearance=outline][kind=inverse]) button calcite-loader,\n:host([appearance=outline][kind=inverse]) a calcite-loader*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=outline-fill][split-child=primary]) button,\n:host([appearance=outline][split-child=primary]) button*/[appearance=outline-fill][split-child=primary].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][split-child=primary].sc-calcite-button-h button.sc-calcite-button{border-inline-end-width:0;border-inline-start-width:1px}/*!@:host([appearance=outline-fill][split-child=secondary]) button,\n:host([appearance=outline][split-child=secondary]) button*/[appearance=outline-fill][split-child=secondary].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][split-child=secondary].sc-calcite-button-h button.sc-calcite-button{border-inline-start-width:0;border-inline-end-width:1px}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button,\n:host([appearance=transparent]:not(.enable-editing-button)) a*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button{background-color:transparent}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button:hover, :host([appearance=transparent]:not(.enable-editing-button)) button:focus,\n:host([appearance=transparent]:not(.enable-editing-button)) a:hover,\n:host([appearance=transparent]:not(.enable-editing-button)) a:focus*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:hover,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:focus,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:hover,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:focus{background-color:var(--calcite-button-transparent-hover)}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button:active,\n:host([appearance=transparent]:not(.enable-editing-button)) a:active*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:active,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:active{background-color:var(--calcite-button-transparent-press)}/*!@:host([appearance=transparent][kind=brand]) button,\n:host([appearance=transparent][kind=brand]) a*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-ui-brand)}/*!@:host([appearance=transparent][kind=brand]) button:hover,\n:host([appearance=transparent][kind=brand]) a:hover*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button:hover{color:var(--calcite-ui-brand-hover)}/*!@:host([appearance=transparent][kind=brand]) button:focus,\n:host([appearance=transparent][kind=brand]) a:focus*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{color:var(--calcite-ui-brand)}/*!@:host([appearance=transparent][kind=brand]) button:active,\n:host([appearance=transparent][kind=brand]) a:active*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button:active{color:var(--calcite-ui-brand-press)}/*!@:host([appearance=transparent][kind=brand]) button calcite-loader,\n:host([appearance=transparent][kind=brand]) a calcite-loader*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-brand)}/*!@:host([appearance=transparent][kind=danger]) button,\n:host([appearance=transparent][kind=danger]) a*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-ui-danger)}/*!@:host([appearance=transparent][kind=danger]) button:hover,\n:host([appearance=transparent][kind=danger]) a:hover*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button:hover{color:var(--calcite-ui-danger-hover)}/*!@:host([appearance=transparent][kind=danger]) button:focus,\n:host([appearance=transparent][kind=danger]) a:focus*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{color:var(--calcite-ui-danger)}/*!@:host([appearance=transparent][kind=danger]) button:active,\n:host([appearance=transparent][kind=danger]) a:active*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button:active{color:var(--calcite-ui-danger-press)}/*!@:host([appearance=transparent][kind=danger]) button calcite-loader,\n:host([appearance=transparent][kind=danger]) a calcite-loader*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-danger)}/*!@:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,\n:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,\n:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader*/[appearance=transparent][kind=neutral].sc-calcite-button-h:not(.cancel-editing-button) button.sc-calcite-button,[appearance=transparent][kind=neutral].sc-calcite-button-h:not(.cancel-editing-button) a.sc-calcite-button,[appearance=transparent][kind=neutral].sc-calcite-button-h:not(.cancel-editing-button) calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=transparent][kind=neutral].cancel-editing-button) button*/[appearance=transparent][kind=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-ui-text-3);border-block-start-color:var(--calcite-ui-border-input);border-block-end-color:var(--calcite-ui-border-input);border-block-style:solid}/*!@:host([appearance=transparent][kind=neutral].cancel-editing-button) button:not(.content--slotted)*/[appearance=transparent][kind=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:not(.content--slotted){--calcite-button-padding-y-internal:0}/*!@:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover*/[appearance=transparent][kind=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:hover{color:var(--calcite-ui-text-1)}/*!@:host([appearance=transparent][kind=neutral].enable-editing-button) button*/[appearance=transparent][kind=neutral].enable-editing-button.sc-calcite-button-h button.sc-calcite-button{background-color:transparent}/*!@:host(.confirm-changes-button) button:focus,\n:host(.cancel-editing-button) button:focus,\n:host(.enable-editing-button) button:focus*/.confirm-changes-button.sc-calcite-button-h button.sc-calcite-button:focus,.cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:focus,.enable-editing-button.sc-calcite-button-h button.sc-calcite-button:focus{outline-offset:-2px}/*!@:host([appearance=transparent][kind=inverse]) button,\n:host([appearance=transparent][kind=inverse]) a,\n:host([appearance=transparent][kind=inverse]) calcite-loader*/[appearance=transparent][kind=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][kind=inverse].sc-calcite-button-h a.sc-calcite-button,[appearance=transparent][kind=inverse].sc-calcite-button-h calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-inverse)}/*!@:host([scale=s]) button.content--slotted,\n:host([scale=s]) a.content--slotted*/[scale=s].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=s].sc-calcite-button-h a.content--slotted.sc-calcite-button{font-size:var(--calcite-font-size--2);line-height:1rem}/*!@:host([scale=s][appearance=transparent]) button.content--slotted,\n:host([scale=s][appearance=transparent]) a.content--slotted*/[scale=s][appearance=transparent].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=s][appearance=transparent].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:0.5rem}/*!@:host([scale=s]) button,\n:host([scale=s]) a*/[scale=s].sc-calcite-button-h button.sc-calcite-button,[scale=s].sc-calcite-button-h a.sc-calcite-button{--calcite-button-padding-y-internal:3px}/*!@:host([scale=m]) button.content--slotted,\n:host([scale=m]) a.content--slotted*/[scale=m].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=m].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:11px;font-size:var(--calcite-font-size--1);line-height:1rem}/*!@:host([scale=m]) button,\n:host([scale=m]) a*/[scale=m].sc-calcite-button-h button.sc-calcite-button,[scale=m].sc-calcite-button-h a.sc-calcite-button{--calcite-button-padding-y-internal:7px}/*!@:host([scale=m][appearance=transparent]) button.content--slotted,\n:host([scale=m][appearance=transparent]) a.content--slotted*/[scale=m][appearance=transparent].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=m][appearance=transparent].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:0.75rem}/*!@:host([scale=l]) button.content--slotted,\n:host([scale=l]) a.content--slotted*/[scale=l].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=l].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=l]) .button-padding*/[scale=l].sc-calcite-button-h .button-padding.sc-calcite-button{--calcite-button-padding-x-internal:1rem;--calcite-button-padding-y-internal:11px}/*!@:host([scale=l]) .button-padding--shrunk*/[scale=l].sc-calcite-button-h .button-padding--shrunk.sc-calcite-button{--calcite-button-padding-y-internal:9px}/*!@:host([scale=s]) button:not(.content--slotted),\n:host([scale=s]) a:not(.content--slotted)*/[scale=s].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}/*!@:host([scale=m]) button:not(.content--slotted),\n:host([scale=m]) a:not(.content--slotted)*/[scale=m].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}/*!@:host([scale=l]) button:not(.content--slotted),\n:host([scale=l]) a:not(.content--slotted)*/[scale=l].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}/*!@:host([scale=l][appearance=transparent]) button:not(.content--slotted),\n:host([scale=l][appearance=transparent]) a:not(.content--slotted)*/[scale=l][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-y-internal:0.625rem}/*!@:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=s][icon-start][icon-end]) a:not(.content--slotted)*/[scale=s][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=s][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:1.5rem}/*!@:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=m][icon-start][icon-end]) a:not(.content--slotted)*/[scale=m][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=m][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:33px}/*!@:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=l][icon-start][icon-end]) a:not(.content--slotted)*/[scale=l][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start + .icon--end,\n:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start + .icon--end*/[scale=l][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button,[scale=l][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button{margin-inline-start:1rem}/*!@:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=l][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:2.75rem}";
11341
+ const buttonCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-button:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-button{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-button{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-button{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-button{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-button{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-button:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-button:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}/*!@:host([hidden])*/[hidden].sc-calcite-button-h{display:none}/*!@:host([disabled])*/[disabled].sc-calcite-button-h{pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host*/.sc-calcite-button-h{display:inline-block;inline-size:auto;vertical-align:middle}/*!@:host([round])*/[round].sc-calcite-button-h{border-radius:50px}/*!@:host([round]) a, :host([round]) button*/[round].sc-calcite-button-h a.sc-calcite-button,[round].sc-calcite-button-h button.sc-calcite-button{border-radius:50px}/*!@:host button,\n:host a*/.sc-calcite-button-h button.sc-calcite-button,.sc-calcite-button-h a.sc-calcite-button{outline-color:transparent}/*!@:host button:focus,\n:host a:focus*/.sc-calcite-button-h button.sc-calcite-button:focus,.sc-calcite-button-h a.sc-calcite-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}/*!@:host button,\n:host a*/.sc-calcite-button-h button.sc-calcite-button,.sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin-internal:0.5rem;--calcite-button-padding-x-internal:7px;--calcite-button-padding-y-internal:3px;padding-block:var(--calcite-button-padding-y-internal);padding-inline:var(--calcite-button-padding-x-internal);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;align-items:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}/*!@:host button:hover,\n:host a:hover*/.sc-calcite-button-h button.sc-calcite-button:hover,.sc-calcite-button-h a.sc-calcite-button:hover{text-decoration-line:none}/*!@:host button span,\n:host a span*/.sc-calcite-button-h button.sc-calcite-button span.sc-calcite-button,.sc-calcite-button-h a.sc-calcite-button span.sc-calcite-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@.content*/.content.sc-calcite-button{margin-inline:var(--calcite-button-content-margin-internal)}/*!@.icon-start-empty .content*/.icon-start-empty.sc-calcite-button .content.sc-calcite-button{margin-inline-start:unset}/*!@.icon-end-empty .content*/.icon-end-empty.sc-calcite-button .content.sc-calcite-button{margin-inline-end:unset}/*!@:host([scale=m]) button,\n:host([scale=m]) a*/[scale=m].sc-calcite-button-h button.sc-calcite-button,[scale=m].sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin-internal:0.75rem}/*!@:host([scale=l]) button,\n:host([scale=l]) a*/[scale=l].sc-calcite-button-h button.sc-calcite-button,[scale=l].sc-calcite-button-h a.sc-calcite-button{--calcite-button-content-margin-internal:1rem}/*!@:host([width=auto])*/[width=auto].sc-calcite-button-h{inline-size:auto}/*!@:host([width=half])*/[width=half].sc-calcite-button-h{inline-size:50%}/*!@:host([width=full])*/[width=full].sc-calcite-button-h{inline-size:100%}/*!@:host([alignment=center]:not([width=auto])) a,\n:host([alignment=center]:not([width=auto])) button*/[alignment=center].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=center].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:center}/*!@:host([alignment=start]:not([width=auto])) a,\n:host([alignment=start]:not([width=auto])) button*/[alignment=start].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=start].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:flex-start}/*!@:host([alignment=end]:not([width=auto])) a,\n:host([alignment=end]:not([width=auto])) button*/[alignment=end].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=end].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:flex-end}/*!@:host([alignment*=space-between]:not([width=auto])) a,\n:host([alignment*=space-between]:not([width=auto])) button*/[alignment*=space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment*=space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{justify-content:space-between}/*!@:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start*/[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) .icon--start.sc-calcite-button{margin-inline-end:auto}/*!@:host([alignment=icon-start-space-between]:not([width=auto])) a,\n:host([alignment=icon-start-space-between]:not([width=auto])) button*/[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=icon-start-space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{text-align:unset}/*!@:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end*/[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) .icon--end.sc-calcite-button{margin-inline-start:auto}/*!@:host([alignment=icon-end-space-between]:not([width=auto])) a,\n:host([alignment=icon-end-space-between]:not([width=auto])) button*/[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) a.sc-calcite-button,[alignment=icon-end-space-between].sc-calcite-button-h:not([width=auto]) button.sc-calcite-button{text-align:unset}/*!@:host([alignment=center]) a:not(.content--slotted) .icon--start + .icon--end,\n:host([alignment=center]) button:not(.content--slotted) .icon--start + .icon--end*/[alignment=center].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button,[alignment=center].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button{margin-inline-start:var(--calcite-button-content-margin-internal)}/*!@.icon*/.icon.sc-calcite-button{position:relative;margin:0px;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-button-h[disabled] .sc-calcite-button-s>[calcite-hydrated][disabled],[disabled].sc-calcite-button-h [calcite-hydrated][disabled].sc-calcite-button{opacity:1}/*!@:host([loading])*/[loading].sc-calcite-button-h{pointer-events:none}/*!@:host([loading]) button,\n:host([loading]) a*/[loading].sc-calcite-button-h button.sc-calcite-button,[loading].sc-calcite-button-h a.sc-calcite-button{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(0.5)}100%{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}100%{inline-size:0;opacity:0;transform:scale(0.5)}}/*!@.calcite-button--loader*/.calcite-button--loader.sc-calcite-button{display:flex}/*!@.calcite-button--loader calcite-loader*/.calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button{margin:0px;transition:inline-size var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out}/*!@.calcite-button--loader calcite-loader.loading-in*/.calcite-button--loader.sc-calcite-button calcite-loader.loading-in.sc-calcite-button{animation-name:loader-in;animation-duration:var(--calcite-internal-animation-timing-slow)}/*!@.calcite-button--loader calcite-loader.loading-out*/.calcite-button--loader.sc-calcite-button calcite-loader.loading-out.sc-calcite-button{animation-name:loader-out;animation-duration:var(--calcite-internal-animation-timing-slow)}/*!@:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,\n:host([loading]) a.content--slotted .calcite-button--loader calcite-loader*/[loading].sc-calcite-button-h button.content--slotted.sc-calcite-button .calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button,[loading].sc-calcite-button-h a.content--slotted.sc-calcite-button .calcite-button--loader.sc-calcite-button calcite-loader.sc-calcite-button{margin-inline-end:var(--calcite-button-content-margin-internal)}/*!@:host([loading]) button:not(.content--slotted) .icon--start,\n:host([loading]) button:not(.content--slotted) .icon--end,\n:host([loading]) a:not(.content--slotted) .icon--start,\n:host([loading]) a:not(.content--slotted) .icon--end*/[loading].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button,[loading].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--end.sc-calcite-button,[loading].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button,[loading].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--end.sc-calcite-button{display:none}/*!@:host([appearance]) button,\n:host([appearance]) a*/[appearance].sc-calcite-button-h button.sc-calcite-button,[appearance].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;border-color:transparent}/*!@:host([kind=brand]) button,\n:host([kind=brand]) a*/[kind=brand].sc-calcite-button-h button.sc-calcite-button,[kind=brand].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-inverse)}/*!@:host([kind=brand]) button:hover, :host([kind=brand]) button:focus,\n:host([kind=brand]) a:hover,\n:host([kind=brand]) a:focus*/[kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[kind=brand].sc-calcite-button-h a.sc-calcite-button:hover,[kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-ui-brand-hover)}/*!@:host([kind=brand]) button:active,\n:host([kind=brand]) a:active*/[kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[kind=brand].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-ui-brand-press)}/*!@:host([kind=brand]) button calcite-loader,\n:host([kind=brand]) a calcite-loader*/[kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-inverse)}/*!@:host([kind=danger]) button,\n:host([kind=danger]) a*/[kind=danger].sc-calcite-button-h button.sc-calcite-button,[kind=danger].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}/*!@:host([kind=danger]) button:hover, :host([kind=danger]) button:focus,\n:host([kind=danger]) a:hover,\n:host([kind=danger]) a:focus*/[kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[kind=danger].sc-calcite-button-h a.sc-calcite-button:hover,[kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-ui-danger-hover)}/*!@:host([kind=danger]) button:active,\n:host([kind=danger]) a:active*/[kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[kind=danger].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-ui-danger-press)}/*!@:host([kind=danger]) button calcite-loader,\n:host([kind=danger]) a calcite-loader*/[kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-inverse)}/*!@:host([kind=neutral]) button,\n:host([kind=neutral]) a*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button,[kind=neutral].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}/*!@:host([kind=neutral]) button:hover, :host([kind=neutral]) button:focus,\n:host([kind=neutral]) a:hover,\n:host([kind=neutral]) a:focus*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[kind=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[kind=neutral].sc-calcite-button-h a.sc-calcite-button:hover,[kind=neutral].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-ui-foreground-2)}/*!@:host([kind=neutral]) button:active,\n:host([kind=neutral]) a:active*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button:active,[kind=neutral].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-ui-foreground-1)}/*!@:host([kind=neutral]) button calcite-loader,\n:host([kind=neutral]) a calcite-loader*/[kind=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([kind=inverse]) button,\n:host([kind=inverse]) a*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button,[kind=inverse].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-ui-text-inverse);background-color:var(--calcite-ui-inverse)}/*!@:host([kind=inverse]) button:hover, :host([kind=inverse]) button:focus,\n:host([kind=inverse]) a:hover,\n:host([kind=inverse]) a:focus*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[kind=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[kind=inverse].sc-calcite-button-h a.sc-calcite-button:hover,[kind=inverse].sc-calcite-button-h a.sc-calcite-button:focus{background-color:var(--calcite-ui-inverse-hover)}/*!@:host([kind=inverse]) button:active,\n:host([kind=inverse]) a:active*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button:active,[kind=inverse].sc-calcite-button-h a.sc-calcite-button:active{background-color:var(--calcite-ui-inverse-press)}/*!@:host([kind=inverse]) button calcite-loader,\n:host([kind=inverse]) a calcite-loader*/[kind=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[kind=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-inverse)}/*!@:host([appearance=outline-fill]) button,\n:host([appearance=outline-fill]) a*/[appearance=outline-fill].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);box-shadow:inset 0 0 0 1px transparent}/*!@:host([appearance=outline-fill][kind=brand]) button,\n:host([appearance=outline-fill][kind=brand]) a*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-ui-brand);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-brand)}/*!@:host([appearance=outline-fill][kind=brand]) button:hover,\n:host([appearance=outline-fill][kind=brand]) a:hover*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}/*!@:host([appearance=outline-fill][kind=brand]) button:focus,\n:host([appearance=outline-fill][kind=brand]) a:focus*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}/*!@:host([appearance=outline-fill][kind=brand]) button:active,\n:host([appearance=outline-fill][kind=brand]) a:active*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}/*!@:host([appearance=outline-fill][kind=brand]) button calcite-loader,\n:host([appearance=outline-fill][kind=brand]) a calcite-loader*/[appearance=outline-fill][kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-brand)}/*!@:host([appearance=outline-fill][kind=danger]) button,\n:host([appearance=outline-fill][kind=danger]) a*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-ui-danger);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-danger)}/*!@:host([appearance=outline-fill][kind=danger]) button:hover,\n:host([appearance=outline-fill][kind=danger]) a:hover*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}/*!@:host([appearance=outline-fill][kind=danger]) button:focus,\n:host([appearance=outline-fill][kind=danger]) a:focus*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}/*!@:host([appearance=outline-fill][kind=danger]) button:active,\n:host([appearance=outline-fill][kind=danger]) a:active*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}/*!@:host([appearance=outline-fill][kind=danger]) button calcite-loader,\n:host([appearance=outline-fill][kind=danger]) a calcite-loader*/[appearance=outline-fill][kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-danger)}/*!@:host([appearance=outline-fill][kind=neutral]) button,\n:host([appearance=outline-fill][kind=neutral]) a*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button:hover,\n:host([appearance=outline-fill][kind=neutral]) a:hover*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button:hover{box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button:focus,\n:host([appearance=outline-fill][kind=neutral]) a:focus*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button:focus{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button:active,\n:host([appearance=outline-fill][kind=neutral]) a:active*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button:active{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline-fill][kind=neutral]) button calcite-loader,\n:host([appearance=outline-fill][kind=neutral]) a calcite-loader*/[appearance=outline-fill][kind=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=outline-fill][kind=inverse]) button,\n:host([appearance=outline-fill][kind=inverse]) a*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button{background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}/*!@:host([appearance=outline-fill][kind=inverse]) button:hover,\n:host([appearance=outline-fill][kind=inverse]) a:hover*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}/*!@:host([appearance=outline-fill][kind=inverse]) button:focus,\n:host([appearance=outline-fill][kind=inverse]) a:focus*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}/*!@:host([appearance=outline-fill][kind=inverse]) button:active,\n:host([appearance=outline-fill][kind=inverse]) a:active*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}/*!@:host([appearance=outline-fill][kind=inverse]) button calcite-loader,\n:host([appearance=outline-fill][kind=inverse]) a calcite-loader*/[appearance=outline-fill][kind=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline-fill][kind=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=outline]) button,\n:host([appearance=outline]) a*/[appearance=outline].sc-calcite-button-h button.sc-calcite-button,[appearance=outline].sc-calcite-button-h a.sc-calcite-button{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}/*!@:host([appearance=outline][kind=brand]) button,\n:host([appearance=outline][kind=brand]) a*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-ui-brand);background-color:transparent;color:var(--calcite-ui-brand)}/*!@:host([appearance=outline][kind=brand]) button:hover,\n:host([appearance=outline][kind=brand]) a:hover*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}/*!@:host([appearance=outline][kind=brand]) button:focus,\n:host([appearance=outline][kind=brand]) a:focus*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}/*!@:host([appearance=outline][kind=brand]) button:active,\n:host([appearance=outline][kind=brand]) a:active*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}/*!@:host([appearance=outline][kind=brand]) button calcite-loader,\n:host([appearance=outline][kind=brand]) a calcite-loader*/[appearance=outline][kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-brand)}/*!@:host([appearance=outline][kind=danger]) button,\n:host([appearance=outline][kind=danger]) a*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button{border-color:var(--calcite-ui-danger);background-color:transparent;color:var(--calcite-ui-danger)}/*!@:host([appearance=outline][kind=danger]) button:hover,\n:host([appearance=outline][kind=danger]) a:hover*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}/*!@:host([appearance=outline][kind=danger]) button:focus,\n:host([appearance=outline][kind=danger]) a:focus*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}/*!@:host([appearance=outline][kind=danger]) button:active,\n:host([appearance=outline][kind=danger]) a:active*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}/*!@:host([appearance=outline][kind=danger]) button calcite-loader,\n:host([appearance=outline][kind=danger]) a calcite-loader*/[appearance=outline][kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-danger)}/*!@:host([appearance=outline][kind=neutral]) button,\n:host([appearance=outline][kind=neutral]) a*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button{background-color:transparent;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-border-1)}/*!@:host([appearance=outline][kind=neutral]) button:hover,\n:host([appearance=outline][kind=neutral]) a:hover*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button:hover{box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline][kind=neutral]) button:focus,\n:host([appearance=outline][kind=neutral]) a:focus*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button:focus{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline][kind=neutral]) button:active,\n:host([appearance=outline][kind=neutral]) a:active*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button:active{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}/*!@:host([appearance=outline][kind=neutral]) button calcite-loader,\n:host([appearance=outline][kind=neutral]) a calcite-loader*/[appearance=outline][kind=neutral].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=neutral].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=outline][kind=inverse]) button,\n:host([appearance=outline][kind=inverse]) a*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button{background-color:transparent;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}/*!@:host([appearance=outline][kind=inverse]) button:hover,\n:host([appearance=outline][kind=inverse]) a:hover*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button:hover{border-color:var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}/*!@:host([appearance=outline][kind=inverse]) button:focus,\n:host([appearance=outline][kind=inverse]) a:focus*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button:focus{border-color:var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}/*!@:host([appearance=outline][kind=inverse]) button:active,\n:host([appearance=outline][kind=inverse]) a:active*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button:active,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button:active{border-color:var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}/*!@:host([appearance=outline][kind=inverse]) button calcite-loader,\n:host([appearance=outline][kind=inverse]) a calcite-loader*/[appearance=outline][kind=inverse].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=outline][kind=inverse].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=outline-fill][split-child=primary]) button,\n:host([appearance=outline][split-child=primary]) button*/[appearance=outline-fill][split-child=primary].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][split-child=primary].sc-calcite-button-h button.sc-calcite-button{border-inline-end-width:0;border-inline-start-width:1px}/*!@:host([appearance=outline-fill][split-child=secondary]) button,\n:host([appearance=outline][split-child=secondary]) button*/[appearance=outline-fill][split-child=secondary].sc-calcite-button-h button.sc-calcite-button,[appearance=outline][split-child=secondary].sc-calcite-button-h button.sc-calcite-button{border-inline-start-width:0;border-inline-end-width:1px}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button,\n:host([appearance=transparent]:not(.enable-editing-button)) a*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button{background-color:transparent}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button:hover, :host([appearance=transparent]:not(.enable-editing-button)) button:focus,\n:host([appearance=transparent]:not(.enable-editing-button)) a:hover,\n:host([appearance=transparent]:not(.enable-editing-button)) a:focus*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:hover,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:focus,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:hover,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:focus{background-color:var(--calcite-button-transparent-hover)}/*!@:host([appearance=transparent]:not(.enable-editing-button)) button:active,\n:host([appearance=transparent]:not(.enable-editing-button)) a:active*/[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) button.sc-calcite-button:active,[appearance=transparent].sc-calcite-button-h:not(.enable-editing-button) a.sc-calcite-button:active{background-color:var(--calcite-button-transparent-press)}/*!@:host([appearance=transparent][kind=brand]) button,\n:host([appearance=transparent][kind=brand]) a*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-ui-brand)}/*!@:host([appearance=transparent][kind=brand]) button:hover,\n:host([appearance=transparent][kind=brand]) a:hover*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button:hover{color:var(--calcite-ui-brand-hover)}/*!@:host([appearance=transparent][kind=brand]) button:focus,\n:host([appearance=transparent][kind=brand]) a:focus*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button:focus{color:var(--calcite-ui-brand)}/*!@:host([appearance=transparent][kind=brand]) button:active,\n:host([appearance=transparent][kind=brand]) a:active*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button:active,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button:active{color:var(--calcite-ui-brand-press)}/*!@:host([appearance=transparent][kind=brand]) button calcite-loader,\n:host([appearance=transparent][kind=brand]) a calcite-loader*/[appearance=transparent][kind=brand].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=transparent][kind=brand].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-brand)}/*!@:host([appearance=transparent][kind=danger]) button,\n:host([appearance=transparent][kind=danger]) a*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button{color:var(--calcite-ui-danger)}/*!@:host([appearance=transparent][kind=danger]) button:hover,\n:host([appearance=transparent][kind=danger]) a:hover*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button:hover,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button:hover{color:var(--calcite-ui-danger-hover)}/*!@:host([appearance=transparent][kind=danger]) button:focus,\n:host([appearance=transparent][kind=danger]) a:focus*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button:focus,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button:focus{color:var(--calcite-ui-danger)}/*!@:host([appearance=transparent][kind=danger]) button:active,\n:host([appearance=transparent][kind=danger]) a:active*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button:active,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button:active{color:var(--calcite-ui-danger-press)}/*!@:host([appearance=transparent][kind=danger]) button calcite-loader,\n:host([appearance=transparent][kind=danger]) a calcite-loader*/[appearance=transparent][kind=danger].sc-calcite-button-h button.sc-calcite-button calcite-loader.sc-calcite-button,[appearance=transparent][kind=danger].sc-calcite-button-h a.sc-calcite-button calcite-loader.sc-calcite-button{color:var(--calcite-ui-danger)}/*!@:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,\n:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,\n:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader*/[appearance=transparent][kind=neutral].sc-calcite-button-h:not(.cancel-editing-button) button.sc-calcite-button,[appearance=transparent][kind=neutral].sc-calcite-button-h:not(.cancel-editing-button) a.sc-calcite-button,[appearance=transparent][kind=neutral].sc-calcite-button-h:not(.cancel-editing-button) calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-1)}/*!@:host([appearance=transparent][kind=neutral].cancel-editing-button) button*/[appearance=transparent][kind=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-ui-text-3);border-block-start-color:var(--calcite-ui-border-input);border-block-end-color:var(--calcite-ui-border-input);border-block-style:solid}/*!@:host([appearance=transparent][kind=neutral].cancel-editing-button) button:not(.content--slotted)*/[appearance=transparent][kind=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:not(.content--slotted){--calcite-button-padding-y-internal:0}/*!@:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover*/[appearance=transparent][kind=neutral].cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:hover{color:var(--calcite-ui-text-1)}/*!@:host([appearance=transparent][kind=neutral].enable-editing-button) button*/[appearance=transparent][kind=neutral].enable-editing-button.sc-calcite-button-h button.sc-calcite-button{background-color:transparent}/*!@:host(.confirm-changes-button) button:focus,\n:host(.cancel-editing-button) button:focus,\n:host(.enable-editing-button) button:focus*/.confirm-changes-button.sc-calcite-button-h button.sc-calcite-button:focus,.cancel-editing-button.sc-calcite-button-h button.sc-calcite-button:focus,.enable-editing-button.sc-calcite-button-h button.sc-calcite-button:focus{outline-offset:-2px}/*!@:host([appearance=transparent][kind=inverse]) button,\n:host([appearance=transparent][kind=inverse]) a,\n:host([appearance=transparent][kind=inverse]) calcite-loader*/[appearance=transparent][kind=inverse].sc-calcite-button-h button.sc-calcite-button,[appearance=transparent][kind=inverse].sc-calcite-button-h a.sc-calcite-button,[appearance=transparent][kind=inverse].sc-calcite-button-h calcite-loader.sc-calcite-button{color:var(--calcite-ui-text-inverse)}/*!@:host([scale=s]) button.content--slotted,\n:host([scale=s]) a.content--slotted*/[scale=s].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=s].sc-calcite-button-h a.content--slotted.sc-calcite-button{font-size:var(--calcite-font-size--2);line-height:1rem}/*!@:host([scale=s][appearance=transparent]) button.content--slotted,\n:host([scale=s][appearance=transparent]) a.content--slotted*/[scale=s][appearance=transparent].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=s][appearance=transparent].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:0.5rem}/*!@:host([scale=s]) button,\n:host([scale=s]) a*/[scale=s].sc-calcite-button-h button.sc-calcite-button,[scale=s].sc-calcite-button-h a.sc-calcite-button{--calcite-button-padding-y-internal:3px}/*!@:host([scale=m]) button.content--slotted,\n:host([scale=m]) a.content--slotted*/[scale=m].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=m].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:11px;font-size:var(--calcite-font-size--1);line-height:1rem}/*!@:host([scale=m]) button,\n:host([scale=m]) a*/[scale=m].sc-calcite-button-h button.sc-calcite-button,[scale=m].sc-calcite-button-h a.sc-calcite-button{--calcite-button-padding-y-internal:7px}/*!@:host([scale=m][appearance=transparent]) button.content--slotted,\n:host([scale=m][appearance=transparent]) a.content--slotted*/[scale=m][appearance=transparent].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=m][appearance=transparent].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:0.75rem}/*!@:host([scale=l]) button.content--slotted,\n:host([scale=l]) a.content--slotted*/[scale=l].sc-calcite-button-h button.content--slotted.sc-calcite-button,[scale=l].sc-calcite-button-h a.content--slotted.sc-calcite-button{--calcite-button-padding-x-internal:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=l]) .button-padding*/[scale=l].sc-calcite-button-h .button-padding.sc-calcite-button{--calcite-button-padding-x-internal:1rem;--calcite-button-padding-y-internal:11px}/*!@:host([scale=l]) .button-padding--shrunk*/[scale=l].sc-calcite-button-h .button-padding--shrunk.sc-calcite-button{--calcite-button-padding-y-internal:9px}/*!@:host([scale=s]) button:not(.content--slotted),\n:host([scale=s]) a:not(.content--slotted)*/[scale=s].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}/*!@:host([scale=m]) button:not(.content--slotted),\n:host([scale=m]) a:not(.content--slotted)*/[scale=m].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}/*!@:host([scale=l]) button:not(.content--slotted),\n:host([scale=l]) a:not(.content--slotted)*/[scale=l].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}/*!@:host([scale=l][appearance=transparent]) button:not(.content--slotted),\n:host([scale=l][appearance=transparent]) a:not(.content--slotted)*/[scale=l][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-y-internal:0.625rem}/*!@:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=s][icon-start][icon-end]) a:not(.content--slotted)*/[scale=s][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=s][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=s][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:1.5rem}/*!@:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=m][icon-start][icon-end]) a:not(.content--slotted)*/[scale=m][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=m][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=m][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:33px}/*!@:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=l][icon-start][icon-end]) a:not(.content--slotted)*/[scale=l][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start + .icon--end,\n:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start + .icon--end*/[scale=l][icon-start][icon-end].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button,[scale=l][icon-start][icon-end].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted) .icon--start.sc-calcite-button+.icon--end.sc-calcite-button{margin-inline-start:1rem}/*!@:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted)*/[scale=l][icon-start][icon-end][appearance=transparent].sc-calcite-button-h button.sc-calcite-button:not(.content--slotted),[scale=l][icon-start][icon-end][appearance=transparent].sc-calcite-button-h a.sc-calcite-button:not(.content--slotted){--calcite-button-padding-x-internal:2.75rem}";
11342
11342
 
11343
11343
  /** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */
11344
11344
  /** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */
@@ -11348,6 +11348,7 @@ class Button {
11348
11348
  registerInstance(this, hostRef);
11349
11349
  /** watches for changing text content */
11350
11350
  this.mutationObserver = createObserver();
11351
+ this.resizeObserver = createObserver();
11351
11352
  // act on a requested or nearby form based on type
11352
11353
  this.handleClick = () => {
11353
11354
  const { type } = this;
@@ -11362,6 +11363,18 @@ class Button {
11362
11363
  resetForm(this);
11363
11364
  }
11364
11365
  };
11366
+ this.setTooltipText = () => {
11367
+ const { contentEl } = this;
11368
+ if (contentEl) {
11369
+ this.tooltipText = contentEl.offsetWidth < contentEl.scrollWidth ? this.el.innerText : null;
11370
+ }
11371
+ };
11372
+ this.setChildEl = (el) => {
11373
+ this.childEl = el;
11374
+ if (el) {
11375
+ this.resizeObserver?.observe(el);
11376
+ }
11377
+ };
11365
11378
  this.alignment = "center";
11366
11379
  this.appearance = "solid";
11367
11380
  this.label = undefined;
@@ -11387,6 +11400,7 @@ class Button {
11387
11400
  this.hasLoader = false;
11388
11401
  this.effectiveLocale = "";
11389
11402
  this.defaultMessages = undefined;
11403
+ this.tooltipText = undefined;
11390
11404
  }
11391
11405
  loadingChanged(newValue, oldValue) {
11392
11406
  if (!!newValue && !oldValue) {
@@ -11419,6 +11433,7 @@ class Button {
11419
11433
  disconnectLabel(this);
11420
11434
  disconnectLocalized(this);
11421
11435
  disconnectMessages(this);
11436
+ this.resizeObserver?.disconnect();
11422
11437
  this.formEl = null;
11423
11438
  }
11424
11439
  async componentWillLoad() {
@@ -11426,6 +11441,7 @@ class Button {
11426
11441
  }
11427
11442
  componentDidLoad() {
11428
11443
  setComponentLoaded(this);
11444
+ this.setTooltipText();
11429
11445
  }
11430
11446
  componentDidRender() {
11431
11447
  updateHostInteraction(this);
@@ -11437,16 +11453,14 @@ class Button {
11437
11453
  const noStartEndIcons = !this.iconStart && !this.iconEnd;
11438
11454
  const iconStartEl = (hAsync("calcite-icon", { class: { [CSS$Q.icon]: true, [CSS$Q.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: this.scale === "l" ? "m" : "s" }));
11439
11455
  const iconEndEl = (hAsync("calcite-icon", { class: { [CSS$Q.icon]: true, [CSS$Q.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: this.scale === "l" ? "m" : "s" }));
11440
- const contentEl = (hAsync("span", { class: CSS$Q.content }, hAsync("slot", null)));
11456
+ const contentEl = (hAsync("span", { class: CSS$Q.content, ref: (el) => (this.contentEl = el) }, hAsync("slot", null)));
11441
11457
  return (hAsync(Tag, { "aria-label": getLabelText(this), class: {
11442
11458
  [CSS$Q.buttonPadding]: noStartEndIcons,
11443
11459
  [CSS$Q.buttonPaddingShrunk]: !noStartEndIcons,
11444
11460
  [CSS$Q.contentSlotted]: this.hasContent,
11445
11461
  [CSS$Q.iconStartEmpty]: !this.iconStart,
11446
11462
  [CSS$Q.iconEndEmpty]: !this.iconEnd
11447
- }, disabled: this.disabled || this.loading, href: childElType === "a" && this.href, name: childElType === "button" && this.name, onClick: this.handleClick, rel: childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: childElType === "a" && this.target, type: childElType === "button" && this.type,
11448
- // eslint-disable-next-line react/jsx-sort-props
11449
- ref: (el) => (this.childEl = el) }, loaderNode, this.iconStart ? iconStartEl : null, this.hasContent ? contentEl : null, this.iconEnd ? iconEndEl : null));
11463
+ }, disabled: this.disabled || this.loading, href: childElType === "a" && this.href, name: childElType === "button" && this.name, onClick: this.handleClick, ref: this.setChildEl, rel: childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: childElType === "a" && this.target, title: this.tooltipText, type: childElType === "button" && this.type }, loaderNode, this.iconStart ? iconStartEl : null, this.hasContent ? contentEl : null, this.iconEnd ? iconEndEl : null));
11450
11464
  }
11451
11465
  //--------------------------------------------------------------------------
11452
11466
  //
@@ -11517,6 +11531,7 @@ class Button {
11517
11531
  "hasLoader": [32],
11518
11532
  "effectiveLocale": [32],
11519
11533
  "defaultMessages": [32],
11534
+ "tooltipText": [32],
11520
11535
  "setFocus": [64]
11521
11536
  },
11522
11537
  "$listeners$": undefined,
@@ -24155,7 +24170,8 @@ const ICONS$6 = {
24155
24170
  closedLTR: "caret-right",
24156
24171
  closedRTL: "caret-left",
24157
24172
  open: "caret-down",
24158
- blank: "blank"
24173
+ blank: "blank",
24174
+ close: "x"
24159
24175
  };
24160
24176
 
24161
24177
  const listItemGroupSelector = "calcite-list-item-group";
@@ -24367,6 +24383,9 @@ class List$1 {
24367
24383
  });
24368
24384
  this.updateSelectedItems();
24369
24385
  }
24386
+ handleCalciteListItemClose() {
24387
+ this.updateListItems();
24388
+ }
24370
24389
  //--------------------------------------------------------------------------
24371
24390
  //
24372
24391
  // Lifecycle
@@ -24423,7 +24442,7 @@ class List$1 {
24423
24442
  item.selectionMode = selectionMode;
24424
24443
  });
24425
24444
  this.listItems = items;
24426
- this.enabledListItems = items.filter((item) => !item.disabled);
24445
+ this.enabledListItems = items.filter((item) => !item.disabled && !item.closed);
24427
24446
  if (this.filterEnabled) {
24428
24447
  this.dataForFilter = this.getItemData();
24429
24448
  }
@@ -24457,7 +24476,7 @@ class List$1 {
24457
24476
  "dataForFilter": [32],
24458
24477
  "setFocus": [64]
24459
24478
  },
24460
- "$listeners$": [[0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemActive", "handleCalciteListItemActive"], [0, "calciteInternalListItemSelect", "handleCalciteListItemSelect"]],
24479
+ "$listeners$": [[0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemActive", "handleCalciteListItemActive"], [0, "calciteInternalListItemSelect", "handleCalciteListItemSelect"], [0, "calciteListItemClose", "handleCalciteListItemClose"]],
24461
24480
  "$lazyBundleId$": "-",
24462
24481
  "$attrsToReflect$": [["disabled", "disabled"], ["filterEnabled", "filter-enabled"], ["filterPlaceholder", "filter-placeholder"], ["filterText", "filter-text"], ["loading", "loading"], ["selectionMode", "selection-mode"], ["selectionAppearance", "selection-appearance"]]
24463
24482
  }; }
@@ -24479,6 +24498,7 @@ class ListItem {
24479
24498
  constructor(hostRef) {
24480
24499
  registerInstance(this, hostRef);
24481
24500
  this.calciteListItemSelect = createEvent(this, "calciteListItemSelect", 6);
24501
+ this.calciteListItemClose = createEvent(this, "calciteListItemClose", 6);
24482
24502
  this.calciteInternalListItemSelect = createEvent(this, "calciteInternalListItemSelect", 6);
24483
24503
  this.calciteInternalListItemActive = createEvent(this, "calciteInternalListItemActive", 6);
24484
24504
  this.calciteInternalFocusPreviousItem = createEvent(this, "calciteInternalFocusPreviousItem", 6);
@@ -24487,6 +24507,10 @@ class ListItem {
24487
24507
  // Private Methods
24488
24508
  //
24489
24509
  // --------------------------------------------------------------------------
24510
+ this.closeClickHandler = () => {
24511
+ this.closed = true;
24512
+ this.calciteListItemClose.emit();
24513
+ };
24490
24514
  this.handleContentSlotChange = (event) => {
24491
24515
  this.hasCustomContent = slotChangeHasAssignedElement(event);
24492
24516
  };
@@ -24599,6 +24623,8 @@ class ListItem {
24599
24623
  focusEl?.focus();
24600
24624
  };
24601
24625
  this.active = false;
24626
+ this.closable = false;
24627
+ this.closed = false;
24602
24628
  this.description = undefined;
24603
24629
  this.disabled = false;
24604
24630
  this.label = undefined;
@@ -24610,6 +24636,10 @@ class ListItem {
24610
24636
  this.value = undefined;
24611
24637
  this.selectionMode = null;
24612
24638
  this.selectionAppearance = null;
24639
+ this.messageOverrides = undefined;
24640
+ this.messages = undefined;
24641
+ this.effectiveLocale = "";
24642
+ this.defaultMessages = undefined;
24613
24643
  this.level = null;
24614
24644
  this.visualLevel = null;
24615
24645
  this.parentListEl = undefined;
@@ -24630,15 +24660,24 @@ class ListItem {
24630
24660
  this.calciteInternalListItemSelect.emit();
24631
24661
  }
24632
24662
  }
24663
+ onMessagesChange() {
24664
+ /* wired up by t9n util */
24665
+ }
24666
+ effectiveLocaleChange() {
24667
+ updateMessages(this, this.effectiveLocale);
24668
+ }
24633
24669
  connectedCallback() {
24670
+ connectLocalized(this);
24671
+ connectMessages(this);
24634
24672
  const { el } = this;
24635
24673
  this.parentListEl = el.closest(listSelector);
24636
24674
  this.level = getDepth() + 1;
24637
24675
  this.visualLevel = getDepth(el, true);
24638
24676
  this.setSelectionDefaults();
24639
24677
  }
24640
- componentWillLoad() {
24678
+ async componentWillLoad() {
24641
24679
  setUpLoadableComponent(this);
24680
+ await setUpMessages(this);
24642
24681
  }
24643
24682
  componentDidLoad() {
24644
24683
  setComponentLoaded(this);
@@ -24646,6 +24685,10 @@ class ListItem {
24646
24685
  componentDidRender() {
24647
24686
  updateHostInteraction(this, "managed");
24648
24687
  }
24688
+ disconnectedCallback() {
24689
+ disconnectLocalized(this);
24690
+ disconnectMessages(this);
24691
+ }
24649
24692
  // --------------------------------------------------------------------------
24650
24693
  //
24651
24694
  // Public Methods
@@ -24696,10 +24739,10 @@ class ListItem {
24696
24739
  ref: (el) => (this.actionsStartEl = el) }, hAsync("slot", { name: SLOTS$f.actionsStart, onSlotchange: this.handleActionsStartSlotChange })));
24697
24740
  }
24698
24741
  renderActionsEnd() {
24699
- const { label, hasActionsEnd } = this;
24700
- return (hAsync("td", { "aria-label": label, class: CSS$s.actionsEnd, hidden: !hasActionsEnd, key: "actions-end-container", role: "gridcell",
24742
+ const { label, hasActionsEnd, closable, messages } = this;
24743
+ return (hAsync("td", { "aria-label": label, class: CSS$s.actionsEnd, hidden: !(hasActionsEnd || closable), key: "actions-end-container", role: "gridcell",
24701
24744
  // eslint-disable-next-line react/jsx-sort-props
24702
- ref: (el) => (this.actionsEndEl = el) }, hAsync("slot", { name: SLOTS$f.actionsEnd, onSlotchange: this.handleActionsEndSlotChange })));
24745
+ ref: (el) => (this.actionsEndEl = el) }, hAsync("slot", { name: SLOTS$f.actionsEnd, onSlotchange: this.handleActionsEndSlotChange }), closable ? (hAsync("calcite-action", { appearance: "transparent", icon: ICONS$6.close, key: "close-action", label: messages.close, onClick: this.closeClickHandler, text: messages.close })) : null));
24703
24746
  }
24704
24747
  renderContentStart() {
24705
24748
  const { hasContentStart } = this;
@@ -24735,7 +24778,7 @@ class ListItem {
24735
24778
  ref: (el) => (this.contentEl = el) }, content));
24736
24779
  }
24737
24780
  render() {
24738
- const { openable, open, level, setPosition, setSize, active, label, selected, selectionAppearance, selectionMode } = this;
24781
+ const { openable, open, level, setPosition, setSize, active, label, selected, selectionAppearance, selectionMode, closed } = this;
24739
24782
  const showBorder = selectionMode !== "none" && selectionAppearance === "border";
24740
24783
  const borderSelected = showBorder && selected;
24741
24784
  const borderUnselected = showBorder && !selected;
@@ -24743,7 +24786,7 @@ class ListItem {
24743
24786
  [CSS$s.container]: true,
24744
24787
  [CSS$s.containerBorderSelected]: borderSelected,
24745
24788
  [CSS$s.containerBorderUnselected]: borderUnselected
24746
- }, onFocus: this.focusCellNull, onKeyDown: this.handleItemKeyDown, role: "row", style: { "--calcite-list-item-spacing-indent-multiplier": `${this.visualLevel}` }, tabIndex: active ? 0 : -1,
24789
+ }, hidden: closed, onFocus: this.focusCellNull, onKeyDown: this.handleItemKeyDown, role: "row", style: { "--calcite-list-item-spacing-indent-multiplier": `${this.visualLevel}` }, tabIndex: active ? 0 : -1,
24747
24790
  // eslint-disable-next-line react/jsx-sort-props
24748
24791
  ref: (el) => (this.containerEl = el) }, this.renderSelected(), this.renderOpen(), this.renderActionsStart(), this.renderContentContainer(), this.renderActionsEnd()), hAsync("div", { class: {
24749
24792
  [CSS$s.nestedContainer]: true,
@@ -24762,10 +24805,13 @@ class ListItem {
24762
24805
  this.selectionAppearance = parentListEl.selectionAppearance;
24763
24806
  }
24764
24807
  }
24808
+ static get assetsDirs() { return ["assets"]; }
24765
24809
  get el() { return getElement(this); }
24766
24810
  static get watchers() { return {
24767
24811
  "active": ["activeHandler"],
24768
- "selected": ["handleSelectedChange"]
24812
+ "selected": ["handleSelectedChange"],
24813
+ "messageOverrides": ["onMessagesChange"],
24814
+ "effectiveLocale": ["effectiveLocaleChange"]
24769
24815
  }; }
24770
24816
  static get style() { return listItemCss; }
24771
24817
  static get cmpMeta() { return {
@@ -24773,6 +24819,8 @@ class ListItem {
24773
24819
  "$tagName$": "calcite-list-item",
24774
24820
  "$members$": {
24775
24821
  "active": [4],
24822
+ "closable": [516],
24823
+ "closed": [1540],
24776
24824
  "description": [1],
24777
24825
  "disabled": [516],
24778
24826
  "label": [1],
@@ -24784,6 +24832,10 @@ class ListItem {
24784
24832
  "value": [8],
24785
24833
  "selectionMode": [1025, "selection-mode"],
24786
24834
  "selectionAppearance": [1025, "selection-appearance"],
24835
+ "messageOverrides": [1040],
24836
+ "messages": [1040],
24837
+ "effectiveLocale": [32],
24838
+ "defaultMessages": [32],
24787
24839
  "level": [32],
24788
24840
  "visualLevel": [32],
24789
24841
  "parentListEl": [32],
@@ -24797,7 +24849,7 @@ class ListItem {
24797
24849
  },
24798
24850
  "$listeners$": undefined,
24799
24851
  "$lazyBundleId$": "-",
24800
- "$attrsToReflect$": [["disabled", "disabled"], ["open", "open"], ["selected", "selected"]]
24852
+ "$attrsToReflect$": [["closable", "closable"], ["closed", "closed"], ["disabled", "disabled"], ["open", "open"], ["selected", "selected"]]
24801
24853
  }; }
24802
24854
  }
24803
24855
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-components",
3
- "version": "1.3.0-next.5",
3
+ "version": "1.3.0-next.7",
4
4
  "description": "Web Components for Esri's Calcite Design System.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
package/dist/calcite/p-19fc09c3.entry.js DELETED
@@ -1,6 +0,0 @@
1
- /*!
2
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
- * v1.3.0-next.5
5
- */
6
- import{r as t,h as a,a as e}from"./p-a1ff96f3.js";import{s as n,r as o,f as i}from"./p-c27a9a3b.js";import{u as r}from"./p-3a885fe7.js";import{c,d as l,g as s}from"./p-23b1fdd2.js";import{s as d,a as u,c as p}from"./p-b06834fd.js";import{c as h,d as b}from"./p-c7f95e4a.js";import{c as v}from"./p-ee6cc5d2.js";import{c as g,d as k,s as m,u as f}from"./p-7a842c1c.js";import"./p-c73a15d7.js";import"./p-95208481.js";import"./p-9e0b440b.js";import"./p-0676f65d.js";const x="icon",w=class{constructor(a){t(this,a),this.mutationObserver=v("mutation",(()=>this.updateHasContent())),this.handleClick=()=>{const{type:t}=this;this.href||("submit"===t?n(this):"reset"===t&&o(this))},this.alignment="center",this.appearance="solid",this.label=void 0,this.kind="brand",this.disabled=!1,this.form=void 0,this.href=void 0,this.iconEnd=void 0,this.iconFlipRtl=void 0,this.iconStart=void 0,this.loading=!1,this.name=void 0,this.rel=void 0,this.round=!1,this.scale="m",this.splitChild=!1,this.target=void 0,this.type="button",this.width="auto",this.messages=void 0,this.messageOverrides=void 0,this.hasContent=!1,this.hasLoader=!1,this.effectiveLocale="",this.defaultMessages=void 0}loadingChanged(t,a){t&&!a&&(this.hasLoader=!0),!t&&a&&window.setTimeout((()=>{this.hasLoader=!1}),300)}onMessagesChange(){}async connectedCallback(){h(this),g(this),this.hasLoader=this.loading,this.setupTextContentObserver(),c(this),this.formEl=i(this)}disconnectedCallback(){this.mutationObserver?.disconnect(),l(this),b(this),k(this),this.formEl=null}async componentWillLoad(){d(this),this.updateHasContent(),await m(this)}componentDidLoad(){u(this)}componentDidRender(){r(this)}render(){const t=this.href?"a":"button",e=t,n=this.hasLoader?a("div",{class:"calcite-button--loader"},a("calcite-loader",{class:this.loading?"loading-in":"loading-out",inline:!0,label:this.messages.loading,scale:"l"===this.scale?"m":"s"})):null,o=!this.iconStart&&!this.iconEnd,i=a("calcite-icon",{class:{[x]:!0,"icon--start":!0},flipRtl:"start"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconStart,scale:"l"===this.scale?"m":"s"}),r=a("calcite-icon",{class:{[x]:!0,"icon--end":!0},flipRtl:"end"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconEnd,scale:"l"===this.scale?"m":"s"}),c=a("span",{class:"content"},a("slot",null));return a(e,{"aria-label":s(this),class:{"button-padding":o,"button-padding--shrunk":!o,"content--slotted":this.hasContent,"icon-start-empty":!this.iconStart,"icon-end-empty":!this.iconEnd},disabled:this.disabled||this.loading,href:"a"===t&&this.href,name:"button"===t&&this.name,onClick:this.handleClick,rel:"a"===t&&this.rel,tabIndex:this.disabled||this.loading?-1:null,target:"a"===t&&this.target,type:"button"===t&&this.type,ref:t=>this.childEl=t},n,this.iconStart?i:null,this.hasContent?c:null,this.iconEnd?r:null)}async setFocus(){await p(this),this.childEl?.focus()}effectiveLocaleChange(){f(this,this.effectiveLocale)}updateHasContent(){const t=this.el.textContent.trim().length>0||this.el.childNodes.length>0;this.hasContent=1===this.el.childNodes.length&&"#text"===this.el.childNodes[0]?.nodeName?this.el.textContent?.trim().length>0:t}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}onLabelClick(){this.handleClick(),this.setFocus()}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{loading:["loadingChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};w.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline-block;inline-size:auto;vertical-align:middle}:host([round]){border-radius:50px}:host([round]) a,:host([round]) button{border-radius:50px}:host button,:host a{outline-color:transparent}:host button:focus,:host a:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host button,:host a{--calcite-button-content-margin-internal:0.5rem;--calcite-button-padding-x-internal:7px;--calcite-button-padding-y-internal:3px;padding-block:var(--calcite-button-padding-y-internal);padding-inline:var(--calcite-button-padding-x-internal);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;align-items:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}:host button:hover,:host a:hover{text-decoration-line:none}.content{display:flex;flex-basis:auto;margin-inline:var(--calcite-button-content-margin-internal)}.icon-start-empty .content{margin-inline-start:unset}.icon-end-empty .content{margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-content-margin-internal:0.75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-button-content-margin-internal:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:var(--calcite-button-content-margin-internal)}.icon{position:relative;margin:0px;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([loading]){pointer-events:none}:host([loading]) button,:host([loading]) a{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(0.5)}100%{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}100%{inline-size:0;opacity:0;transform:scale(0.5)}}.calcite-button--loader{display:flex}.calcite-button--loader calcite-loader{margin:0px;transition:inline-size var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out}.calcite-button--loader calcite-loader.loading-in{animation-name:loader-in;animation-duration:var(--calcite-internal-animation-timing-slow)}.calcite-button--loader calcite-loader.loading-out{animation-name:loader-out;animation-duration:var(--calcite-internal-animation-timing-slow)}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{margin-inline-end:var(--calcite-button-content-margin-internal)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance]) button,:host([appearance]) a{border-width:1px;border-style:solid;border-color:transparent}:host([kind=brand]) button,:host([kind=brand]) a{background-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-inverse)}:host([kind=brand]) button:hover,:host([kind=brand]) button:focus,:host([kind=brand]) a:hover,:host([kind=brand]) a:focus{background-color:var(--calcite-ui-brand-hover)}:host([kind=brand]) button:active,:host([kind=brand]) a:active{background-color:var(--calcite-ui-brand-press)}:host([kind=brand]) button calcite-loader,:host([kind=brand]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([kind=danger]) button,:host([kind=danger]) a{background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}:host([kind=danger]) button:hover,:host([kind=danger]) button:focus,:host([kind=danger]) a:hover,:host([kind=danger]) a:focus{background-color:var(--calcite-ui-danger-hover)}:host([kind=danger]) button:active,:host([kind=danger]) a:active{background-color:var(--calcite-ui-danger-press)}:host([kind=danger]) button calcite-loader,:host([kind=danger]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([kind=neutral]) button,:host([kind=neutral]) a{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}:host([kind=neutral]) button:hover,:host([kind=neutral]) button:focus,:host([kind=neutral]) a:hover,:host([kind=neutral]) a:focus{background-color:var(--calcite-ui-foreground-2)}:host([kind=neutral]) button:active,:host([kind=neutral]) a:active{background-color:var(--calcite-ui-foreground-1)}:host([kind=neutral]) button calcite-loader,:host([kind=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([kind=inverse]) button,:host([kind=inverse]) a{color:var(--calcite-ui-text-inverse);background-color:var(--calcite-ui-inverse)}:host([kind=inverse]) button:hover,:host([kind=inverse]) button:focus,:host([kind=inverse]) a:hover,:host([kind=inverse]) a:focus{background-color:var(--calcite-ui-inverse-hover)}:host([kind=inverse]) button:active,:host([kind=inverse]) a:active{background-color:var(--calcite-ui-inverse-press)}:host([kind=inverse]) button calcite-loader,:host([kind=inverse]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=outline-fill]) button,:host([appearance=outline-fill]) a{border-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline-fill][kind=brand]) button,:host([appearance=outline-fill][kind=brand]) a{border-color:var(--calcite-ui-brand);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-brand)}:host([appearance=outline-fill][kind=brand]) button:hover,:host([appearance=outline-fill][kind=brand]) a:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}:host([appearance=outline-fill][kind=brand]) button:focus,:host([appearance=outline-fill][kind=brand]) a:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([appearance=outline-fill][kind=brand]) button:active,:host([appearance=outline-fill][kind=brand]) a:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}:host([appearance=outline-fill][kind=brand]) button calcite-loader,:host([appearance=outline-fill][kind=brand]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=outline-fill][kind=danger]) button,:host([appearance=outline-fill][kind=danger]) a{border-color:var(--calcite-ui-danger);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-danger)}:host([appearance=outline-fill][kind=danger]) button:hover,:host([appearance=outline-fill][kind=danger]) a:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}:host([appearance=outline-fill][kind=danger]) button:focus,:host([appearance=outline-fill][kind=danger]) a:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}:host([appearance=outline-fill][kind=danger]) button:active,:host([appearance=outline-fill][kind=danger]) a:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}:host([appearance=outline-fill][kind=danger]) button calcite-loader,:host([appearance=outline-fill][kind=danger]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=outline-fill][kind=neutral]) button,:host([appearance=outline-fill][kind=neutral]) a{background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:hover,:host([appearance=outline-fill][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:focus,:host([appearance=outline-fill][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:active,:host([appearance=outline-fill][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button calcite-loader,:host([appearance=outline-fill][kind=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=outline-fill][kind=inverse]) button,:host([appearance=outline-fill][kind=inverse]) a{background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=outline-fill][kind=inverse]) button:hover,:host([appearance=outline-fill][kind=inverse]) a:hover{border-color:var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}:host([appearance=outline-fill][kind=inverse]) button:focus,:host([appearance=outline-fill][kind=inverse]) a:focus{border-color:var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}:host([appearance=outline-fill][kind=inverse]) button:active,:host([appearance=outline-fill][kind=inverse]) a:active{border-color:var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}:host([appearance=outline-fill][kind=inverse]) button calcite-loader,:host([appearance=outline-fill][kind=inverse]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=outline]) button,:host([appearance=outline]) a{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][kind=brand]) button,:host([appearance=outline][kind=brand]) a{border-color:var(--calcite-ui-brand);background-color:transparent;color:var(--calcite-ui-brand)}:host([appearance=outline][kind=brand]) button:hover,:host([appearance=outline][kind=brand]) a:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}:host([appearance=outline][kind=brand]) button:focus,:host([appearance=outline][kind=brand]) a:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([appearance=outline][kind=brand]) button:active,:host([appearance=outline][kind=brand]) a:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}:host([appearance=outline][kind=brand]) button calcite-loader,:host([appearance=outline][kind=brand]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=outline][kind=danger]) button,:host([appearance=outline][kind=danger]) a{border-color:var(--calcite-ui-danger);background-color:transparent;color:var(--calcite-ui-danger)}:host([appearance=outline][kind=danger]) button:hover,:host([appearance=outline][kind=danger]) a:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}:host([appearance=outline][kind=danger]) button:focus,:host([appearance=outline][kind=danger]) a:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}:host([appearance=outline][kind=danger]) button:active,:host([appearance=outline][kind=danger]) a:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}:host([appearance=outline][kind=danger]) button calcite-loader,:host([appearance=outline][kind=danger]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=outline][kind=neutral]) button,:host([appearance=outline][kind=neutral]) a{background-color:transparent;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-border-1)}:host([appearance=outline][kind=neutral]) button:hover,:host([appearance=outline][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}:host([appearance=outline][kind=neutral]) button:focus,:host([appearance=outline][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=outline][kind=neutral]) button:active,:host([appearance=outline][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=outline][kind=neutral]) button calcite-loader,:host([appearance=outline][kind=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=outline][kind=inverse]) button,:host([appearance=outline][kind=inverse]) a{background-color:transparent;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=outline][kind=inverse]) button:hover,:host([appearance=outline][kind=inverse]) a:hover{border-color:var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}:host([appearance=outline][kind=inverse]) button:focus,:host([appearance=outline][kind=inverse]) a:focus{border-color:var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}:host([appearance=outline][kind=inverse]) button:active,:host([appearance=outline][kind=inverse]) a:active{border-color:var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}:host([appearance=outline][kind=inverse]) button calcite-loader,:host([appearance=outline][kind=inverse]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=outline-fill][split-child=primary]) button,:host([appearance=outline][split-child=primary]) button{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline-fill][split-child=secondary]) button,:host([appearance=outline][split-child=secondary]) button{border-inline-start-width:0;border-inline-end-width:1px}:host([appearance=transparent]:not(.enable-editing-button)) button,:host([appearance=transparent]:not(.enable-editing-button)) a{background-color:transparent}:host([appearance=transparent]:not(.enable-editing-button)) button:hover,:host([appearance=transparent]:not(.enable-editing-button)) button:focus,:host([appearance=transparent]:not(.enable-editing-button)) a:hover,:host([appearance=transparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-button-transparent-hover)}:host([appearance=transparent]:not(.enable-editing-button)) button:active,:host([appearance=transparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-button-transparent-press)}:host([appearance=transparent][kind=brand]) button,:host([appearance=transparent][kind=brand]) a{color:var(--calcite-ui-brand)}:host([appearance=transparent][kind=brand]) button:hover,:host([appearance=transparent][kind=brand]) a:hover{color:var(--calcite-ui-brand-hover)}:host([appearance=transparent][kind=brand]) button:focus,:host([appearance=transparent][kind=brand]) a:focus{color:var(--calcite-ui-brand)}:host([appearance=transparent][kind=brand]) button:active,:host([appearance=transparent][kind=brand]) a:active{color:var(--calcite-ui-brand-press)}:host([appearance=transparent][kind=brand]) button calcite-loader,:host([appearance=transparent][kind=brand]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=transparent][kind=danger]) button,:host([appearance=transparent][kind=danger]) a{color:var(--calcite-ui-danger)}:host([appearance=transparent][kind=danger]) button:hover,:host([appearance=transparent][kind=danger]) a:hover{color:var(--calcite-ui-danger-hover)}:host([appearance=transparent][kind=danger]) button:focus,:host([appearance=transparent][kind=danger]) a:focus{color:var(--calcite-ui-danger)}:host([appearance=transparent][kind=danger]) button:active,:host([appearance=transparent][kind=danger]) a:active{color:var(--calcite-ui-danger-press)}:host([appearance=transparent][kind=danger]) button calcite-loader,:host([appearance=transparent][kind=danger]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=transparent][kind=neutral].cancel-editing-button) button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-ui-text-3);border-block-start-color:var(--calcite-ui-border-input);border-block-end-color:var(--calcite-ui-border-input);border-block-style:solid}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y-internal:0}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover{color:var(--calcite-ui-text-1)}:host([appearance=transparent][kind=neutral].enable-editing-button) button{background-color:transparent}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][kind=inverse]) button,:host([appearance=transparent][kind=inverse]) a,:host([appearance=transparent][kind=inverse]) calcite-loader{color:var(--calcite-ui-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.5rem}:host([scale=s]) button,:host([scale=s]) a{--calcite-button-padding-y-internal:3px}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-button-padding-x-internal:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-padding-y-internal:7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.75rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-button-padding-x-internal:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .button-padding{--calcite-button-padding-x-internal:1rem;--calcite-button-padding-y-internal:11px}:host([scale=l]) .button-padding--shrunk{--calcite-button-padding-y-internal:9px}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y-internal:0.625rem}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:2.75rem}";export{w as calcite_button}