@elastic/eui 88.1.0 → 88.3.0

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 (456) hide show
  1. package/dist/eui_charts_theme.js.map +1 -1
  2. package/dist/eui_theme_dark.css +9 -61
  3. package/dist/eui_theme_dark.min.css +1 -1
  4. package/dist/eui_theme_light.css +9 -61
  5. package/dist/eui_theme_light.min.css +1 -1
  6. package/es/components/accordion/accordion.js +50 -198
  7. package/es/components/accordion/accordion.styles.js +11 -83
  8. package/es/components/accordion/accordion_children/accordion_children.js +101 -0
  9. package/es/components/accordion/accordion_children/accordion_children.styles.js +39 -0
  10. package/es/components/accordion/accordion_children/accordion_children_loading.js +31 -0
  11. package/es/components/accordion/accordion_children/index.js +9 -0
  12. package/es/components/accordion/accordion_trigger/accordion_arrow.js +41 -0
  13. package/es/components/accordion/accordion_trigger/accordion_arrow.styles.js +46 -0
  14. package/es/components/accordion/accordion_trigger/accordion_button.js +51 -0
  15. package/es/components/accordion/accordion_trigger/accordion_button.styles.js +26 -0
  16. package/es/components/accordion/accordion_trigger/accordion_trigger.js +87 -0
  17. package/es/components/accordion/accordion_trigger/index.js +9 -0
  18. package/es/components/avatar/avatar.js +1 -1
  19. package/es/components/badge/badge.js +1 -1
  20. package/es/components/badge/beta_badge/beta_badge.js +1 -1
  21. package/es/components/basic_table/basic_table.js +1 -1
  22. package/es/components/basic_table/collapsed_item_actions.js +1 -1
  23. package/es/components/basic_table/in_memory_table.js +1 -1
  24. package/es/components/button/button_display/_button_display.js +1 -1
  25. package/es/components/button/button_display/_button_display_content.js +1 -1
  26. package/es/components/button/button_empty/button_empty.js +1 -1
  27. package/es/components/button/button_group/button_group.js +1 -1
  28. package/es/components/button/button_group/button_group_button.js +1 -1
  29. package/es/components/button/button_icon/button_icon.js +1 -1
  30. package/es/components/call_out/call_out.js +1 -1
  31. package/es/components/card/card.js +1 -1
  32. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +11 -3
  33. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +1 -1
  34. package/es/components/collapsible_nav_beta/collapsible_nav_beta.js +2 -25
  35. package/es/components/collapsible_nav_beta/collapsible_nav_beta.styles.js +10 -1
  36. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +2 -2
  37. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  38. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +3 -3
  39. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +2 -2
  40. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  41. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +3 -3
  42. package/es/components/comment_list/comment.js +2 -2
  43. package/es/components/comment_list/comment_event.js +1 -1
  44. package/es/components/comment_list/comment_list.js +2 -2
  45. package/es/components/comment_list/comment_timeline.js +1 -1
  46. package/es/components/datagrid/body/data_grid_body.js +13 -13
  47. package/es/components/datagrid/body/data_grid_body_custom.js +13 -13
  48. package/es/components/datagrid/body/data_grid_body_virtualized.js +13 -13
  49. package/es/components/datagrid/body/data_grid_cell.js +24 -24
  50. package/es/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  51. package/es/components/datagrid/body/header/data_grid_header_row.js +13 -13
  52. package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
  53. package/es/components/datagrid/data_grid.js +13 -13
  54. package/es/components/datagrid/utils/in_memory.js +12 -12
  55. package/es/components/date_picker/date_picker.js +2 -2
  56. package/es/components/date_picker/date_picker_range.js +1 -1
  57. package/es/components/empty_prompt/empty_prompt.js +1 -1
  58. package/es/components/facet/facet_button.js +1 -1
  59. package/es/components/flyout/flyout.styles.js +1 -1
  60. package/es/components/form/field_number/field_number.js +1 -1
  61. package/es/components/form/field_text/field_text.js +2 -2
  62. package/es/components/form/form_control_layout/form_control_layout.js +2 -2
  63. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  64. package/es/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  65. package/es/components/header/header.js +120 -25
  66. package/es/components/header/header.styles.js +1 -1
  67. package/es/components/header/header_links/header_link.js +1 -1
  68. package/es/components/header/header_links/header_links.js +1 -1
  69. package/es/components/header/header_logo/header_logo.js +1 -1
  70. package/es/components/header/header_section/header_section_item_button.js +1 -1
  71. package/es/components/icon/assets/grabOmnidirectional.js +33 -0
  72. package/es/components/icon/assets/transitionLeftIn.js +36 -0
  73. package/es/components/icon/assets/transitionLeftOut.js +36 -0
  74. package/es/components/icon/assets/transitionTopIn.js +36 -0
  75. package/es/components/icon/assets/transitionTopOut.js +36 -0
  76. package/es/components/icon/icon.js +1 -1
  77. package/es/components/icon/icon_map.js +5 -0
  78. package/es/components/index.js +1 -0
  79. package/es/components/inline_edit/inline_edit_form.js +49 -13
  80. package/es/components/inline_edit/inline_edit_text.js +22 -23
  81. package/es/components/inline_edit/inline_edit_title.js +22 -23
  82. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
  83. package/es/components/list_group/list_group.js +2 -2
  84. package/es/components/list_group/list_group_item.js +3 -3
  85. package/es/components/list_group/list_group_item_extra_action.js +1 -1
  86. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  87. package/es/components/loading/loading_logo.js +1 -1
  88. package/es/components/markdown_editor/markdown_editor.js +1 -1
  89. package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  90. package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
  91. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  92. package/es/components/notification/notification_event.js +2 -2
  93. package/es/components/notification/notification_event_meta.js +1 -1
  94. package/es/components/overlay_mask/overlay_mask.styles.js +1 -1
  95. package/es/components/page/page_header/page_header_content.js +1 -1
  96. package/es/components/page/page_sidebar/page_sidebar.js +2 -4
  97. package/es/components/page_template/page_template.js +4 -31
  98. package/es/components/pagination/pagination_button.js +1 -1
  99. package/es/components/panel/split_panel/split_panel.js +9 -7
  100. package/es/components/panel/split_panel/split_panel.styles.js +40 -0
  101. package/es/components/selectable/selectable_list/selectable_list.js +1 -1
  102. package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
  103. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  104. package/es/components/suggest/suggest.js +1 -1
  105. package/es/components/suggest/suggest_item.js +1 -1
  106. package/es/components/table/table_header_button.js +1 -1
  107. package/es/components/text_truncate/index.js +10 -0
  108. package/es/components/text_truncate/text_truncate.js +232 -0
  109. package/es/components/text_truncate/text_truncate.styles.js +49 -0
  110. package/es/components/text_truncate/utils.js +348 -0
  111. package/es/components/timeline/timeline_item_icon.js +1 -1
  112. package/es/components/toast/global_toast_list.js +51 -3
  113. package/es/components/toast/global_toast_list.styles.js +3 -2
  114. package/es/components/toast/toast.js +1 -1
  115. package/es/components/tool_tip/icon_tip.js +1 -1
  116. package/es/services/theme/context.js +3 -1
  117. package/es/services/theme/hooks.js +19 -1
  118. package/es/services/theme/index.js +1 -1
  119. package/es/services/theme/provider.js +37 -8
  120. package/eui.d.ts +432 -53
  121. package/i18ntokens.json +64 -28
  122. package/lib/components/accordion/accordion.js +49 -197
  123. package/lib/components/accordion/accordion.styles.js +20 -96
  124. package/lib/components/accordion/accordion_children/accordion_children.js +111 -0
  125. package/lib/components/accordion/accordion_children/accordion_children.styles.js +45 -0
  126. package/lib/components/accordion/accordion_children/accordion_children_loading.js +38 -0
  127. package/lib/components/accordion/accordion_children/index.js +12 -0
  128. package/lib/components/accordion/accordion_trigger/accordion_arrow.js +48 -0
  129. package/lib/components/accordion/accordion_trigger/accordion_arrow.styles.js +51 -0
  130. package/lib/components/accordion/accordion_trigger/accordion_button.js +58 -0
  131. package/lib/components/accordion/accordion_trigger/accordion_button.styles.js +33 -0
  132. package/lib/components/accordion/accordion_trigger/accordion_trigger.js +93 -0
  133. package/lib/components/accordion/accordion_trigger/index.js +12 -0
  134. package/lib/components/avatar/avatar.js +1 -1
  135. package/lib/components/badge/badge.js +1 -1
  136. package/lib/components/badge/beta_badge/beta_badge.js +1 -1
  137. package/lib/components/basic_table/basic_table.js +1 -1
  138. package/lib/components/basic_table/collapsed_item_actions.js +1 -1
  139. package/lib/components/basic_table/in_memory_table.js +1 -1
  140. package/lib/components/button/button_display/_button_display.js +1 -1
  141. package/lib/components/button/button_display/_button_display_content.js +1 -1
  142. package/lib/components/button/button_empty/button_empty.js +1 -1
  143. package/lib/components/button/button_group/button_group.js +1 -1
  144. package/lib/components/button/button_group/button_group_button.js +1 -1
  145. package/lib/components/button/button_icon/button_icon.js +1 -1
  146. package/lib/components/call_out/call_out.js +1 -1
  147. package/lib/components/card/card.js +1 -1
  148. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +11 -3
  149. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +1 -1
  150. package/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +2 -25
  151. package/lib/components/collapsible_nav_beta/collapsible_nav_beta.styles.js +10 -1
  152. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +2 -2
  153. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  154. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +3 -3
  155. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +2 -2
  156. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  157. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +3 -3
  158. package/lib/components/comment_list/comment.js +2 -2
  159. package/lib/components/comment_list/comment_event.js +1 -1
  160. package/lib/components/comment_list/comment_list.js +2 -2
  161. package/lib/components/comment_list/comment_timeline.js +1 -1
  162. package/lib/components/datagrid/body/data_grid_body.js +13 -13
  163. package/lib/components/datagrid/body/data_grid_body_custom.js +13 -13
  164. package/lib/components/datagrid/body/data_grid_body_virtualized.js +13 -13
  165. package/lib/components/datagrid/body/data_grid_cell.js +24 -24
  166. package/lib/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  167. package/lib/components/datagrid/body/header/data_grid_header_row.js +13 -13
  168. package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
  169. package/lib/components/datagrid/data_grid.js +13 -13
  170. package/lib/components/datagrid/utils/in_memory.js +12 -12
  171. package/lib/components/date_picker/date_picker.js +2 -2
  172. package/lib/components/date_picker/date_picker_range.js +1 -1
  173. package/lib/components/empty_prompt/empty_prompt.js +1 -1
  174. package/lib/components/facet/facet_button.js +1 -1
  175. package/lib/components/flyout/flyout.styles.js +1 -1
  176. package/lib/components/form/field_number/field_number.js +1 -1
  177. package/lib/components/form/field_text/field_text.js +2 -2
  178. package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
  179. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  180. package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  181. package/lib/components/header/header.js +120 -23
  182. package/lib/components/header/header.styles.js +1 -1
  183. package/lib/components/header/header_links/header_link.js +1 -1
  184. package/lib/components/header/header_links/header_links.js +1 -1
  185. package/lib/components/header/header_logo/header_logo.js +1 -1
  186. package/lib/components/header/header_section/header_section_item_button.js +1 -1
  187. package/lib/components/icon/assets/grabOmnidirectional.js +41 -0
  188. package/lib/components/icon/assets/transitionLeftIn.js +44 -0
  189. package/lib/components/icon/assets/transitionLeftOut.js +44 -0
  190. package/lib/components/icon/assets/transitionTopIn.js +44 -0
  191. package/lib/components/icon/assets/transitionTopOut.js +44 -0
  192. package/lib/components/icon/icon.js +1 -1
  193. package/lib/components/icon/icon_map.js +5 -0
  194. package/lib/components/icon/svgs/grabOmnidirectional.svg +3 -0
  195. package/lib/components/icon/svgs/transitionLeftIn.svg +4 -0
  196. package/lib/components/icon/svgs/transitionLeftOut.svg +4 -0
  197. package/lib/components/icon/svgs/transitionTopIn.svg +4 -0
  198. package/lib/components/icon/svgs/transitionTopOut.svg +4 -0
  199. package/lib/components/index.js +11 -0
  200. package/lib/components/inline_edit/inline_edit_form.js +58 -20
  201. package/lib/components/inline_edit/inline_edit_text.js +22 -23
  202. package/lib/components/inline_edit/inline_edit_title.js +22 -23
  203. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
  204. package/lib/components/list_group/list_group.js +2 -2
  205. package/lib/components/list_group/list_group_item.js +3 -3
  206. package/lib/components/list_group/list_group_item_extra_action.js +1 -1
  207. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  208. package/lib/components/loading/loading_logo.js +1 -1
  209. package/lib/components/markdown_editor/markdown_editor.js +1 -1
  210. package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  211. package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
  212. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  213. package/lib/components/notification/notification_event.js +2 -2
  214. package/lib/components/notification/notification_event_meta.js +1 -1
  215. package/lib/components/overlay_mask/overlay_mask.styles.js +1 -1
  216. package/lib/components/page/page_header/page_header_content.js +1 -1
  217. package/lib/components/page/page_sidebar/page_sidebar.js +2 -4
  218. package/lib/components/page_template/page_template.js +2 -29
  219. package/lib/components/panel/split_panel/split_panel.js +9 -7
  220. package/lib/components/panel/split_panel/split_panel.styles.js +46 -0
  221. package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
  222. package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
  223. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  224. package/lib/components/suggest/suggest.js +1 -1
  225. package/lib/components/suggest/suggest_item.js +1 -1
  226. package/lib/components/table/table_header_button.js +1 -1
  227. package/lib/components/text_truncate/index.js +25 -0
  228. package/lib/components/text_truncate/text_truncate.js +242 -0
  229. package/lib/components/text_truncate/text_truncate.styles.js +54 -0
  230. package/lib/components/text_truncate/utils.js +352 -0
  231. package/lib/components/timeline/timeline_item_icon.js +1 -1
  232. package/lib/components/toast/global_toast_list.js +53 -4
  233. package/lib/components/toast/global_toast_list.styles.js +3 -2
  234. package/lib/components/toast/toast.js +1 -1
  235. package/lib/components/tool_tip/icon_tip.js +1 -1
  236. package/lib/services/theme/context.js +3 -1
  237. package/lib/services/theme/hooks.js +21 -2
  238. package/lib/services/theme/index.js +6 -0
  239. package/lib/services/theme/provider.js +62 -35
  240. package/optimize/es/components/accordion/accordion.js +40 -196
  241. package/optimize/es/components/accordion/accordion.styles.js +11 -83
  242. package/optimize/es/components/accordion/accordion_children/accordion_children.js +91 -0
  243. package/optimize/es/components/accordion/accordion_children/accordion_children.styles.js +39 -0
  244. package/optimize/es/components/accordion/accordion_children/accordion_children_loading.js +31 -0
  245. package/optimize/es/components/accordion/accordion_children/index.js +9 -0
  246. package/optimize/es/components/accordion/accordion_trigger/accordion_arrow.js +36 -0
  247. package/optimize/es/components/accordion/accordion_trigger/accordion_arrow.styles.js +46 -0
  248. package/optimize/es/components/accordion/accordion_trigger/accordion_button.js +45 -0
  249. package/optimize/es/components/accordion/accordion_trigger/accordion_button.styles.js +26 -0
  250. package/optimize/es/components/accordion/accordion_trigger/accordion_trigger.js +80 -0
  251. package/optimize/es/components/accordion/accordion_trigger/index.js +9 -0
  252. package/optimize/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +1 -1
  253. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_beta.js +2 -25
  254. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_beta.styles.js +10 -1
  255. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  256. package/optimize/es/components/flyout/flyout.styles.js +1 -1
  257. package/optimize/es/components/header/header.js +75 -25
  258. package/optimize/es/components/header/header.styles.js +1 -1
  259. package/optimize/es/components/icon/assets/grabOmnidirectional.js +32 -0
  260. package/optimize/es/components/icon/assets/transitionLeftIn.js +35 -0
  261. package/optimize/es/components/icon/assets/transitionLeftOut.js +35 -0
  262. package/optimize/es/components/icon/assets/transitionTopIn.js +35 -0
  263. package/optimize/es/components/icon/assets/transitionTopOut.js +35 -0
  264. package/optimize/es/components/icon/icon_map.js +5 -0
  265. package/optimize/es/components/index.js +1 -0
  266. package/optimize/es/components/inline_edit/inline_edit_form.js +32 -12
  267. package/optimize/es/components/inline_edit/inline_edit_text.js +6 -22
  268. package/optimize/es/components/inline_edit/inline_edit_title.js +6 -22
  269. package/optimize/es/components/list_group/list_group_item.js +1 -1
  270. package/optimize/es/components/overlay_mask/overlay_mask.styles.js +1 -1
  271. package/optimize/es/components/page/page_sidebar/page_sidebar.js +2 -4
  272. package/optimize/es/components/page_template/page_template.js +4 -26
  273. package/optimize/es/components/panel/split_panel/split_panel.js +9 -7
  274. package/optimize/es/components/panel/split_panel/split_panel.styles.js +40 -0
  275. package/optimize/es/components/text_truncate/index.js +10 -0
  276. package/optimize/es/components/text_truncate/text_truncate.js +148 -0
  277. package/optimize/es/components/text_truncate/text_truncate.styles.js +49 -0
  278. package/optimize/es/components/text_truncate/utils.js +337 -0
  279. package/optimize/es/components/toast/global_toast_list.js +39 -2
  280. package/optimize/es/components/toast/global_toast_list.styles.js +3 -2
  281. package/optimize/es/services/theme/context.js +3 -1
  282. package/optimize/es/services/theme/hooks.js +19 -1
  283. package/optimize/es/services/theme/index.js +1 -1
  284. package/optimize/es/services/theme/provider.js +37 -8
  285. package/optimize/lib/components/accordion/accordion.js +39 -195
  286. package/optimize/lib/components/accordion/accordion.styles.js +20 -96
  287. package/optimize/lib/components/accordion/accordion_children/accordion_children.js +101 -0
  288. package/optimize/lib/components/accordion/accordion_children/accordion_children.styles.js +45 -0
  289. package/optimize/lib/components/accordion/accordion_children/accordion_children_loading.js +38 -0
  290. package/optimize/lib/components/accordion/accordion_children/index.js +12 -0
  291. package/optimize/lib/components/accordion/accordion_trigger/accordion_arrow.js +43 -0
  292. package/optimize/lib/components/accordion/accordion_trigger/accordion_arrow.styles.js +51 -0
  293. package/optimize/lib/components/accordion/accordion_trigger/accordion_button.js +52 -0
  294. package/optimize/lib/components/accordion/accordion_trigger/accordion_button.styles.js +33 -0
  295. package/optimize/lib/components/accordion/accordion_trigger/accordion_trigger.js +86 -0
  296. package/optimize/lib/components/accordion/accordion_trigger/index.js +12 -0
  297. package/optimize/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +1 -1
  298. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +2 -25
  299. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_beta.styles.js +10 -1
  300. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  301. package/optimize/lib/components/flyout/flyout.styles.js +1 -1
  302. package/optimize/lib/components/header/header.js +77 -24
  303. package/optimize/lib/components/header/header.styles.js +1 -1
  304. package/optimize/lib/components/icon/assets/grabOmnidirectional.js +41 -0
  305. package/optimize/lib/components/icon/assets/transitionLeftIn.js +44 -0
  306. package/optimize/lib/components/icon/assets/transitionLeftOut.js +44 -0
  307. package/optimize/lib/components/icon/assets/transitionTopIn.js +44 -0
  308. package/optimize/lib/components/icon/assets/transitionTopOut.js +44 -0
  309. package/optimize/lib/components/icon/icon_map.js +5 -0
  310. package/optimize/lib/components/icon/svgs/grabOmnidirectional.svg +3 -0
  311. package/optimize/lib/components/icon/svgs/transitionLeftIn.svg +4 -0
  312. package/optimize/lib/components/icon/svgs/transitionLeftOut.svg +4 -0
  313. package/optimize/lib/components/icon/svgs/transitionTopIn.svg +4 -0
  314. package/optimize/lib/components/icon/svgs/transitionTopOut.svg +4 -0
  315. package/optimize/lib/components/index.js +11 -0
  316. package/optimize/lib/components/inline_edit/inline_edit_form.js +33 -16
  317. package/optimize/lib/components/inline_edit/inline_edit_text.js +6 -22
  318. package/optimize/lib/components/inline_edit/inline_edit_title.js +6 -22
  319. package/optimize/lib/components/list_group/list_group_item.js +1 -1
  320. package/optimize/lib/components/overlay_mask/overlay_mask.styles.js +1 -1
  321. package/optimize/lib/components/page/page_sidebar/page_sidebar.js +2 -4
  322. package/optimize/lib/components/page_template/page_template.js +2 -24
  323. package/optimize/lib/components/panel/split_panel/split_panel.js +9 -7
  324. package/optimize/lib/components/panel/split_panel/split_panel.styles.js +46 -0
  325. package/optimize/lib/components/text_truncate/index.js +25 -0
  326. package/optimize/lib/components/text_truncate/text_truncate.js +158 -0
  327. package/optimize/lib/components/text_truncate/text_truncate.styles.js +54 -0
  328. package/optimize/lib/components/text_truncate/utils.js +342 -0
  329. package/optimize/lib/components/toast/global_toast_list.js +41 -3
  330. package/optimize/lib/components/toast/global_toast_list.styles.js +3 -2
  331. package/optimize/lib/services/theme/context.js +3 -1
  332. package/optimize/lib/services/theme/hooks.js +21 -2
  333. package/optimize/lib/services/theme/index.js +6 -0
  334. package/optimize/lib/services/theme/provider.js +62 -35
  335. package/package.json +3 -3
  336. package/src/components/datagrid/_data_grid.scss +13 -2
  337. package/src/components/index.scss +0 -2
  338. package/src/global_styling/mixins/_header.scss +2 -0
  339. package/test-env/components/accordion/accordion.js +49 -197
  340. package/test-env/components/accordion/accordion.styles.js +20 -96
  341. package/test-env/components/accordion/accordion_children/accordion_children.js +105 -0
  342. package/test-env/components/accordion/accordion_children/accordion_children.styles.js +45 -0
  343. package/test-env/components/accordion/accordion_children/accordion_children_loading.js +38 -0
  344. package/test-env/components/accordion/accordion_children/index.js +12 -0
  345. package/test-env/components/accordion/accordion_trigger/accordion_arrow.js +47 -0
  346. package/test-env/components/accordion/accordion_trigger/accordion_arrow.styles.js +51 -0
  347. package/test-env/components/accordion/accordion_trigger/accordion_button.js +52 -0
  348. package/test-env/components/accordion/accordion_trigger/accordion_button.styles.js +33 -0
  349. package/test-env/components/accordion/accordion_trigger/accordion_trigger.js +93 -0
  350. package/test-env/components/accordion/accordion_trigger/index.js +12 -0
  351. package/test-env/components/avatar/avatar.js +1 -1
  352. package/test-env/components/badge/badge.js +1 -1
  353. package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
  354. package/test-env/components/basic_table/basic_table.js +1 -1
  355. package/test-env/components/basic_table/collapsed_item_actions.js +1 -1
  356. package/test-env/components/basic_table/in_memory_table.js +1 -1
  357. package/test-env/components/button/button_display/_button_display.js +1 -1
  358. package/test-env/components/button/button_display/_button_display_content.js +1 -1
  359. package/test-env/components/button/button_empty/button_empty.js +1 -1
  360. package/test-env/components/button/button_group/button_group.js +1 -1
  361. package/test-env/components/button/button_group/button_group_button.js +1 -1
  362. package/test-env/components/button/button_icon/button_icon.js +1 -1
  363. package/test-env/components/call_out/call_out.js +1 -1
  364. package/test-env/components/card/card.js +1 -1
  365. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +11 -3
  366. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +1 -1
  367. package/test-env/components/collapsible_nav_beta/collapsible_nav_beta.js +2 -25
  368. package/test-env/components/collapsible_nav_beta/collapsible_nav_beta.styles.js +10 -1
  369. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +2 -2
  370. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  371. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +3 -3
  372. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +2 -2
  373. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  374. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +3 -3
  375. package/test-env/components/comment_list/comment.js +2 -2
  376. package/test-env/components/comment_list/comment_event.js +1 -1
  377. package/test-env/components/comment_list/comment_list.js +2 -2
  378. package/test-env/components/comment_list/comment_timeline.js +1 -1
  379. package/test-env/components/datagrid/body/data_grid_body.js +13 -13
  380. package/test-env/components/datagrid/body/data_grid_body_custom.js +13 -13
  381. package/test-env/components/datagrid/body/data_grid_body_virtualized.js +13 -13
  382. package/test-env/components/datagrid/body/data_grid_cell.js +24 -24
  383. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  384. package/test-env/components/datagrid/body/header/data_grid_header_row.js +13 -13
  385. package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
  386. package/test-env/components/datagrid/data_grid.js +13 -13
  387. package/test-env/components/datagrid/utils/in_memory.js +12 -12
  388. package/test-env/components/date_picker/date_picker.js +2 -2
  389. package/test-env/components/date_picker/date_picker_range.js +1 -1
  390. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  391. package/test-env/components/facet/facet_button.js +1 -1
  392. package/test-env/components/flyout/flyout.styles.js +1 -1
  393. package/test-env/components/form/field_number/field_number.js +1 -1
  394. package/test-env/components/form/field_text/field_text.js +2 -2
  395. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
  396. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  397. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  398. package/test-env/components/header/header.js +113 -23
  399. package/test-env/components/header/header.styles.js +1 -1
  400. package/test-env/components/header/header_links/header_link.js +1 -1
  401. package/test-env/components/header/header_links/header_links.js +1 -1
  402. package/test-env/components/header/header_logo/header_logo.js +1 -1
  403. package/test-env/components/header/header_section/header_section_item_button.js +1 -1
  404. package/test-env/components/icon/assets/grabOmnidirectional.js +41 -0
  405. package/test-env/components/icon/assets/transitionLeftIn.js +44 -0
  406. package/test-env/components/icon/assets/transitionLeftOut.js +44 -0
  407. package/test-env/components/icon/assets/transitionTopIn.js +44 -0
  408. package/test-env/components/icon/assets/transitionTopOut.js +44 -0
  409. package/test-env/components/icon/icon_map.js +5 -0
  410. package/test-env/components/index.js +11 -0
  411. package/test-env/components/inline_edit/inline_edit_form.js +49 -17
  412. package/test-env/components/inline_edit/inline_edit_text.js +22 -23
  413. package/test-env/components/inline_edit/inline_edit_title.js +22 -23
  414. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
  415. package/test-env/components/list_group/list_group.js +2 -2
  416. package/test-env/components/list_group/list_group_item.js +3 -3
  417. package/test-env/components/list_group/list_group_item_extra_action.js +1 -1
  418. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  419. package/test-env/components/loading/loading_logo.js +1 -1
  420. package/test-env/components/markdown_editor/markdown_editor.js +1 -1
  421. package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  422. package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
  423. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  424. package/test-env/components/notification/notification_event.js +2 -2
  425. package/test-env/components/notification/notification_event_meta.js +1 -1
  426. package/test-env/components/overlay_mask/overlay_mask.styles.js +1 -1
  427. package/test-env/components/page/page_header/page_header_content.js +1 -1
  428. package/test-env/components/page/page_sidebar/page_sidebar.js +2 -4
  429. package/test-env/components/page_template/page_template.js +2 -24
  430. package/test-env/components/panel/split_panel/split_panel.js +9 -7
  431. package/test-env/components/panel/split_panel/split_panel.styles.js +46 -0
  432. package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
  433. package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
  434. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  435. package/test-env/components/suggest/suggest.js +1 -1
  436. package/test-env/components/suggest/suggest_item.js +1 -1
  437. package/test-env/components/table/table_header_button.js +1 -1
  438. package/test-env/components/text_truncate/index.js +25 -0
  439. package/test-env/components/text_truncate/text_truncate.js +236 -0
  440. package/test-env/components/text_truncate/text_truncate.styles.js +54 -0
  441. package/test-env/components/text_truncate/utils.js +342 -0
  442. package/test-env/components/timeline/timeline_item_icon.js +1 -1
  443. package/test-env/components/toast/global_toast_list.js +53 -4
  444. package/test-env/components/toast/global_toast_list.styles.js +3 -2
  445. package/test-env/components/toast/toast.js +1 -1
  446. package/test-env/components/tool_tip/icon_tip.js +1 -1
  447. package/test-env/services/theme/context.js +3 -1
  448. package/test-env/services/theme/hooks.js +21 -2
  449. package/test-env/services/theme/index.js +6 -0
  450. package/test-env/services/theme/provider.js +62 -35
  451. package/src/components/accordion/_accordion_form.scss +0 -40
  452. package/src/components/accordion/_index.scss +0 -1
  453. package/src/components/panel/_index.scss +0 -1
  454. package/src/components/panel/_panel.scss +0 -9
  455. package/src/components/panel/split_panel/_index.scss +0 -1
  456. package/src/components/panel/split_panel/_split_panel.scss +0 -21
package/eui.d.ts CHANGED
@@ -673,6 +673,7 @@ declare module '@elastic/eui/src/global_styling/variables/levels' {
673
673
 
674
674
  }
675
675
  declare module '@elastic/eui/src/services/theme/types' {
676
+ import type { CSSObject } from '@emotion/react';
676
677
  import { RecursivePartial, ValueOf } from '@elastic/eui/src/components/common';
677
678
  import { _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
678
679
  import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
@@ -730,6 +731,10 @@ declare module '@elastic/eui/src/services/theme/types' {
730
731
  hasDifferentColorFromGlobalTheme: boolean;
731
732
  bodyColor: string;
732
733
  colorClassName: string;
734
+ setGlobalCSSVariables: Function;
735
+ globalCSSVariables?: CSSObject;
736
+ setNearestThemeCSSVariables: Function;
737
+ themeCSSVariables?: CSSObject;
733
738
  };
734
739
 
735
740
  }
@@ -1366,6 +1371,16 @@ declare module '@elastic/eui/src/services/theme/hooks' {
1366
1371
  export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
1367
1372
  children: (theme: UseEuiTheme) => React.ReactElement;
1368
1373
  }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
1374
+ /**
1375
+ * Minor syntactical sugar hook for theme CSS variables.
1376
+ * Primarily meant for internal EUI usage.
1377
+ */
1378
+ export const useEuiThemeCSSVariables: () => {
1379
+ setGlobalCSSVariables: Function;
1380
+ globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
1381
+ setNearestThemeCSSVariables: Function;
1382
+ themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
1383
+ };
1369
1384
 
1370
1385
  }
1371
1386
  declare module '@elastic/eui/src/global_styling/functions/typography' {
@@ -2258,6 +2273,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
2258
2273
  globe: string;
2259
2274
  grab: string;
2260
2275
  grabHorizontal: string;
2276
+ grabOmnidirectional: string;
2261
2277
  graphApp: string;
2262
2278
  grid: string;
2263
2279
  grokApp: string;
@@ -2486,6 +2502,10 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
2486
2502
  timeRefresh: string;
2487
2503
  timeslider: string;
2488
2504
  training: string;
2505
+ transitionLeftIn: string;
2506
+ transitionLeftOut: string;
2507
+ transitionTopIn: string;
2508
+ transitionTopOut: string;
2489
2509
  trash: string;
2490
2510
  unfold: string;
2491
2511
  unlink: string;
@@ -2639,7 +2659,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
2639
2659
  import { WithEuiThemeProps } from '@elastic/eui/src/services';
2640
2660
  export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
2641
2661
  import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
2642
- export const TYPES: ("string" | "number" | "function" | "search" | "link" | "article" | "menu" | "filter" | "image" | "stop" | "key" | "temperature" | "color" | "email" | "list" | "user" | "alert" | "document" | "grid" | "copy" | "scale" | "wordWrap" | "grab" | "help" | "invert" | "spaces" | "dot" | "warning" | "error" | "download" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "at" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "cross" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "heart" | "heatmap" | "home" | "iInCircle" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pivot" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "trash" | "unfold" | "unlink" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp")[];
2662
+ export const TYPES: ("string" | "number" | "function" | "search" | "link" | "article" | "menu" | "filter" | "image" | "stop" | "key" | "temperature" | "color" | "email" | "list" | "user" | "alert" | "document" | "grid" | "copy" | "scale" | "wordWrap" | "grab" | "help" | "invert" | "spaces" | "dot" | "warning" | "error" | "download" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "at" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "cross" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "heart" | "heatmap" | "home" | "iInCircle" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pivot" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp")[];
2643
2663
  export type EuiIconType = keyof typeof typeToPathMap;
2644
2664
  export type IconType = EuiIconType | string | ComponentType;
2645
2665
  export type IconColor = string | NamedColor;
@@ -2682,7 +2702,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
2682
2702
  isLoading: boolean;
2683
2703
  neededLoading: boolean;
2684
2704
  }
2685
- export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "article" | "menu" | "filter" | "image" | "stop" | "key" | "temperature" | "color" | "email" | "list" | "user" | "alert" | "document" | "grid" | "copy" | "scale" | "wordWrap" | "grab" | "help" | "invert" | "spaces" | "dot" | "warning" | "error" | "download" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "at" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "cross" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "heart" | "heatmap" | "home" | "iInCircle" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pivot" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "trash" | "unfold" | "unlink" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | undefined) => void;
2705
+ export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "article" | "menu" | "filter" | "image" | "stop" | "key" | "temperature" | "color" | "email" | "list" | "user" | "alert" | "document" | "grid" | "copy" | "scale" | "wordWrap" | "grab" | "help" | "invert" | "spaces" | "dot" | "warning" | "error" | "download" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "at" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "cross" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "heart" | "heatmap" | "home" | "iInCircle" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pivot" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | undefined) => void;
2686
2706
  export const appendIconComponentCache: (iconTypeToIconComponentMap: {
2687
2707
  [iconType: string]: React.ComponentType<{}>;
2688
2708
  }) => void;
@@ -4372,11 +4392,22 @@ declare module '@elastic/eui/src/components/panel/panel' {
4372
4392
  export const EuiPanel: FunctionComponent<EuiPanelProps>;
4373
4393
  export {};
4374
4394
 
4395
+ }
4396
+ declare module '@elastic/eui/src/components/panel/split_panel/split_panel.styles' {
4397
+ export const euiSplitPanelOuterStyles: {
4398
+ euiSplitPanelOuter: import("@emotion/utils").SerializedStyles;
4399
+ column: import("@emotion/utils").SerializedStyles;
4400
+ row: import("@emotion/utils").SerializedStyles;
4401
+ };
4402
+ export const euiSplitPanelInnerStyles: {
4403
+ euiSplitPanelInner: import("@emotion/utils").SerializedStyles;
4404
+ };
4405
+
4375
4406
  }
4376
4407
  declare module '@elastic/eui/src/components/panel/split_panel/split_panel' {
4377
4408
  import React, { FunctionComponent, ReactNode, HTMLAttributes } from 'react';
4378
- import { _EuiPanelProps } from '@elastic/eui/src/components/panel/panel';
4379
4409
  import { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint';
4410
+ import { _EuiPanelProps } from '@elastic/eui/src/components/panel/panel';
4380
4411
  export type _EuiSplitPanelInnerProps = HTMLAttributes<HTMLDivElement> & Omit<_EuiPanelProps, 'hasShadow' | 'hasBorder' | 'borderRadius'>;
4381
4412
  /**
4382
4413
  * Consumed via `EuiSplitPanel.Inner`.
@@ -7798,6 +7829,20 @@ declare module '@elastic/eui/src/services/theme/context' {
7798
7829
  export const EuiThemeContext: import("react").Context<EuiThemeComputed<{}>>;
7799
7830
  export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
7800
7831
 
7832
+ }
7833
+ declare module '@elastic/eui/src/services/emotion/clone_element' {
7834
+ import React from 'react';
7835
+ /**
7836
+ * React.cloneElement does not work if the cloned element does not already have the
7837
+ * `css` prop - as a result, we need to use `jsx()` to manually clone the element
7838
+ * See https://github.com/emotion-js/emotion/issues/1404
7839
+ */
7840
+ export const cloneElementWithCss: (element: any, props: any) => React.ReactElement;
7841
+
7842
+ }
7843
+ declare module '@elastic/eui/src/services/emotion' {
7844
+ export * from '@elastic/eui/src/services/emotion/clone_element';
7845
+
7801
7846
  }
7802
7847
  declare module '@elastic/eui/src/services/theme/emotion' {
7803
7848
  import { FunctionComponent, PropsWithChildren } from 'react';
@@ -7842,7 +7887,7 @@ declare module '@elastic/eui/src/services/theme/provider' {
7842
7887
  declare module '@elastic/eui/src/services/theme' {
7843
7888
  export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, } from '@elastic/eui/src/services/theme/context';
7844
7889
  export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
7845
- export { useEuiTheme, withEuiTheme, RenderWithEuiTheme } from '@elastic/eui/src/services/theme/hooks';
7890
+ export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, } from '@elastic/eui/src/services/theme/hooks';
7846
7891
  export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
7847
7892
  export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
7848
7893
  export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
@@ -7950,20 +7995,6 @@ declare module '@elastic/eui/src/services/console' {
7950
7995
  declare module '@elastic/eui/src/services/copy_to_clipboard' {
7951
7996
  export function copyToClipboard(text: string): boolean;
7952
7997
 
7953
- }
7954
- declare module '@elastic/eui/src/services/emotion/clone_element' {
7955
- import React from 'react';
7956
- /**
7957
- * React.cloneElement does not work if the cloned element does not already have the
7958
- * `css` prop - as a result, we need to use `jsx()` to manually clone the element
7959
- * See https://github.com/emotion-js/emotion/issues/1404
7960
- */
7961
- export const cloneElementWithCss: (element: any, props: any) => React.ReactElement;
7962
-
7963
- }
7964
- declare module '@elastic/eui/src/services/emotion' {
7965
- export * from '@elastic/eui/src/services/emotion/clone_element';
7966
-
7967
7998
  }
7968
7999
  declare module '@elastic/eui/src/services/findElement' {
7969
8000
  /**
@@ -8526,12 +8557,72 @@ declare module '@elastic/eui/src/components/accessibility' {
8526
8557
  export type { EuiSkipLinkProps } from '@elastic/eui/src/components/accessibility/skip_link';
8527
8558
 
8528
8559
  }
8529
- declare module '@elastic/eui/src/components/accordion/accordion.styles' {
8560
+ declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_button.styles' {
8530
8561
  import { UseEuiTheme } from '@elastic/eui/src/services';
8531
8562
  export const euiAccordionButtonStyles: (euiThemeContext: UseEuiTheme) => {
8532
8563
  euiAccordion__button: import("@emotion/utils").SerializedStyles;
8533
8564
  disabled: import("@emotion/utils").SerializedStyles;
8565
+ s: import("@emotion/utils").SerializedStyles;
8566
+ m: import("@emotion/utils").SerializedStyles;
8567
+ l: import("@emotion/utils").SerializedStyles;
8568
+ arrowLeft: import("@emotion/utils").SerializedStyles;
8569
+ arrowRight: import("@emotion/utils").SerializedStyles;
8570
+ };
8571
+
8572
+ }
8573
+ declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_button' {
8574
+ import { FunctionComponent, PropsWithChildren, HTMLAttributes } from 'react';
8575
+ import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionButtonProps = PropsWithChildren & HTMLAttributes<HTMLElement> & Required<Pick<EuiAccordionProps, 'buttonElement'>> & Pick<EuiAccordionProps, 'buttonClassName' | 'buttonProps' | 'buttonContentClassName' | 'isDisabled' | 'arrowDisplay'>;
8576
+ export const EuiAccordionButton: FunctionComponent<_EuiAccordionButtonProps>;
8577
+ export {};
8578
+
8579
+ }
8580
+ declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_arrow.styles' {
8581
+ import { UseEuiTheme } from '@elastic/eui/src/services';
8582
+ export const euiAccordionArrowStyles: ({ euiTheme }: UseEuiTheme) => {
8583
+ euiAccordion__arrow: import("@emotion/utils").SerializedStyles;
8584
+ left: import("@emotion/utils").SerializedStyles;
8585
+ right: import("@emotion/utils").SerializedStyles;
8586
+ isClosed: import("@emotion/utils").SerializedStyles;
8587
+ isOpen: import("@emotion/utils").SerializedStyles;
8588
+ };
8589
+
8590
+ }
8591
+ declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_arrow' {
8592
+ import { FunctionComponent } from 'react';
8593
+ import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
8594
+ import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionArrowProps = Partial<EuiButtonIconPropsForButton> & Pick<EuiAccordionProps, 'arrowDisplay' | 'arrowProps'> & {
8595
+ isOpen: boolean;
8596
+ };
8597
+ export const EuiAccordionArrow: FunctionComponent<_EuiAccordionArrowProps>;
8598
+ export {};
8599
+
8600
+ }
8601
+ declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_trigger' {
8602
+ import { FunctionComponent, MouseEventHandler } from 'react';
8603
+ import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionTriggerProps = Pick<EuiAccordionProps, 'arrowDisplay' | 'arrowProps' | 'buttonElement' | 'buttonClassName' | 'buttonProps' | 'buttonContent' | 'buttonContentClassName' | 'extraAction' | 'isDisabled'> & {
8604
+ isOpen: boolean;
8605
+ ariaControlsId: string;
8606
+ buttonId: string;
8607
+ onToggle: MouseEventHandler;
8534
8608
  };
8609
+ export const EuiAccordionTrigger: FunctionComponent<_EuiAccordionTriggerProps>;
8610
+ export {};
8611
+
8612
+ }
8613
+ declare module '@elastic/eui/src/components/accordion/accordion_trigger' {
8614
+ export { EuiAccordionTrigger } from '@elastic/eui/src/components/accordion/accordion_trigger/accordion_trigger';
8615
+
8616
+ }
8617
+ declare module '@elastic/eui/src/components/accordion/accordion_children/accordion_children_loading' {
8618
+ import { FunctionComponent } from 'react';
8619
+ import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionChildrenLoadingProps = Pick<EuiAccordionProps, 'isLoadingMessage'>;
8620
+ export const EuiAccordionChildrenLoading: FunctionComponent<_EuiAccordionChildrenLoadingProps>;
8621
+ export {};
8622
+
8623
+ }
8624
+ declare module '@elastic/eui/src/components/accordion/accordion_children/accordion_children.styles' {
8625
+ import { UseEuiTheme } from '@elastic/eui/src/services';
8535
8626
  export const euiAccordionChildrenStyles: ({ euiTheme }: UseEuiTheme) => {
8536
8627
  euiAccordion__children: import("@emotion/utils").SerializedStyles;
8537
8628
  isLoading: import("@emotion/utils").SerializedStyles;
@@ -8541,32 +8632,43 @@ declare module '@elastic/eui/src/components/accordion/accordion.styles' {
8541
8632
  l: import("@emotion/utils").SerializedStyles;
8542
8633
  xl: import("@emotion/utils").SerializedStyles;
8543
8634
  };
8544
- export const euiAccordionChildWrapperStyles: ({ euiTheme }: UseEuiTheme) => {
8635
+ export const euiAccordionChildWrapperStyles: (euiThemeContext: UseEuiTheme) => {
8545
8636
  euiAccordion__childWrapper: import("@emotion/utils").SerializedStyles;
8637
+ isClosed: import("@emotion/utils").SerializedStyles;
8546
8638
  isOpen: import("@emotion/utils").SerializedStyles;
8547
8639
  };
8548
- export const euiAccordionIconButtonStyles: ({ euiTheme }: UseEuiTheme) => {
8549
- euiAccordion__iconButton: import("@emotion/utils").SerializedStyles;
8550
- isOpen: import("@emotion/utils").SerializedStyles;
8551
- arrowRight: import("@emotion/utils").SerializedStyles;
8552
- };
8553
- export const euiAccordionOptionalActionStyles: () => {
8554
- euiAccordion__optionalAction: import("@emotion/utils").SerializedStyles;
8555
- };
8556
- export const euiAccordionSpinnerStyles: ({ euiTheme }: UseEuiTheme) => {
8557
- euiAccordion__spinner: import("@emotion/utils").SerializedStyles;
8640
+
8641
+ }
8642
+ declare module '@elastic/eui/src/components/accordion/accordion_children/accordion_children' {
8643
+ import { FunctionComponent, HTMLAttributes } from 'react';
8644
+ import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionChildrenProps = HTMLAttributes<HTMLDivElement> & Pick<EuiAccordionProps, 'children' | 'paddingSize' | 'isLoading' | 'isLoadingMessage'> & {
8645
+ isOpen: boolean;
8558
8646
  };
8559
- export const euiAccordionTriggerWrapperStyles: () => {
8560
- euiAccordion__triggerWrapper: import("@emotion/utils").SerializedStyles;
8647
+ export const EuiAccordionChildren: FunctionComponent<_EuiAccordionChildrenProps>;
8648
+ export {};
8649
+
8650
+ }
8651
+ declare module '@elastic/eui/src/components/accordion/accordion_children' {
8652
+ export { EuiAccordionChildren } from '@elastic/eui/src/components/accordion/accordion_children/accordion_children';
8653
+
8654
+ }
8655
+ declare module '@elastic/eui/src/components/accordion/accordion.styles' {
8656
+ import { UseEuiTheme } from '@elastic/eui/src/services';
8657
+ export const euiAccordionStyles: ({ euiTheme }: UseEuiTheme) => {
8658
+ euiAccordion: import("@emotion/utils").SerializedStyles;
8659
+ borders: {
8660
+ borders: import("@emotion/utils").SerializedStyles;
8661
+ horizontal: import("@emotion/utils").SerializedStyles;
8662
+ all: import("@emotion/utils").SerializedStyles;
8663
+ };
8561
8664
  };
8562
8665
 
8563
8666
  }
8564
8667
  declare module '@elastic/eui/src/components/accordion/accordion' {
8565
8668
  import React, { Component, HTMLAttributes, ReactNode } from 'react';
8566
- import { FocusableElement } from 'tabbable';
8567
- import { CommonProps } from '@elastic/eui/src/components/common';
8568
8669
  import { WithEuiThemeProps } from '@elastic/eui/src/services';
8569
- import { EuiButtonIconProps } from '@elastic/eui/src/components/button';
8670
+ import { CommonProps } from '@elastic/eui/src/components/common';
8671
+ import type { EuiButtonIconProps } from '@elastic/eui/src/components/button';
8570
8672
  export const PADDING_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
8571
8673
  export type EuiAccordionPaddingSize = (typeof PADDING_SIZES)[number];
8572
8674
  export type EuiAccordionProps = CommonProps & Omit<HTMLAttributes<HTMLElement>, 'id'> & {
@@ -8581,9 +8683,14 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
8581
8683
  */
8582
8684
  buttonClassName?: string;
8583
8685
  /**
8584
- * Apply more props to the triggering button
8686
+ * Apply more props to the triggering button.
8687
+ *
8688
+ * Includes optional `paddingSize` prop which allows sizes of `s`, `m`, or `l`.
8689
+ * Note: Padding will not be present on the side closest to the accordion arrow.
8585
8690
  */
8586
- buttonProps?: CommonProps & HTMLAttributes<HTMLElement>;
8691
+ buttonProps?: CommonProps & HTMLAttributes<HTMLElement> & {
8692
+ paddingSize?: 's' | 'm' | 'l';
8693
+ };
8587
8694
  /**
8588
8695
  * Class that will apply to the trigger content for the accordion.
8589
8696
  */
@@ -8621,6 +8728,10 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
8621
8728
  * Placement of the arrow indicator, or 'none' to hide it.
8622
8729
  */
8623
8730
  arrowDisplay?: 'left' | 'right' | 'none';
8731
+ /**
8732
+ * Optional border styling. Defaults to 'none'.
8733
+ */
8734
+ borders?: 'horizontal' | 'all' | 'none';
8624
8735
  /**
8625
8736
  * Control the opening of accordion via prop
8626
8737
  */
@@ -8643,6 +8754,7 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
8643
8754
  export class EuiAccordionClass extends Component<WithEuiThemeProps & EuiAccordionProps, EuiAccordionState> {
8644
8755
  static defaultProps: {
8645
8756
  initialIsOpen: boolean;
8757
+ borders: "none";
8646
8758
  paddingSize: "none";
8647
8759
  arrowDisplay: "left";
8648
8760
  isLoading: boolean;
@@ -8651,23 +8763,12 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
8651
8763
  element: "div";
8652
8764
  buttonElement: "button";
8653
8765
  };
8654
- childContent: HTMLDivElement | null;
8655
- childWrapper: HTMLDivElement | null;
8656
- tabbableChildren: FocusableElement[] | null;
8657
8766
  state: {
8658
8767
  isOpen: boolean;
8659
8768
  };
8660
8769
  get isOpen(): boolean;
8661
- setChildContentHeight: () => void;
8662
- componentDidMount(): void;
8663
- componentDidUpdate(prevProps: EuiAccordionProps, prevState: EuiAccordionState): void;
8664
8770
  onToggle: () => void;
8665
- preventTabbing: () => void;
8666
- enableTabbing: () => void;
8667
- setChildContentRef: (node: HTMLDivElement | null) => void;
8668
8771
  generatedId: string;
8669
- resizeRef: (e: HTMLElement | null) => void;
8670
- observerRef: (ref: HTMLDivElement) => void;
8671
8772
  render(): React.JSX.Element;
8672
8773
  }
8673
8774
  export const EuiAccordion: React.ForwardRefExoticComponent<Omit<EuiAccordionProps, "theme"> & React.RefAttributes<Omit<EuiAccordionProps, "theme">>>;
@@ -16385,6 +16486,12 @@ declare module '@elastic/eui/src/components/header/header' {
16385
16486
  theme?: 'default' | 'dark';
16386
16487
  };
16387
16488
  export const EuiHeader: FunctionComponent<EuiHeaderProps>;
16489
+ /**
16490
+ * Fixed headers - logic around dynamically calculating the total
16491
+ * page offset and setting the `top` position of subsequent headers
16492
+ */
16493
+ export let euiFixedHeadersCount: number;
16494
+ export const EuiFixedHeader: FunctionComponent<EuiHeaderProps>;
16388
16495
  export {};
16389
16496
 
16390
16497
  }
@@ -16938,13 +17045,12 @@ declare module '@elastic/eui/src/components/inline_edit/inline_edit_form.styles'
16938
17045
 
16939
17046
  }
16940
17047
  declare module '@elastic/eui/src/components/inline_edit/inline_edit_form' {
16941
- import { ReactNode, FunctionComponent, HTMLAttributes } from 'react';
16942
- import { CommonProps } from '@elastic/eui/src/components/common';
17048
+ import React, { ReactNode, FunctionComponent, HTMLAttributes } from 'react';
17049
+ import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
16943
17050
  import { EuiFormRowProps, EuiFieldTextProps } from '@elastic/eui/src/components/form';
16944
17051
  import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button/button_icon';
16945
17052
  import { EuiButtonEmptyPropsForButton } from '@elastic/eui/src/components/button/button_empty/button_empty';
16946
17053
  export type EuiInlineEditCommonProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & CommonProps & {
16947
- defaultValue: string;
16948
17054
  placeholder?: string;
16949
17055
  /**
16950
17056
  * Callback that fires when a user clicks the save button.
@@ -16992,7 +17098,25 @@ declare module '@elastic/eui/src/components/inline_edit/inline_edit_form' {
16992
17098
  * Locks inline edit in read mode and displays the text value
16993
17099
  */
16994
17100
  isReadOnly?: boolean;
16995
- };
17101
+ } & ExclusiveUnion<{
17102
+ /**
17103
+ * Initial inline edit text value
17104
+ */
17105
+ defaultValue: string;
17106
+ }, {
17107
+ /**
17108
+ * To use inline edit as a controlled component, continuously pass the value via this prop
17109
+ */
17110
+ value: string;
17111
+ /**
17112
+ * Callback required to receive and update `value` based on user input
17113
+ */
17114
+ onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
17115
+ /**
17116
+ * Callback required to reset `value` to the previous read mode text value.
17117
+ */
17118
+ onCancel: (perviousValue: string) => void;
17119
+ }>;
16996
17120
  export type EuiInlineEditFormProps = EuiInlineEditCommonProps & {
16997
17121
  /**
16998
17122
  * Form sizes
@@ -22058,6 +22182,190 @@ declare module '@elastic/eui/src/components/text_diff' {
22058
22182
  export type { EuiTextDiffProps } from '@elastic/eui/src/components/text_diff/text_diff';
22059
22183
  export { useEuiTextDiff } from '@elastic/eui/src/components/text_diff/text_diff';
22060
22184
 
22185
+ }
22186
+ declare module '@elastic/eui/src/components/text_truncate/utils' {
22187
+ import type { ExclusiveUnion } from '@elastic/eui/src/components/common';
22188
+ interface SharedParams {
22189
+ fullText: string;
22190
+ ellipsis: string;
22191
+ availableWidth: number;
22192
+ }
22193
+ interface DOMParams extends SharedParams {
22194
+ container: HTMLElement;
22195
+ } type CanvasParams = SharedParams & ExclusiveUnion<{
22196
+ container: HTMLElement;
22197
+ }, {
22198
+ font: CanvasTextDrawingStyles['font'];
22199
+ }>; abstract class _TruncationUtils {
22200
+ protected fullText: SharedParams['fullText'];
22201
+ protected ellipsis: SharedParams['ellipsis'];
22202
+ protected availableWidth: SharedParams['availableWidth'];
22203
+ constructor({ fullText, ellipsis, availableWidth }: SharedParams);
22204
+ /**
22205
+ * Internal measurement utils which will be overridden depending on the
22206
+ * rendering approach used (e.g. DOM vs Canvas).
22207
+ */
22208
+ abstract textWidth: number;
22209
+ abstract setTextToCheck: (text: string) => void;
22210
+ /**
22211
+ * Early return checks
22212
+ */
22213
+ checkIfTruncationIsNeeded: () => false | undefined;
22214
+ checkSufficientEllipsisWidth: (truncation: string) => false | undefined;
22215
+ checkTruncationOffsetWidth: (text: string) => false | undefined;
22216
+ /**
22217
+ * Truncation types logic. This is where the magic happens
22218
+ */
22219
+ truncateStart: (truncationOffset?: number | undefined) => string;
22220
+ truncateEnd: (truncationOffset?: number | undefined) => string;
22221
+ truncateStartEndAtPosition: (truncationPosition: number) => string;
22222
+ truncateStartEndAtMiddle: () => string;
22223
+ truncateMiddle: () => string;
22224
+ }
22225
+ /**
22226
+ * Creates a temporary vanilla JS DOM element for manipulating text and
22227
+ * determining text width.
22228
+ *
22229
+ * Requires passing in a container element to which the temporary element
22230
+ * will be appended. Any CSS/font styles that need to be accounted for should
22231
+ * be automatically inherited from the container.
22232
+ *
22233
+ * NOTE: The consumer is responsible for calling the `cleanup()` method manually
22234
+ * to remove the temporary DOM node once their usage of this utility is complete.
22235
+ */
22236
+ export class TruncationUtilsWithDOM extends _TruncationUtils {
22237
+ container: DOMParams['container'];
22238
+ span: HTMLSpanElement;
22239
+ constructor({ container, ...rest }: DOMParams);
22240
+ get textWidth(): number;
22241
+ setTextToCheck: (text: string) => void;
22242
+ cleanup: () => void;
22243
+ }
22244
+ /**
22245
+ * Creates a temporary Canvas element for manipulating text & determining
22246
+ * text width. This method is compatible with charts or other canvas-rendered
22247
+ * frameworks, and requires no cleanup method.
22248
+ *
22249
+ * To accurately measure text, canvas rendering requires either a container to
22250
+ * compute/derive font styles from, or a static font string (useful for usage
22251
+ * outside the DOM). Particular care should be applied when fallback fonts are
22252
+ * used, as more fallback fonts can lead to less precision.
22253
+ *
22254
+ * Please note that while canvas is more performant than DOM measurement, there
22255
+ * are subpixel to single digit pixel differences between DOM and canvas
22256
+ * measurement due to the different rendering engines used.
22257
+ */
22258
+ export class TruncationUtilsWithCanvas extends _TruncationUtils {
22259
+ context: CanvasRenderingContext2D;
22260
+ currentText: string;
22261
+ constructor({ font, container, ...rest }: CanvasParams);
22262
+ computeFontFromElement: (element: HTMLElement) => string;
22263
+ get textWidth(): number;
22264
+ setTextToCheck: (text: string) => void;
22265
+ }
22266
+ export {};
22267
+
22268
+ }
22269
+ declare module '@elastic/eui/src/components/text_truncate/text_truncate.styles' {
22270
+ export const euiTextTruncateStyles: {
22271
+ euiTextTruncate: import("@emotion/utils").SerializedStyles;
22272
+ /**
22273
+ * The below CSS is a hack to get double clicking and selecting the *full* text
22274
+ * instead of the truncated text (useful for copying/pasting, and mimics how
22275
+ * `text-overflow: ellipsis` works).
22276
+ *
22277
+ * Real talk: I'm lowkey amazed it works and it wouldn't surprise me if we ran into
22278
+ * cross-browser issues with this at some point. Hopefully CSS natively implements
22279
+ * custom text truncation some day (https://github.com/w3c/csswg-drafts/issues/3937)
22280
+ * and there'll be no need for the entire component at that point 🙏
22281
+ */
22282
+ truncatedText: import("@emotion/utils").SerializedStyles;
22283
+ fullText: import("@emotion/utils").SerializedStyles;
22284
+ };
22285
+
22286
+ }
22287
+ declare module '@elastic/eui/src/components/text_truncate/text_truncate' {
22288
+ import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
22289
+ import type { CommonProps } from '@elastic/eui/src/components/common'; const TRUNCATION_TYPES: readonly ["end", "start", "startEnd", "middle"];
22290
+ export type EuiTextTruncationTypes = (typeof TRUNCATION_TYPES)[number];
22291
+ export type EuiTextTruncateProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onResize'> & CommonProps & {
22292
+ /**
22293
+ * The full text string to truncate
22294
+ */
22295
+ text: string;
22296
+ /**
22297
+ * The truncation type desired. Determines where the ellipses are placed.
22298
+ */
22299
+ truncation?: EuiTextTruncationTypes;
22300
+ /**
22301
+ * This prop **only** applies to the `start` and `end` truncation types.
22302
+ * It allows preserving a certain number of characters of either the
22303
+ * starting or ending text.
22304
+ *
22305
+ * If the passed offset is greater than the total text length,
22306
+ * the offset will be ignored.
22307
+ */
22308
+ truncationOffset?: number;
22309
+ /**
22310
+ * This prop **only** applies to the `startEnd` truncation type.
22311
+ * It allows customizing the anchor position of the displayed text,
22312
+ * which otherwise defaults to the middle of the text string.
22313
+ *
22314
+ * The primary use case for this prop for is search highlighting - e.g., if
22315
+ * a user searches for a specific word in the text, pass the index of that
22316
+ * found word to ensure it is always visible.
22317
+ *
22318
+ * This behavior will intelligently detect when positions are close to the start
22319
+ * or end of the text, and omit leading or trailing ellipses when necessary.
22320
+ * If the passed position is greater than the total text length,
22321
+ * the truncation will simply default to `start` instead.
22322
+ */
22323
+ truncationPosition?: number;
22324
+ /**
22325
+ * Defaults to the horizontal ellipsis character.
22326
+ * Can be optionally configured to use other punctuation,
22327
+ * e.g. spaces, brackets, hyphens, asterisks, etc.
22328
+ */
22329
+ ellipsis?: string;
22330
+ /**
22331
+ * By default, EuiTextTruncate will render a resize observer to detect the
22332
+ * available width it has. For performance reasons (e.g. multiple truncated
22333
+ * text items within the same container), you may opt to pass in your own
22334
+ * container width, which will skip initializing a resize observer.
22335
+ */
22336
+ width?: number;
22337
+ /**
22338
+ * Optional callback that fires when the default resizer observer both mounts and
22339
+ * registers a size change. This callback will **not** fire if `width` is passed.
22340
+ */
22341
+ onResize?: (width: number) => void;
22342
+ /**
22343
+ * By default, EuiTextTruncate will calculate its truncation via DOM manipulation
22344
+ * and measurement, which has the benefit of automatically inheriting font styles.
22345
+ * However, if this approach proves to have a significant performance impact for your
22346
+ * usage, consider using the `canvas` API instead, which is more performant.
22347
+ *
22348
+ * Please note that there are minute pixel to subpixel differences between the
22349
+ * two options due to different rendering engines.
22350
+ */
22351
+ measurementRenderAPI?: 'dom' | 'canvas';
22352
+ /**
22353
+ * By default, EuiTextTruncate will render the truncated string directly.
22354
+ * You can optionally pass a render prop function to the component, which
22355
+ * allows for more flexible text rendering, e.g. adding custom markup
22356
+ * or highlighting
22357
+ */
22358
+ children?: (truncatedString: string) => ReactNode;
22359
+ };
22360
+ export const EuiTextTruncate: FunctionComponent<EuiTextTruncateProps>;
22361
+ export {};
22362
+
22363
+ }
22364
+ declare module '@elastic/eui/src/components/text_truncate' {
22365
+ export type { EuiTextTruncateProps, EuiTextTruncationTypes, } from '@elastic/eui/src/components/text_truncate/text_truncate';
22366
+ export { EuiTextTruncate } from '@elastic/eui/src/components/text_truncate/text_truncate';
22367
+ export { TruncationUtilsWithDOM, TruncationUtilsWithCanvas } from '@elastic/eui/src/components/text_truncate/utils';
22368
+
22061
22369
  }
22062
22370
  declare module '@elastic/eui/src/components/toast/toast.styles' {
22063
22371
  import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -22123,6 +22431,7 @@ declare module '@elastic/eui/src/components/toast/global_toast_list.styles' {
22123
22431
  euiGlobalToastList: import("@emotion/utils").SerializedStyles;
22124
22432
  right: import("@emotion/utils").SerializedStyles;
22125
22433
  left: import("@emotion/utils").SerializedStyles;
22434
+ euiGlobalToastListDismissButton: import("@emotion/utils").SerializedStyles;
22126
22435
  };
22127
22436
  export const euiGlobalToastListItemStyles: ({ euiTheme }: UseEuiTheme) => {
22128
22437
  euiGlobalToastListItem: import("@emotion/utils").SerializedStyles;
@@ -22149,6 +22458,7 @@ declare module '@elastic/eui/src/components/toast/global_toast_list' {
22149
22458
  import { EuiToastProps } from '@elastic/eui/src/components/toast/toast'; type ToastSide = 'right' | 'left';
22150
22459
  export const SIDES: ToastSide[];
22151
22460
  export const TOAST_FADE_OUT_MS = 250;
22461
+ export const CLEAR_ALL_TOASTS_THRESHOLD_DEFAULT = 3;
22152
22462
  export interface Toast extends EuiToastProps {
22153
22463
  id: string;
22154
22464
  text?: ReactChild;
@@ -22162,6 +22472,17 @@ declare module '@elastic/eui/src/components/toast/global_toast_list' {
22162
22472
  * Determines which side of the browser window the toasts should appear
22163
22473
  */
22164
22474
  side?: ToastSide;
22475
+ /**
22476
+ * At this threshold, a "Clear all" button will display at the bottom of the toast list
22477
+ * that allows users to dismiss all toasts in a single click.
22478
+ *
22479
+ * Defaults to `3`. Set to `0` to disable the button entirely.
22480
+ */
22481
+ showClearAllButtonAt?: number;
22482
+ /**
22483
+ * Optional callback that fires when a user clicks the "Clear all" button.
22484
+ */
22485
+ onClearAllToasts?: () => void;
22165
22486
  }
22166
22487
  export const EuiGlobalToastList: FunctionComponent<EuiGlobalToastListProps>;
22167
22488
  export {};
@@ -22753,6 +23074,7 @@ declare module '@elastic/eui/src/components' {
22753
23074
  export * from '@elastic/eui/src/components/tabs';
22754
23075
  export * from '@elastic/eui/src/components/text';
22755
23076
  export * from '@elastic/eui/src/components/text_diff';
23077
+ export * from '@elastic/eui/src/components/text_truncate';
22756
23078
  export * from '@elastic/eui/src/components/timeline';
22757
23079
  export * from '@elastic/eui/src/components/title';
22758
23080
  export * from '@elastic/eui/src/components/toast';
@@ -24747,6 +25069,17 @@ declare module '@elastic/eui/src/components/icon/assets/grab' {
24747
25069
  export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
24748
25070
  export {};
24749
25071
 
25072
+ }
25073
+ declare module '@elastic/eui/src/components/icon/assets/grabOmnidirectional' {
25074
+ import * as React from 'react';
25075
+ import type { SVGProps } from 'react';
25076
+ interface SVGRProps {
25077
+ title?: string;
25078
+ titleId?: string;
25079
+ }
25080
+ export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
25081
+ export {};
25082
+
24750
25083
  }
24751
25084
  declare module '@elastic/eui/src/components/icon/assets/grab_horizontal' {
24752
25085
  import * as React from 'react';
@@ -27661,6 +27994,50 @@ declare module '@elastic/eui/src/components/icon/assets/training' {
27661
27994
  export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
27662
27995
  export {};
27663
27996
 
27997
+ }
27998
+ declare module '@elastic/eui/src/components/icon/assets/transitionLeftIn' {
27999
+ import * as React from 'react';
28000
+ import type { SVGProps } from 'react';
28001
+ interface SVGRProps {
28002
+ title?: string;
28003
+ titleId?: string;
28004
+ }
28005
+ export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
28006
+ export {};
28007
+
28008
+ }
28009
+ declare module '@elastic/eui/src/components/icon/assets/transitionLeftOut' {
28010
+ import * as React from 'react';
28011
+ import type { SVGProps } from 'react';
28012
+ interface SVGRProps {
28013
+ title?: string;
28014
+ titleId?: string;
28015
+ }
28016
+ export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
28017
+ export {};
28018
+
28019
+ }
28020
+ declare module '@elastic/eui/src/components/icon/assets/transitionTopIn' {
28021
+ import * as React from 'react';
28022
+ import type { SVGProps } from 'react';
28023
+ interface SVGRProps {
28024
+ title?: string;
28025
+ titleId?: string;
28026
+ }
28027
+ export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
28028
+ export {};
28029
+
28030
+ }
28031
+ declare module '@elastic/eui/src/components/icon/assets/transitionTopOut' {
28032
+ import * as React from 'react';
28033
+ import type { SVGProps } from 'react';
28034
+ interface SVGRProps {
28035
+ title?: string;
28036
+ titleId?: string;
28037
+ }
28038
+ export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
28039
+ export {};
28040
+
27664
28041
  }
27665
28042
  declare module '@elastic/eui/src/components/icon/assets/trash' {
27666
28043
  import * as React from 'react';
@@ -28063,7 +28440,7 @@ declare module '@elastic/eui/src/global_styling/variables/_colors_vis' {
28063
28440
 
28064
28441
  declare module '@elastic/eui' {
28065
28442
  export type EuiTokensObject = {
28066
- "euiAccordion.isLoading": any;
28443
+ "euiAccordionChildrenLoading.message": any;
28067
28444
  "euiBasicTable.noItemsMessage": any;
28068
28445
  "euiBasicTable.tableCaptionWithPagination": any;
28069
28446
  "euiBasicTable.tableAutoCaptionWithPagination": any;
@@ -28448,6 +28825,8 @@ declare module '@elastic/eui' {
28448
28825
  "euiTablePagination.rowsPerPage": any;
28449
28826
  "euiTablePagination.rowsPerPageOptionShowAllRows": any;
28450
28827
  "euiTablePagination.rowsPerPageOption": any;
28828
+ "euiGlobalToastList.clearAllToastsButtonAriaLabel": any;
28829
+ "euiGlobalToastList.clearAllToastsButtonDisplayText": any;
28451
28830
  "euiToast.dismissToast": any;
28452
28831
  "euiToast.newNotification": any;
28453
28832
  "euiToast.notification": any;