@elastic/eui 93.1.1 → 93.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 (483) hide show
  1. package/dist/eui_theme_dark.css +3 -311
  2. package/dist/eui_theme_dark.min.css +1 -1
  3. package/dist/eui_theme_light.css +3 -311
  4. package/dist/eui_theme_light.min.css +1 -1
  5. package/es/components/avatar/avatar.js +1 -1
  6. package/es/components/badge/badge.js +1 -1
  7. package/es/components/badge/beta_badge/beta_badge.js +1 -1
  8. package/es/components/basic_table/basic_table.js +1 -1
  9. package/es/components/basic_table/in_memory_table.js +1 -1
  10. package/es/components/beacon/beacon.js +2 -3
  11. package/es/components/breadcrumbs/breadcrumb.js +9 -6
  12. package/es/components/breadcrumbs/breadcrumbs.js +4 -2
  13. package/es/components/button/button.js +1 -1
  14. package/es/components/button/button_display/_button_display.js +3 -4
  15. package/es/components/button/button_display/_button_display_content.js +1 -1
  16. package/es/components/button/button_empty/button_empty.js +3 -4
  17. package/es/components/button/button_group/button_group.js +4 -6
  18. package/es/components/button/button_group/button_group.styles.js +10 -13
  19. package/es/components/button/button_group/button_group_button.js +1 -1
  20. package/es/components/button/button_icon/button_icon.js +5 -6
  21. package/es/components/button/button_icon/button_icon.styles.js +11 -3
  22. package/es/components/call_out/call_out.js +1 -1
  23. package/es/components/card/card.js +2 -2
  24. package/es/components/card/card_select/card_select.js +1 -1
  25. package/es/components/code/code.js +2 -3
  26. package/es/components/code/code.styles.js +4 -2
  27. package/es/components/code/code_block.js +10 -12
  28. package/es/components/code/code_block.styles.js +6 -4
  29. package/es/components/code/code_block_controls.js +2 -3
  30. package/es/components/code/code_block_controls.styles.js +4 -2
  31. package/es/components/code/code_block_full_screen.js +2 -3
  32. package/es/components/code/code_syntax.styles.js +33 -38
  33. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  34. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
  35. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  36. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
  37. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
  38. package/es/components/comment_list/comment.js +2 -2
  39. package/es/components/comment_list/comment_event.js +1 -1
  40. package/es/components/comment_list/comment_list.js +2 -2
  41. package/es/components/comment_list/comment_timeline.js +1 -1
  42. package/es/components/datagrid/body/cell/data_grid_cell.js +31 -27
  43. package/es/components/datagrid/body/cell/data_grid_cell_wrapper.js +4 -2
  44. package/es/components/datagrid/body/data_grid_body.js +14 -13
  45. package/es/components/datagrid/body/data_grid_body_custom.js +16 -13
  46. package/es/components/datagrid/body/data_grid_body_virtualized.js +16 -13
  47. package/es/components/datagrid/body/data_grid_row_manager.js +1 -1
  48. package/es/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  49. package/es/components/datagrid/body/header/data_grid_header_row.js +13 -13
  50. package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
  51. package/es/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
  52. package/es/components/datagrid/data_grid.js +3 -1
  53. package/es/components/datagrid/utils/grid_height_width.js +4 -1
  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/facet/facet_button.styles.js +1 -2
  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/form/text_area/text_area.js +2 -2
  66. package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +4 -2
  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/diff.js +33 -0
  72. package/es/components/icon/assets/new_chat.js +37 -0
  73. package/es/components/icon/icon.js +14 -17
  74. package/es/components/icon/icon.styles.js +6 -9
  75. package/es/components/icon/icon_map.js +2 -0
  76. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
  77. package/es/components/link/external_link_icon.js +11 -8
  78. package/es/components/link/link.js +2 -3
  79. package/es/components/link/link.styles.js +4 -10
  80. package/es/components/list_group/list_group.js +2 -2
  81. package/es/components/list_group/list_group_item.js +2 -2
  82. package/es/components/list_group/list_group_item_extra_action.js +1 -1
  83. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  84. package/es/components/loading/loading_logo.js +1 -1
  85. package/es/components/markdown_editor/markdown_editor.js +1 -1
  86. package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  87. package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
  88. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  89. package/es/components/page/page_header/page_header_content.js +5 -3
  90. package/es/components/page/page_sidebar/page_sidebar.js +8 -2
  91. package/es/components/page/page_sidebar/page_sidebar.styles.js +5 -1
  92. package/es/components/page_template/page_template.js +1 -1
  93. package/es/components/pagination/pagination_button.js +1 -1
  94. package/es/components/progress/progress.styles.js +2 -2
  95. package/es/components/selectable/selectable_list/selectable_list.js +1 -1
  96. package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
  97. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  98. package/es/components/side_nav/_side_nav_heading.js +61 -0
  99. package/es/components/side_nav/side_nav.js +63 -88
  100. package/es/components/side_nav/side_nav.styles.js +35 -0
  101. package/es/components/side_nav/side_nav_item.js +51 -50
  102. package/es/components/side_nav/side_nav_item.styles.js +72 -0
  103. package/es/components/skeleton/skeleton_circle.js +2 -3
  104. package/es/components/skeleton/skeleton_rectangle.js +2 -3
  105. package/es/components/skeleton/skeleton_text.js +16 -12
  106. package/es/components/skeleton/skeleton_title.js +2 -3
  107. package/es/components/table/table_header_button.js +1 -1
  108. package/es/components/text/text.js +2 -3
  109. package/es/components/text/text_align.js +1 -2
  110. package/es/components/text/text_align.styles.js +5 -7
  111. package/es/components/text/text_color.js +2 -3
  112. package/es/components/timeline/timeline_item_icon.js +1 -1
  113. package/es/components/title/title.js +2 -3
  114. package/es/components/title/title.styles.js +0 -7
  115. package/es/components/toast/global_toast_list.js +1 -1
  116. package/es/components/toast/toast.js +1 -1
  117. package/es/components/tool_tip/icon_tip.js +1 -1
  118. package/es/global_styling/mixins/_typography.js +17 -6
  119. package/es/services/theme/index.js +1 -0
  120. package/es/services/theme/provider.js +2 -1
  121. package/es/services/theme/style_memoization.js +98 -0
  122. package/es/themes/amsterdam/global_styling/mixins/button.js +47 -24
  123. package/eui.d.ts +238 -112
  124. package/i18ntokens.json +62 -44
  125. package/lib/components/avatar/avatar.js +1 -1
  126. package/lib/components/badge/badge.js +1 -1
  127. package/lib/components/badge/beta_badge/beta_badge.js +1 -1
  128. package/lib/components/basic_table/basic_table.js +1 -1
  129. package/lib/components/basic_table/in_memory_table.js +1 -1
  130. package/lib/components/beacon/beacon.js +1 -2
  131. package/lib/components/breadcrumbs/breadcrumb.js +9 -6
  132. package/lib/components/breadcrumbs/breadcrumbs.js +4 -2
  133. package/lib/components/button/button.js +1 -1
  134. package/lib/components/button/button_display/_button_display.js +2 -3
  135. package/lib/components/button/button_display/_button_display_content.js +1 -1
  136. package/lib/components/button/button_empty/button_empty.js +2 -3
  137. package/lib/components/button/button_group/button_group.js +3 -5
  138. package/lib/components/button/button_group/button_group.styles.js +10 -13
  139. package/lib/components/button/button_group/button_group_button.js +1 -1
  140. package/lib/components/button/button_icon/button_icon.js +4 -5
  141. package/lib/components/button/button_icon/button_icon.styles.js +10 -2
  142. package/lib/components/call_out/call_out.js +1 -1
  143. package/lib/components/card/card.js +2 -2
  144. package/lib/components/card/card_select/card_select.js +1 -1
  145. package/lib/components/code/code.js +1 -2
  146. package/lib/components/code/code.styles.js +4 -2
  147. package/lib/components/code/code_block.js +9 -11
  148. package/lib/components/code/code_block.styles.js +6 -4
  149. package/lib/components/code/code_block_controls.js +1 -2
  150. package/lib/components/code/code_block_controls.styles.js +4 -2
  151. package/lib/components/code/code_block_full_screen.js +1 -2
  152. package/lib/components/code/code_syntax.styles.js +34 -39
  153. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  154. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
  155. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  156. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
  157. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
  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/cell/data_grid_cell.js +31 -27
  163. package/lib/components/datagrid/body/cell/data_grid_cell_wrapper.js +4 -2
  164. package/lib/components/datagrid/body/data_grid_body.js +14 -13
  165. package/lib/components/datagrid/body/data_grid_body_custom.js +16 -13
  166. package/lib/components/datagrid/body/data_grid_body_virtualized.js +16 -13
  167. package/lib/components/datagrid/body/data_grid_row_manager.js +1 -1
  168. package/lib/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  169. package/lib/components/datagrid/body/header/data_grid_header_row.js +13 -13
  170. package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
  171. package/lib/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
  172. package/lib/components/datagrid/data_grid.js +3 -1
  173. package/lib/components/datagrid/utils/grid_height_width.js +4 -1
  174. package/lib/components/datagrid/utils/in_memory.js +12 -12
  175. package/lib/components/date_picker/date_picker.js +2 -2
  176. package/lib/components/date_picker/date_picker_range.js +1 -1
  177. package/lib/components/empty_prompt/empty_prompt.js +1 -1
  178. package/lib/components/facet/facet_button.js +1 -1
  179. package/lib/components/facet/facet_button.styles.js +1 -2
  180. package/lib/components/form/field_number/field_number.js +1 -1
  181. package/lib/components/form/field_text/field_text.js +2 -2
  182. package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
  183. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  184. package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  185. package/lib/components/form/text_area/text_area.js +2 -2
  186. package/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +4 -2
  187. package/lib/components/header/header_links/header_link.js +1 -1
  188. package/lib/components/header/header_links/header_links.js +1 -1
  189. package/lib/components/header/header_logo/header_logo.js +1 -1
  190. package/lib/components/header/header_section/header_section_item_button.js +1 -1
  191. package/lib/components/icon/assets/diff.js +41 -0
  192. package/lib/components/icon/assets/new_chat.js +45 -0
  193. package/lib/components/icon/icon.js +13 -16
  194. package/lib/components/icon/icon.styles.js +5 -8
  195. package/lib/components/icon/icon_map.js +2 -0
  196. package/lib/components/icon/svgs/diff.svg +1 -0
  197. package/lib/components/icon/svgs/new_chat.svg +4 -0
  198. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
  199. package/lib/components/link/external_link_icon.js +10 -7
  200. package/lib/components/link/link.js +1 -2
  201. package/lib/components/link/link.styles.js +6 -14
  202. package/lib/components/list_group/list_group.js +2 -2
  203. package/lib/components/list_group/list_group_item.js +2 -2
  204. package/lib/components/list_group/list_group_item_extra_action.js +1 -1
  205. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  206. package/lib/components/loading/loading_logo.js +1 -1
  207. package/lib/components/markdown_editor/markdown_editor.js +1 -1
  208. package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  209. package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
  210. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  211. package/lib/components/page/page_header/page_header_content.js +5 -3
  212. package/lib/components/page/page_sidebar/page_sidebar.js +8 -2
  213. package/lib/components/page/page_sidebar/page_sidebar.styles.js +5 -1
  214. package/lib/components/page_template/page_template.js +1 -1
  215. package/lib/components/pagination/pagination_button.js +1 -1
  216. package/lib/components/progress/progress.styles.js +1 -1
  217. package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
  218. package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
  219. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  220. package/lib/components/side_nav/_side_nav_heading.js +67 -0
  221. package/lib/components/side_nav/side_nav.js +65 -89
  222. package/lib/components/side_nav/side_nav.styles.js +40 -0
  223. package/lib/components/side_nav/side_nav_item.js +51 -49
  224. package/lib/components/side_nav/side_nav_item.styles.js +78 -0
  225. package/lib/components/skeleton/skeleton_circle.js +1 -2
  226. package/lib/components/skeleton/skeleton_rectangle.js +1 -2
  227. package/lib/components/skeleton/skeleton_text.js +18 -11
  228. package/lib/components/skeleton/skeleton_title.js +1 -2
  229. package/lib/components/table/table_header_button.js +1 -1
  230. package/lib/components/text/text.js +1 -2
  231. package/lib/components/text/text_align.js +1 -2
  232. package/lib/components/text/text_align.styles.js +5 -7
  233. package/lib/components/text/text_color.js +1 -2
  234. package/lib/components/timeline/timeline_item_icon.js +1 -1
  235. package/lib/components/title/title.js +1 -2
  236. package/lib/components/title/title.styles.js +2 -10
  237. package/lib/components/toast/global_toast_list.js +1 -1
  238. package/lib/components/toast/toast.js +1 -1
  239. package/lib/components/tool_tip/icon_tip.js +1 -1
  240. package/lib/global_styling/mixins/_typography.js +27 -19
  241. package/lib/services/theme/index.js +13 -0
  242. package/lib/services/theme/provider.js +2 -1
  243. package/lib/services/theme/style_memoization.js +106 -0
  244. package/lib/themes/amsterdam/global_styling/mixins/button.js +49 -25
  245. package/optimize/es/components/beacon/beacon.js +2 -3
  246. package/optimize/es/components/breadcrumbs/breadcrumb.js +5 -4
  247. package/optimize/es/components/button/button_display/_button_display.js +2 -3
  248. package/optimize/es/components/button/button_empty/button_empty.js +2 -3
  249. package/optimize/es/components/button/button_group/button_group.js +3 -5
  250. package/optimize/es/components/button/button_group/button_group.styles.js +10 -13
  251. package/optimize/es/components/button/button_icon/button_icon.js +4 -5
  252. package/optimize/es/components/button/button_icon/button_icon.styles.js +8 -3
  253. package/optimize/es/components/code/code.js +2 -3
  254. package/optimize/es/components/code/code.styles.js +4 -2
  255. package/optimize/es/components/code/code_block.js +10 -12
  256. package/optimize/es/components/code/code_block.styles.js +6 -4
  257. package/optimize/es/components/code/code_block_controls.js +2 -3
  258. package/optimize/es/components/code/code_block_controls.styles.js +4 -2
  259. package/optimize/es/components/code/code_block_full_screen.js +2 -3
  260. package/optimize/es/components/code/code_syntax.styles.js +33 -38
  261. package/optimize/es/components/datagrid/body/cell/data_grid_cell.js +5 -3
  262. package/optimize/es/components/datagrid/body/cell/data_grid_cell_wrapper.js +4 -2
  263. package/optimize/es/components/datagrid/body/data_grid_body_custom.js +2 -0
  264. package/optimize/es/components/datagrid/body/data_grid_body_virtualized.js +2 -0
  265. package/optimize/es/components/datagrid/body/data_grid_row_manager.js +1 -1
  266. package/optimize/es/components/datagrid/data_grid.js +3 -1
  267. package/optimize/es/components/datagrid/utils/grid_height_width.js +4 -1
  268. package/optimize/es/components/facet/facet_button.styles.js +1 -2
  269. package/optimize/es/components/icon/assets/diff.js +32 -0
  270. package/optimize/es/components/icon/assets/new_chat.js +36 -0
  271. package/optimize/es/components/icon/icon.js +13 -16
  272. package/optimize/es/components/icon/icon.styles.js +6 -9
  273. package/optimize/es/components/icon/icon_map.js +2 -0
  274. package/optimize/es/components/link/external_link_icon.js +11 -8
  275. package/optimize/es/components/link/link.js +2 -3
  276. package/optimize/es/components/link/link.styles.js +4 -10
  277. package/optimize/es/components/page/page_sidebar/page_sidebar.js +4 -2
  278. package/optimize/es/components/page/page_sidebar/page_sidebar.styles.js +5 -1
  279. package/optimize/es/components/page_template/page_template.js +1 -1
  280. package/optimize/es/components/progress/progress.styles.js +2 -2
  281. package/optimize/es/components/side_nav/_side_nav_heading.js +47 -0
  282. package/optimize/es/components/side_nav/side_nav.js +61 -72
  283. package/optimize/es/components/side_nav/side_nav.styles.js +35 -0
  284. package/optimize/es/components/side_nav/side_nav_item.js +51 -50
  285. package/optimize/es/components/side_nav/side_nav_item.styles.js +69 -0
  286. package/optimize/es/components/skeleton/skeleton_circle.js +2 -3
  287. package/optimize/es/components/skeleton/skeleton_rectangle.js +2 -3
  288. package/optimize/es/components/skeleton/skeleton_text.js +16 -12
  289. package/optimize/es/components/skeleton/skeleton_title.js +2 -3
  290. package/optimize/es/components/text/text.js +2 -3
  291. package/optimize/es/components/text/text_align.js +1 -2
  292. package/optimize/es/components/text/text_align.styles.js +5 -7
  293. package/optimize/es/components/text/text_color.js +2 -3
  294. package/optimize/es/components/title/title.js +2 -3
  295. package/optimize/es/components/title/title.styles.js +0 -7
  296. package/optimize/es/global_styling/mixins/_typography.js +14 -6
  297. package/optimize/es/services/theme/index.js +1 -0
  298. package/optimize/es/services/theme/provider.js +2 -1
  299. package/optimize/es/services/theme/style_memoization.js +93 -0
  300. package/optimize/es/themes/amsterdam/global_styling/mixins/button.js +47 -24
  301. package/optimize/lib/components/beacon/beacon.js +1 -2
  302. package/optimize/lib/components/breadcrumbs/breadcrumb.js +5 -4
  303. package/optimize/lib/components/button/button_display/_button_display.js +1 -2
  304. package/optimize/lib/components/button/button_empty/button_empty.js +1 -2
  305. package/optimize/lib/components/button/button_group/button_group.js +2 -4
  306. package/optimize/lib/components/button/button_group/button_group.styles.js +10 -13
  307. package/optimize/lib/components/button/button_icon/button_icon.js +3 -4
  308. package/optimize/lib/components/button/button_icon/button_icon.styles.js +8 -2
  309. package/optimize/lib/components/code/code.js +1 -2
  310. package/optimize/lib/components/code/code.styles.js +4 -2
  311. package/optimize/lib/components/code/code_block.js +9 -11
  312. package/optimize/lib/components/code/code_block.styles.js +6 -4
  313. package/optimize/lib/components/code/code_block_controls.js +1 -2
  314. package/optimize/lib/components/code/code_block_controls.styles.js +4 -2
  315. package/optimize/lib/components/code/code_block_full_screen.js +1 -2
  316. package/optimize/lib/components/code/code_syntax.styles.js +34 -39
  317. package/optimize/lib/components/datagrid/body/cell/data_grid_cell.js +5 -3
  318. package/optimize/lib/components/datagrid/body/cell/data_grid_cell_wrapper.js +4 -2
  319. package/optimize/lib/components/datagrid/body/data_grid_body_custom.js +2 -0
  320. package/optimize/lib/components/datagrid/body/data_grid_body_virtualized.js +2 -0
  321. package/optimize/lib/components/datagrid/body/data_grid_row_manager.js +1 -1
  322. package/optimize/lib/components/datagrid/data_grid.js +3 -1
  323. package/optimize/lib/components/datagrid/utils/grid_height_width.js +4 -1
  324. package/optimize/lib/components/facet/facet_button.styles.js +1 -2
  325. package/optimize/lib/components/icon/assets/diff.js +41 -0
  326. package/optimize/lib/components/icon/assets/new_chat.js +45 -0
  327. package/optimize/lib/components/icon/icon.js +12 -15
  328. package/optimize/lib/components/icon/icon.styles.js +5 -8
  329. package/optimize/lib/components/icon/icon_map.js +2 -0
  330. package/optimize/lib/components/icon/svgs/diff.svg +1 -0
  331. package/optimize/lib/components/icon/svgs/new_chat.svg +4 -0
  332. package/optimize/lib/components/link/external_link_icon.js +10 -7
  333. package/optimize/lib/components/link/link.js +1 -2
  334. package/optimize/lib/components/link/link.styles.js +6 -14
  335. package/optimize/lib/components/page/page_sidebar/page_sidebar.js +4 -2
  336. package/optimize/lib/components/page/page_sidebar/page_sidebar.styles.js +5 -1
  337. package/optimize/lib/components/page_template/page_template.js +1 -1
  338. package/optimize/lib/components/progress/progress.styles.js +1 -1
  339. package/optimize/lib/components/side_nav/_side_nav_heading.js +53 -0
  340. package/optimize/lib/components/side_nav/side_nav.js +63 -73
  341. package/optimize/lib/components/side_nav/side_nav.styles.js +40 -0
  342. package/optimize/lib/components/side_nav/side_nav_item.js +51 -49
  343. package/optimize/lib/components/side_nav/side_nav_item.styles.js +76 -0
  344. package/optimize/lib/components/skeleton/skeleton_circle.js +1 -2
  345. package/optimize/lib/components/skeleton/skeleton_rectangle.js +1 -2
  346. package/optimize/lib/components/skeleton/skeleton_text.js +18 -11
  347. package/optimize/lib/components/skeleton/skeleton_title.js +1 -2
  348. package/optimize/lib/components/text/text.js +1 -2
  349. package/optimize/lib/components/text/text_align.js +1 -2
  350. package/optimize/lib/components/text/text_align.styles.js +5 -7
  351. package/optimize/lib/components/text/text_color.js +1 -2
  352. package/optimize/lib/components/title/title.js +1 -2
  353. package/optimize/lib/components/title/title.styles.js +2 -10
  354. package/optimize/lib/global_styling/mixins/_typography.js +25 -19
  355. package/optimize/lib/services/theme/index.js +13 -0
  356. package/optimize/lib/services/theme/provider.js +2 -1
  357. package/optimize/lib/services/theme/style_memoization.js +106 -0
  358. package/optimize/lib/themes/amsterdam/global_styling/mixins/button.js +49 -26
  359. package/package.json +3 -3
  360. package/src/components/datagrid/_data_grid_data_row.scss +4 -0
  361. package/src/components/index.scss +0 -1
  362. package/src/themes/amsterdam/overrides/_index.scss +0 -1
  363. package/test-env/components/avatar/avatar.js +1 -1
  364. package/test-env/components/badge/badge.js +1 -1
  365. package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
  366. package/test-env/components/basic_table/basic_table.js +1 -1
  367. package/test-env/components/basic_table/in_memory_table.js +1 -1
  368. package/test-env/components/beacon/beacon.js +1 -2
  369. package/test-env/components/breadcrumbs/breadcrumb.js +9 -6
  370. package/test-env/components/breadcrumbs/breadcrumbs.js +4 -2
  371. package/test-env/components/button/button.js +1 -1
  372. package/test-env/components/button/button_display/_button_display.js +2 -3
  373. package/test-env/components/button/button_display/_button_display_content.js +1 -1
  374. package/test-env/components/button/button_empty/button_empty.js +2 -3
  375. package/test-env/components/button/button_group/button_group.js +3 -5
  376. package/test-env/components/button/button_group/button_group.styles.js +10 -13
  377. package/test-env/components/button/button_group/button_group_button.js +1 -1
  378. package/test-env/components/button/button_icon/button_icon.js +4 -5
  379. package/test-env/components/button/button_icon/button_icon.styles.js +8 -2
  380. package/test-env/components/call_out/call_out.js +1 -1
  381. package/test-env/components/card/card.js +2 -2
  382. package/test-env/components/card/card_select/card_select.js +1 -1
  383. package/test-env/components/code/code.styles.js +4 -2
  384. package/test-env/components/code/code_block.styles.js +6 -4
  385. package/test-env/components/code/code_block_controls.js +1 -2
  386. package/test-env/components/code/code_block_controls.styles.js +4 -2
  387. package/test-env/components/code/code_block_full_screen.js +1 -2
  388. package/test-env/components/code/code_syntax.styles.js +34 -39
  389. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  390. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
  391. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  392. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
  393. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
  394. package/test-env/components/comment_list/comment.js +2 -2
  395. package/test-env/components/comment_list/comment_event.js +1 -1
  396. package/test-env/components/comment_list/comment_list.js +2 -2
  397. package/test-env/components/comment_list/comment_timeline.js +1 -1
  398. package/test-env/components/datagrid/body/cell/data_grid_cell.js +31 -27
  399. package/test-env/components/datagrid/body/cell/data_grid_cell_wrapper.js +4 -2
  400. package/test-env/components/datagrid/body/data_grid_body.js +14 -13
  401. package/test-env/components/datagrid/body/data_grid_body_custom.js +16 -13
  402. package/test-env/components/datagrid/body/data_grid_body_virtualized.js +16 -13
  403. package/test-env/components/datagrid/body/data_grid_row_manager.js +1 -1
  404. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  405. package/test-env/components/datagrid/body/header/data_grid_header_row.js +13 -13
  406. package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
  407. package/test-env/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
  408. package/test-env/components/datagrid/data_grid.js +3 -1
  409. package/test-env/components/datagrid/utils/grid_height_width.js +4 -1
  410. package/test-env/components/datagrid/utils/in_memory.js +12 -12
  411. package/test-env/components/date_picker/date_picker.js +2 -2
  412. package/test-env/components/date_picker/date_picker_range.js +1 -1
  413. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  414. package/test-env/components/facet/facet_button.js +1 -1
  415. package/test-env/components/facet/facet_button.styles.js +1 -2
  416. package/test-env/components/form/field_number/field_number.js +1 -1
  417. package/test-env/components/form/field_text/field_text.js +2 -2
  418. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
  419. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  420. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  421. package/test-env/components/form/text_area/text_area.js +2 -2
  422. package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.js +4 -2
  423. package/test-env/components/header/header_links/header_link.js +1 -1
  424. package/test-env/components/header/header_links/header_links.js +1 -1
  425. package/test-env/components/header/header_logo/header_logo.js +1 -1
  426. package/test-env/components/header/header_section/header_section_item_button.js +1 -1
  427. package/test-env/components/icon/assets/diff.js +41 -0
  428. package/test-env/components/icon/assets/new_chat.js +45 -0
  429. package/test-env/components/icon/icon.styles.js +5 -8
  430. package/test-env/components/icon/icon_map.js +2 -0
  431. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
  432. package/test-env/components/link/external_link_icon.js +10 -7
  433. package/test-env/components/link/link.js +1 -2
  434. package/test-env/components/link/link.styles.js +6 -14
  435. package/test-env/components/list_group/list_group.js +2 -2
  436. package/test-env/components/list_group/list_group_item.js +2 -2
  437. package/test-env/components/list_group/list_group_item_extra_action.js +1 -1
  438. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  439. package/test-env/components/loading/loading_logo.js +1 -1
  440. package/test-env/components/markdown_editor/markdown_editor.js +1 -1
  441. package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  442. package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
  443. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  444. package/test-env/components/page/page_header/page_header_content.js +5 -3
  445. package/test-env/components/page/page_sidebar/page_sidebar.js +8 -2
  446. package/test-env/components/page/page_sidebar/page_sidebar.styles.js +5 -1
  447. package/test-env/components/page_template/page_template.js +1 -1
  448. package/test-env/components/pagination/pagination_button.js +1 -1
  449. package/test-env/components/progress/progress.styles.js +1 -1
  450. package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
  451. package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
  452. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  453. package/test-env/components/side_nav/_side_nav_heading.js +66 -0
  454. package/test-env/components/side_nav/side_nav.js +65 -89
  455. package/test-env/components/side_nav/side_nav.styles.js +40 -0
  456. package/test-env/components/side_nav/side_nav_item.js +51 -49
  457. package/test-env/components/side_nav/side_nav_item.styles.js +76 -0
  458. package/test-env/components/skeleton/skeleton_circle.js +1 -2
  459. package/test-env/components/skeleton/skeleton_rectangle.js +1 -2
  460. package/test-env/components/skeleton/skeleton_text.js +18 -11
  461. package/test-env/components/skeleton/skeleton_title.js +1 -2
  462. package/test-env/components/table/table_header_button.js +1 -1
  463. package/test-env/components/text/text.js +1 -2
  464. package/test-env/components/text/text_align.js +1 -2
  465. package/test-env/components/text/text_align.styles.js +5 -7
  466. package/test-env/components/text/text_color.js +1 -2
  467. package/test-env/components/timeline/timeline_item_icon.js +1 -1
  468. package/test-env/components/title/title.js +1 -2
  469. package/test-env/components/title/title.styles.js +2 -10
  470. package/test-env/components/toast/global_toast_list.js +1 -1
  471. package/test-env/components/toast/toast.js +1 -1
  472. package/test-env/components/tool_tip/icon_tip.js +1 -1
  473. package/test-env/global_styling/mixins/_typography.js +25 -19
  474. package/test-env/services/theme/index.js +13 -0
  475. package/test-env/services/theme/provider.js +2 -1
  476. package/test-env/services/theme/style_memoization.js +106 -0
  477. package/test-env/themes/amsterdam/global_styling/mixins/button.js +49 -26
  478. package/src/components/side_nav/_index.scss +0 -5
  479. package/src/components/side_nav/_mixins.scss +0 -7
  480. package/src/components/side_nav/_side_nav.scss +0 -47
  481. package/src/components/side_nav/_side_nav_item.scss +0 -181
  482. package/src/components/side_nav/_variables.scss +0 -15
  483. package/src/themes/amsterdam/overrides/_side_nav.scss +0 -17
package/eui.d.ts CHANGED
@@ -1520,7 +1520,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_states' {
1520
1520
  declare module '@elastic/eui/src/global_styling/mixins/_typography' {
1521
1521
  import { CSSProperties } from 'react';
1522
1522
  import { _FontScaleOptions } from '@elastic/eui/src/global_styling/functions/typography';
1523
- import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks';
1523
+ import { UseEuiTheme } from '@elastic/eui/src/services/theme';
1524
1524
  import { _EuiThemeFontScale } from '@elastic/eui/src/global_styling/variables/typography';
1525
1525
  export type EuiThemeFontSize = {
1526
1526
  fontSize: CSSProperties['fontSize'];
@@ -1544,7 +1544,6 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
1544
1544
  * Fixed-width numbers for tabular data
1545
1545
  */
1546
1546
  export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
1547
- export const useEuiNumberFormat: () => string;
1548
1547
 
1549
1548
  }
1550
1549
  declare module '@elastic/eui/src/services/breakpoint/_sorting' {
@@ -1662,7 +1661,6 @@ declare module '@elastic/eui/src/components/title/title.styles' {
1662
1661
  color: CSSProperties['color'];
1663
1662
  };
1664
1663
  export const euiTitle: (euiThemeContext: UseEuiTheme, scale?: EuiTitleSize, options?: _FontScaleOptions | undefined) => EuiThemeTitle;
1665
- export const useEuiTitle: (scale: EuiTitleSize, options?: _FontScaleOptions | undefined) => EuiThemeTitle;
1666
1664
  /**
1667
1665
  * Styles
1668
1666
  */
@@ -1705,8 +1703,6 @@ declare module '@elastic/eui/src/components/title' {
1705
1703
  }
1706
1704
  declare module '@elastic/eui/src/components/link/link.styles' {
1707
1705
  import { UseEuiTheme } from '@elastic/eui/src/services';
1708
- export const euiLinkHoverCSS: () => string;
1709
- export const euiLinkFocusCSS: (euiTheme: UseEuiTheme['euiTheme']) => string;
1710
1706
  export const euiLinkCSS: (euiThemeContext: UseEuiTheme) => string;
1711
1707
  export const euiLinkStyles: (euiThemeContext: UseEuiTheme) => {
1712
1708
  euiLink: import("@emotion/utils").SerializedStyles;
@@ -1788,7 +1784,7 @@ declare module '@elastic/eui/src/components/text/text_color' {
1788
1784
 
1789
1785
  }
1790
1786
  declare module '@elastic/eui/src/components/text/text_align.styles' {
1791
- export const euiTextAlignStyles: () => {
1787
+ export const euiTextAlignStyles: {
1792
1788
  euiTextAlign: import("@emotion/utils").SerializedStyles;
1793
1789
  left: import("@emotion/utils").SerializedStyles;
1794
1790
  right: import("@emotion/utils").SerializedStyles;
@@ -2167,6 +2163,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
2167
2163
  database: string;
2168
2164
  desktop: string;
2169
2165
  devToolsApp: string;
2166
+ diff: string;
2170
2167
  discoverApp: string;
2171
2168
  discuss: string;
2172
2169
  document: string;
@@ -2388,6 +2385,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
2388
2385
  moon: string;
2389
2386
  namespace: string;
2390
2387
  nested: string;
2388
+ newChat: string;
2391
2389
  node: string;
2392
2390
  notebookApp: string;
2393
2391
  number: string;
@@ -2638,10 +2636,10 @@ declare module '@elastic/eui/src/components/icon/icon' {
2638
2636
  import React, { PureComponent, ComponentType, SVGAttributes } from 'react';
2639
2637
  import { CommonProps } from '@elastic/eui/src/components/common';
2640
2638
  import { typeToPathMap } from '@elastic/eui/src/components/icon/icon_map';
2641
- import { WithEuiThemeProps } from '@elastic/eui/src/services';
2639
+ import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
2642
2640
  export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
2643
2641
  import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
2644
- export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "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" | "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" | "endpoint" | "eql" | "eraser" | "esqlVis" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "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" | "palette" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "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" | "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" | "tokenVectorDense" | "tokenVectorSparse" | "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" | "tokenDenseVector")[];
2642
+ export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "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" | "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" | "diff" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "endpoint" | "eql" | "eraser" | "esqlVis" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "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" | "palette" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "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" | "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" | "tokenVectorDense" | "tokenVectorSparse" | "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" | "newChat" | "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" | "tokenDenseVector")[];
2645
2643
  export type EuiIconType = keyof typeof typeToPathMap;
2646
2644
  export type IconType = EuiIconType | string | ComponentType;
2647
2645
  export type IconColor = string | NamedColor;
@@ -2684,13 +2682,13 @@ declare module '@elastic/eui/src/components/icon/icon' {
2684
2682
  isLoading: boolean;
2685
2683
  neededLoading: boolean;
2686
2684
  }
2687
- export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "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" | "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" | "endpoint" | "eql" | "eraser" | "esqlVis" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "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" | "palette" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "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" | "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" | "tokenVectorDense" | "tokenVectorSparse" | "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" | "tokenDenseVector" | undefined) => void;
2685
+ export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "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" | "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" | "diff" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "endpoint" | "eql" | "eraser" | "esqlVis" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "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" | "palette" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "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" | "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" | "tokenVectorDense" | "tokenVectorSparse" | "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" | "newChat" | "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" | "tokenDenseVector" | undefined) => void;
2688
2686
  export const appendIconComponentCache: (iconTypeToIconComponentMap: {
2689
2687
  [iconType: string]: React.ComponentType<{}>;
2690
2688
  }) => void;
2691
- export class EuiIconClass extends PureComponent<EuiIconProps & WithEuiThemeProps, State> {
2689
+ export class EuiIconClass extends PureComponent<EuiIconProps & WithEuiStylesMemoizerProps, State> {
2692
2690
  isMounted: boolean;
2693
- constructor(props: EuiIconProps & WithEuiThemeProps);
2691
+ constructor(props: EuiIconProps & WithEuiStylesMemoizerProps);
2694
2692
  componentDidMount(): void;
2695
2693
  componentDidUpdate(prevProps: EuiIconProps): void;
2696
2694
  componentWillUnmount(): void;
@@ -2698,7 +2696,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
2698
2696
  onIconLoad: () => void;
2699
2697
  render(): React.JSX.Element;
2700
2698
  }
2701
- export const EuiIcon: React.ForwardRefExoticComponent<Omit<EuiIconProps, "theme"> & React.RefAttributes<Omit<EuiIconProps, "theme">>>;
2699
+ export const EuiIcon: React.ForwardRefExoticComponent<Omit<EuiIconProps, "stylesMemoizer"> & React.RefAttributes<Omit<EuiIconProps, "stylesMemoizer">>>;
2702
2700
 
2703
2701
  }
2704
2702
  declare module '@elastic/eui/src/components/icon' {
@@ -3241,10 +3239,12 @@ declare module '@elastic/eui/src/components/form/field_number' {
3241
3239
 
3242
3240
  }
3243
3241
  declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button' {
3242
+ import { type SerializedStyles } from '@emotion/react';
3244
3243
  import { UseEuiTheme } from '@elastic/eui/src/services';
3245
3244
  export const BUTTON_COLORS: readonly ["text", "accent", "primary", "success", "warning", "danger"];
3246
3245
  export type _EuiButtonColor = (typeof BUTTON_COLORS)[number];
3247
- export type _EuiButtonDisplay = 'base' | 'fill' | 'empty';
3246
+ export const BUTTON_DISPLAYS: readonly ["base", "fill", "empty"];
3247
+ export type _EuiButtonDisplay = (typeof BUTTON_DISPLAYS)[number];
3248
3248
  export interface _EuiButtonOptions {
3249
3249
  display?: _EuiButtonDisplay;
3250
3250
  }
@@ -3283,20 +3283,12 @@ declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button'
3283
3283
  * @param options Button display type
3284
3284
  * @returns An object of `_EuiButtonColor` keys including `disabled`
3285
3285
  */
3286
- export const useEuiButtonColorCSS: (options?: _EuiButtonOptions) => {
3287
- text: import("@emotion/utils").SerializedStyles;
3288
- accent: import("@emotion/utils").SerializedStyles;
3289
- primary: import("@emotion/utils").SerializedStyles;
3290
- success: import("@emotion/utils").SerializedStyles;
3291
- warning: import("@emotion/utils").SerializedStyles;
3292
- danger: import("@emotion/utils").SerializedStyles;
3293
- disabled: import("@emotion/utils").SerializedStyles;
3294
- };
3286
+ export const useEuiButtonColorCSS: (options?: _EuiButtonOptions) => Record<"text" | "disabled" | "accent" | "primary" | "success" | "warning" | "danger", SerializedStyles>;
3295
3287
  /**
3296
3288
  * Creates the translate animation when button is in focus.
3297
3289
  * @returns string
3298
3290
  */
3299
- export const useEuiButtonFocusCSS: () => string;
3291
+ export const useEuiButtonFocusCSS: () => any;
3300
3292
  /**
3301
3293
  * Map of `size` props to various sizings/scales
3302
3294
  * that should remain consistent across all buttons
@@ -3627,16 +3619,16 @@ declare module '@elastic/eui/src/components/button/button_empty' {
3627
3619
 
3628
3620
  }
3629
3621
  declare module '@elastic/eui/src/components/button/button_icon/button_icon.styles' {
3622
+ import { type SerializedStyles } from '@emotion/react';
3630
3623
  import { UseEuiTheme } from '@elastic/eui/src/services';
3631
- import { _EuiButtonColor } from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button';
3632
3624
  export const euiButtonIconStyles: (euiThemeContext: UseEuiTheme) => {
3633
- euiButtonIcon: import("@emotion/utils").SerializedStyles;
3634
- isDisabled: import("@emotion/utils").SerializedStyles;
3635
- xs: import("@emotion/utils").SerializedStyles;
3636
- s: import("@emotion/utils").SerializedStyles;
3637
- m: import("@emotion/utils").SerializedStyles;
3625
+ euiButtonIcon: SerializedStyles;
3626
+ isDisabled: SerializedStyles;
3627
+ xs: SerializedStyles;
3628
+ s: SerializedStyles;
3629
+ m: SerializedStyles;
3638
3630
  };
3639
- export const _emptyHoverStyles: (euiThemeContext: UseEuiTheme, color: _EuiButtonColor) => import("@emotion/utils").SerializedStyles;
3631
+ export const _emptyHoverStyles: (euiThemeContext: UseEuiTheme) => Record<"text" | "accent" | "primary" | "success" | "warning" | "danger", SerializedStyles>;
3640
3632
 
3641
3633
  }
3642
3634
  declare module '@elastic/eui/src/components/button/button_icon/button_icon' {
@@ -3820,7 +3812,7 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
3820
3812
  }
3821
3813
  declare module '@elastic/eui/src/components/button/button_group/button_group.styles' {
3822
3814
  import { UseEuiTheme } from '@elastic/eui/src/services';
3823
- export const euiButtonGroupStyles: () => {
3815
+ export const euiButtonGroupStyles: {
3824
3816
  euiButtonGroup: import("@emotion/utils").SerializedStyles;
3825
3817
  fullWidth: import("@emotion/utils").SerializedStyles;
3826
3818
  };
@@ -8203,6 +8195,75 @@ declare module '@elastic/eui/src/services/theme/emotion' {
8203
8195
  */
8204
8196
  export const EuiEmotionThemeProvider: FunctionComponent<PropsWithChildren<{}>>;
8205
8197
 
8198
+ }
8199
+ declare module '@elastic/eui/src/services/hooks/useUpdateEffect' {
8200
+ export const useUpdateEffect: (effect: Function, deps: unknown[]) => void;
8201
+
8202
+ }
8203
+ declare module '@elastic/eui/src/services/hooks/useDependentState' {
8204
+
8205
+ export function useDependentState<T>(valueFn: (previousState: undefined | T) => T, deps: unknown[]): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];
8206
+
8207
+ }
8208
+ declare module '@elastic/eui/src/services/hooks/useForceRender' {
8209
+ export const useForceRender: () => () => void;
8210
+
8211
+ }
8212
+ declare module '@elastic/eui/src/services/hooks/useLatest' {
8213
+ import { MutableRefObject } from 'react';
8214
+ /**
8215
+ * Wraps the given `value` into a `MutableRefObject` and keeps the `current`
8216
+ * value up-to-date on every render cycle.
8217
+ */
8218
+ export function useLatest<Value>(value: Value): MutableRefObject<Value | null>;
8219
+
8220
+ }
8221
+ declare module '@elastic/eui/src/services/throttle' {
8222
+ export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
8223
+
8224
+ }
8225
+ declare module '@elastic/eui/src/services/hooks/useMouseMove' {
8226
+ import { MouseEvent, TouchEvent } from 'react';
8227
+ export function isMouseEvent<T = HTMLDivElement>(event: MouseEvent<T> | TouchEvent<T>): event is MouseEvent<T>;
8228
+ export function useMouseMove<T = HTMLDivElement>(handleChange: (location: {
8229
+ x: number;
8230
+ y: number;
8231
+ }, isFirstInteraction?: boolean) => void, interactionConditional?: any): [
8232
+ (e: MouseEvent<T>) => void,
8233
+ (e: MouseEvent<T> | TouchEvent<T>, isFirstInteraction?: boolean) => void
8234
+ ];
8235
+
8236
+ }
8237
+ declare module '@elastic/eui/src/services/hooks' {
8238
+ export * from '@elastic/eui/src/services/hooks/useDependentState';
8239
+ export * from '@elastic/eui/src/services/hooks/useCombinedRefs';
8240
+ export * from '@elastic/eui/src/services/hooks/useForceRender';
8241
+ export * from '@elastic/eui/src/services/hooks/useLatest';
8242
+ export * from '@elastic/eui/src/services/hooks/useMouseMove';
8243
+ export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
8244
+
8245
+ }
8246
+ declare module '@elastic/eui/src/services/theme/style_memoization' {
8247
+ import React, { FunctionComponent, PropsWithChildren } from 'react';
8248
+ import type { SerializedStyles, CSSObject } from '@emotion/react';
8249
+ import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks'; type Styles = SerializedStyles | CSSObject | string | null; type StylesMaps = Record<string, Styles | Record<string, Styles>>; type MemoizedStylesMap = WeakMap<Function, StylesMaps>;
8250
+ export const EuiThemeMemoizedStylesContext: React.Context<MemoizedStylesMap>;
8251
+ export const EuiThemeMemoizedStylesProvider: FunctionComponent<PropsWithChildren>;
8252
+ /**
8253
+ * Hook that memoizes the returned values of components style fns/generators
8254
+ * per-theme
8255
+ */
8256
+ export const useEuiMemoizedStyles: <T extends (theme: UseEuiTheme) => StylesMaps>(stylesGenerator: T) => ReturnType<T>;
8257
+ /**
8258
+ * HOC for class components
8259
+ * Syntax is mostly copied from withEuiTheme HOC
8260
+ */
8261
+ export interface WithEuiStylesMemoizerProps {
8262
+ stylesMemoizer: typeof useEuiMemoizedStyles;
8263
+ }
8264
+ export const withEuiStylesMemoizer: <T extends {} = {}>(Component: React.ComponentType<T & WithEuiStylesMemoizerProps>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "stylesMemoizer">> & React.RefAttributes<Omit<T, "stylesMemoizer">>>;
8265
+ export {};
8266
+
8206
8267
  }
8207
8268
  declare module '@elastic/eui/src/services/theme/provider' {
8208
8269
  import React, { PropsWithChildren, HTMLAttributes } from 'react';
@@ -8236,15 +8297,12 @@ declare module '@elastic/eui/src/services/theme' {
8236
8297
  export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, } from '@elastic/eui/src/services/theme/hooks';
8237
8298
  export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
8238
8299
  export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
8300
+ export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, } from '@elastic/eui/src/services/theme/style_memoization';
8239
8301
  export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
8240
8302
  export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
8241
8303
  export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
8242
8304
  export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
8243
8305
 
8244
- }
8245
- declare module '@elastic/eui/src/services/throttle' {
8246
- export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
8247
-
8248
8306
  }
8249
8307
  declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
8250
8308
  import React, { FunctionComponent, PropsWithChildren } from 'react';
@@ -8416,49 +8474,6 @@ declare module '@elastic/eui/src/services/format' {
8416
8474
  export { formatNumber } from '@elastic/eui/src/services/format/format_number';
8417
8475
  export { formatText } from '@elastic/eui/src/services/format/format_text';
8418
8476
 
8419
- }
8420
- declare module '@elastic/eui/src/services/hooks/useUpdateEffect' {
8421
- export const useUpdateEffect: (effect: Function, deps: unknown[]) => void;
8422
-
8423
- }
8424
- declare module '@elastic/eui/src/services/hooks/useDependentState' {
8425
-
8426
- export function useDependentState<T>(valueFn: (previousState: undefined | T) => T, deps: unknown[]): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];
8427
-
8428
- }
8429
- declare module '@elastic/eui/src/services/hooks/useForceRender' {
8430
- export const useForceRender: () => () => void;
8431
-
8432
- }
8433
- declare module '@elastic/eui/src/services/hooks/useLatest' {
8434
- import { MutableRefObject } from 'react';
8435
- /**
8436
- * Wraps the given `value` into a `MutableRefObject` and keeps the `current`
8437
- * value up-to-date on every render cycle.
8438
- */
8439
- export function useLatest<Value>(value: Value): MutableRefObject<Value | null>;
8440
-
8441
- }
8442
- declare module '@elastic/eui/src/services/hooks/useMouseMove' {
8443
- import { MouseEvent, TouchEvent } from 'react';
8444
- export function isMouseEvent<T = HTMLDivElement>(event: MouseEvent<T> | TouchEvent<T>): event is MouseEvent<T>;
8445
- export function useMouseMove<T = HTMLDivElement>(handleChange: (location: {
8446
- x: number;
8447
- y: number;
8448
- }, isFirstInteraction?: boolean) => void, interactionConditional?: any): [
8449
- (e: MouseEvent<T>) => void,
8450
- (e: MouseEvent<T> | TouchEvent<T>, isFirstInteraction?: boolean) => void
8451
- ];
8452
-
8453
- }
8454
- declare module '@elastic/eui/src/services/hooks' {
8455
- export * from '@elastic/eui/src/services/hooks/useDependentState';
8456
- export * from '@elastic/eui/src/services/hooks/useCombinedRefs';
8457
- export * from '@elastic/eui/src/services/hooks/useForceRender';
8458
- export * from '@elastic/eui/src/services/hooks/useLatest';
8459
- export * from '@elastic/eui/src/services/hooks/useMouseMove';
8460
- export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
8461
-
8462
8477
  }
8463
8478
  declare module '@elastic/eui/src/services/paging/pager' {
8464
8479
  export class Pager {
@@ -9793,12 +9808,14 @@ declare module '@elastic/eui/src/components/breadcrumbs/breadcrumb' {
9793
9808
  */
9794
9809
  'aria-current'?: AriaAttributes['aria-current'];
9795
9810
  /**
9796
- * Creates a breadcrumb that toggles a popover dialog
9811
+ * Creates a breadcrumb that toggles a popover dialog. Takes any rendered node(s),
9812
+ * or a render function that will pass callback allowing you to close the
9813
+ * breadcrumb popover from within your popover content.
9797
9814
  *
9798
9815
  * If passed, both `href` and `onClick` will be ignored - the breadcrumb's
9799
9816
  * click behavior should only trigger a popover.
9800
9817
  */
9801
- popoverContent?: ReactNode;
9818
+ popoverContent?: ReactNode | ((closePopover: () => void) => ReactNode);
9802
9819
  /**
9803
9820
  * Allows customizing the popover if necessary. Accepts any props that
9804
9821
  * [EuiPopover](/#/layout/popover) accepts, except for props that control state.
@@ -10200,7 +10217,8 @@ declare module '@elastic/eui/src/components/code/utils' {
10200
10217
 
10201
10218
  }
10202
10219
  declare module '@elastic/eui/src/components/code/code_syntax.styles' {
10203
- export const useEuiCodeSyntaxVariables: () => {
10220
+ import { UseEuiTheme } from '@elastic/eui/src/services';
10221
+ export const euiCodeSyntaxVariables: ({ euiTheme }: UseEuiTheme) => {
10204
10222
  backgroundColor: string;
10205
10223
  color: string;
10206
10224
  inlineCodeColor: string;
@@ -10226,13 +10244,11 @@ declare module '@elastic/eui/src/components/code/code_syntax.styles' {
10226
10244
  selectorIdColor: string;
10227
10245
  readonly tokensCss: string;
10228
10246
  };
10229
- export type UseEuiCodeSyntaxVariables = ReturnType<typeof useEuiCodeSyntaxVariables>;
10230
10247
 
10231
10248
  }
10232
10249
  declare module '@elastic/eui/src/components/code/code.styles' {
10233
10250
  import { UseEuiTheme } from '@elastic/eui/src/services';
10234
- import { UseEuiCodeSyntaxVariables } from '@elastic/eui/src/components/code/code_syntax.styles';
10235
- export const euiCodeStyles: (euiThemeContext: UseEuiTheme, euiCodeSyntaxVariables: UseEuiCodeSyntaxVariables) => {
10251
+ export const euiCodeStyles: (euiThemeContext: UseEuiTheme) => {
10236
10252
  euiCode: import("@emotion/utils").SerializedStyles;
10237
10253
  transparentBackground: import("@emotion/utils").SerializedStyles;
10238
10254
  };
@@ -10363,8 +10379,7 @@ declare module '@elastic/eui/src/components/overlay_mask' {
10363
10379
  }
10364
10380
  declare module '@elastic/eui/src/components/code/code_block.styles' {
10365
10381
  import { UseEuiTheme } from '@elastic/eui/src/services';
10366
- import { UseEuiCodeSyntaxVariables } from '@elastic/eui/src/components/code/code_syntax.styles';
10367
- export const euiCodeBlockStyles: (euiThemeContext: UseEuiTheme, euiCodeSyntaxVariables: UseEuiCodeSyntaxVariables) => {
10382
+ export const euiCodeBlockStyles: (euiThemeContext: UseEuiTheme) => {
10368
10383
  euiCodeBlock: import("@emotion/utils").SerializedStyles;
10369
10384
  s: import("@emotion/utils").SerializedStyles;
10370
10385
  m: import("@emotion/utils").SerializedStyles;
@@ -10418,7 +10433,7 @@ declare module '@elastic/eui/src/components/code/code_block.styles' {
10418
10433
  };
10419
10434
  };
10420
10435
  };
10421
- export const euiCodeBlockCodeStyles: (euiThemeContext: UseEuiTheme, euiCodeSyntaxVariables: UseEuiCodeSyntaxVariables) => {
10436
+ export const euiCodeBlockCodeStyles: (euiThemeContext: UseEuiTheme) => {
10422
10437
  euiCodeBlock__code: import("@emotion/utils").SerializedStyles;
10423
10438
  isVirtualized: import("@emotion/utils").SerializedStyles;
10424
10439
  };
@@ -10444,8 +10459,7 @@ declare module '@elastic/eui/src/components/code/code_block_full_screen' {
10444
10459
  }
10445
10460
  declare module '@elastic/eui/src/components/code/code_block_controls.styles' {
10446
10461
  import { UseEuiTheme } from '@elastic/eui/src/services';
10447
- import { UseEuiCodeSyntaxVariables } from '@elastic/eui/src/components/code/code_syntax.styles';
10448
- export const euiCodeBlockControlsStyles: (euiThemeContext: UseEuiTheme, euiCodeSyntaxVariables: UseEuiCodeSyntaxVariables) => {
10462
+ export const euiCodeBlockControlsStyles: (euiThemeContext: UseEuiTheme) => {
10449
10463
  euiCodeBlock__controls: import("@emotion/utils").SerializedStyles;
10450
10464
  offset: {
10451
10465
  none: import("@emotion/utils").SerializedStyles;
@@ -13643,6 +13657,12 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
13643
13657
  * as its only argument.
13644
13658
  */
13645
13659
  renderCellValue: EuiDataGridCellProps['renderCellValue'];
13660
+ /**
13661
+ * An optional object of props passed to the `renderCellValue` component.
13662
+ * This API exists to make it easier to define your `renderCellValue` function
13663
+ * component statically, and not rerender due to other dependent state.
13664
+ */
13665
+ cellContext?: EuiDataGridCellProps['cellContext'];
13646
13666
  /**
13647
13667
  * An optional function that can be used to completely customize the rendering of cell popovers.
13648
13668
  *
@@ -13807,6 +13827,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
13807
13827
  rowCount: number;
13808
13828
  visibleRows: EuiDataGridVisibleRows;
13809
13829
  renderCellValue: EuiDataGridCellProps['renderCellValue'];
13830
+ cellContext?: EuiDataGridCellProps['cellContext'];
13810
13831
  renderCellPopover?: EuiDataGridCellProps['renderCellPopover'];
13811
13832
  renderFooterCellValue?: EuiDataGridCellProps['renderCellValue'];
13812
13833
  renderCustomGridBody?: EuiDataGridProps['renderCustomGridBody'];
@@ -13935,7 +13956,8 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
13935
13956
  * Accepts any props that `EuiPopover` accepts, except for `button` and `closePopover`.
13936
13957
  */
13937
13958
  setCellPopoverProps: (props: Omit<EuiPopoverProps, 'button' | 'closePopover'>) => void;
13938
- }
13959
+ } type CellContext = Omit<Record<string, any>, keyof EuiDataGridCellValueElementProps>; type CellPropsWithContext = CellContext & EuiDataGridCellValueElementProps;
13960
+ export type RenderCellValue = ((props: CellPropsWithContext) => ReactNode) | ComponentClass<CellPropsWithContext>;
13939
13961
  export interface EuiDataGridCellProps {
13940
13962
  rowIndex: number;
13941
13963
  visibleRowIndex: number;
@@ -13948,7 +13970,8 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
13948
13970
  isExpandable: boolean;
13949
13971
  className?: string;
13950
13972
  popoverContext: DataGridCellPopoverContextShape;
13951
- renderCellValue: ((props: EuiDataGridCellValueElementProps) => ReactNode) | ComponentClass<EuiDataGridCellValueElementProps>;
13973
+ renderCellValue: RenderCellValue;
13974
+ cellContext?: CellContext;
13952
13975
  renderCellPopover?: JSXElementConstructor<EuiDataGridCellPopoverElementProps> | ((props: EuiDataGridCellPopoverElementProps) => ReactNode);
13953
13976
  setRowHeight?: (height: number) => void;
13954
13977
  getRowHeight?: (rowIndex: number) => number;
@@ -14814,7 +14837,7 @@ declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell' {
14814
14837
  }
14815
14838
  declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell_wrapper' {
14816
14839
  import { FunctionComponent } from 'react';
14817
- import { EuiDataGridCellProps, EuiDataGridBodyProps, EuiDataGridHeaderRowProps } from '@elastic/eui/src/components/datagrid/data_grid_types'; type CellProps = Pick<EuiDataGridCellProps, 'colIndex' | 'visibleRowIndex' | 'style' | 'renderCellValue' | 'renderCellPopover' | 'interactiveCellId' | 'rowHeightsOptions' | 'rowHeightUtils' | 'rowManager' | 'setRowHeight'> & Pick<EuiDataGridBodyProps, 'schema' | 'schemaDetectors' | 'pagination' | 'columns' | 'leadingControlColumns' | 'trailingControlColumns' | 'visibleColCount'> & Pick<EuiDataGridHeaderRowProps, 'columnWidths' | 'defaultColumnWidth'> & Partial<EuiDataGridCellProps>;
14840
+ import { EuiDataGridCellProps, EuiDataGridBodyProps, EuiDataGridHeaderRowProps } from '@elastic/eui/src/components/datagrid/data_grid_types'; type CellProps = Pick<EuiDataGridCellProps, 'colIndex' | 'visibleRowIndex' | 'style' | 'renderCellValue' | 'cellContext' | 'renderCellPopover' | 'interactiveCellId' | 'rowHeightsOptions' | 'rowHeightUtils' | 'rowManager' | 'setRowHeight'> & Pick<EuiDataGridBodyProps, 'schema' | 'schemaDetectors' | 'pagination' | 'columns' | 'leadingControlColumns' | 'trailingControlColumns' | 'visibleColCount'> & Pick<EuiDataGridHeaderRowProps, 'columnWidths' | 'defaultColumnWidth'> & Partial<EuiDataGridCellProps>;
14818
14841
  /**
14819
14842
  * A DRY wrapper used by both custom and virtualized grid cells.
14820
14843
  * It grabs context, determines the type of cell being rendered
@@ -14839,7 +14862,7 @@ declare module '@elastic/eui/src/components/datagrid/body/footer/data_grid_foote
14839
14862
  schema: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridSchema;
14840
14863
  columnWidths: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridColumnWidths;
14841
14864
  defaultColumnWidth?: number | null | undefined;
14842
- renderCellValue: ((props: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridCellValueElementProps) => React.ReactNode) | React.ComponentClass<import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridCellValueElementProps, any>;
14865
+ renderCellValue: import ("@elastic/eui/src/components/datagrid/data_grid_types").RenderCellValue;
14843
14866
  renderCellPopover?: React.JSXElementConstructor<import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridCellPopoverElementProps> | ((props: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridCellPopoverElementProps) => React.ReactNode) | undefined;
14844
14867
  interactiveCellId: string;
14845
14868
  visibleRowIndex?: number | undefined;
@@ -19309,6 +19332,7 @@ declare module '@elastic/eui/src/components/page/page_sidebar/page_sidebar.style
19309
19332
  export const euiPageSidebarStyles: (euiThemeContext: UseEuiTheme) => {
19310
19333
  euiPageSidebar: import("@emotion/utils").SerializedStyles;
19311
19334
  sticky: import("@emotion/utils").SerializedStyles;
19335
+ embellish: import("@emotion/utils").SerializedStyles;
19312
19336
  };
19313
19337
 
19314
19338
  }
@@ -19322,6 +19346,10 @@ declare module '@elastic/eui/src/components/page/page_sidebar/page_sidebar' {
19322
19346
  * When using this setting it's best to be consistent throughout all similar usages.
19323
19347
  */
19324
19348
  paddingSize?: EuiPaddingSize;
19349
+ /**
19350
+ * Renders a fancy little visual in the top left corner of the side bar
19351
+ */
19352
+ hasEmbellish?: boolean;
19325
19353
  /**
19326
19354
  * Adds `position: sticky` and affords for any fixed position headers.
19327
19355
  */
@@ -21568,9 +21596,62 @@ declare module '@elastic/eui/src/components/search_bar' {
21568
21596
  export type { SearchFilterConfig } from '@elastic/eui/src/components/search_bar/search_filters';
21569
21597
  export type { FieldValueOptionType } from '@elastic/eui/src/components/search_bar/filters/field_value_selection_filter';
21570
21598
 
21599
+ }
21600
+ declare module '@elastic/eui/src/components/side_nav/_side_nav_heading' {
21601
+ import { FunctionComponent, ReactNode } from 'react';
21602
+ import { EuiTitleProps } from '@elastic/eui/src/components/title';
21603
+ export type EuiSideNavHeadingProps = Omit<EuiTitleProps, 'children'> & {
21604
+ children: ReactNode;
21605
+ /**
21606
+ * The actual HTML heading element to wrap the `heading`.
21607
+ * Default is `h2`
21608
+ */
21609
+ element?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
21610
+ /**
21611
+ * For best accessibility, `<nav>` elements should have a nested heading. But you can hide this element if it's redundent from something else (except on mobile).
21612
+ */
21613
+ screenReaderOnly?: boolean;
21614
+ };
21615
+ export const EuiSideNavHeading: FunctionComponent<EuiSideNavHeadingProps>;
21616
+
21617
+ }
21618
+ declare module '@elastic/eui/src/components/side_nav/side_nav_item.styles' {
21619
+ import { UseEuiTheme } from '@elastic/eui/src/services';
21620
+ export const euiSideNavItemStyles: (euiThemeContext: UseEuiTheme) => {
21621
+ euiSideNavItem: import("@emotion/utils").SerializedStyles;
21622
+ emphasized: import("@emotion/utils").SerializedStyles;
21623
+ root: import("@emotion/utils").SerializedStyles;
21624
+ trunk: import("@emotion/utils").SerializedStyles;
21625
+ branch: import("@emotion/utils").SerializedStyles;
21626
+ items: {
21627
+ euiSideNavItem__items: import("@emotion/utils").SerializedStyles;
21628
+ rootWithIcon: import("@emotion/utils").SerializedStyles;
21629
+ trunk: import("@emotion/utils").SerializedStyles;
21630
+ branch: import("@emotion/utils").SerializedStyles;
21631
+ };
21632
+ };
21633
+ export const euiSideNavItemButtonStyles: (euiThemeContext: UseEuiTheme) => {
21634
+ euiSideNavItemButton: import("@emotion/utils").SerializedStyles;
21635
+ selected: import("@emotion/utils").SerializedStyles;
21636
+ emphasized: import("@emotion/utils").SerializedStyles;
21637
+ root: import("@emotion/utils").SerializedStyles;
21638
+ trunk: import("@emotion/utils").SerializedStyles;
21639
+ branch: import("@emotion/utils").SerializedStyles;
21640
+ euiSideNavItemButton__content: import("@emotion/utils").SerializedStyles;
21641
+ label: {
21642
+ euiSideNavItemButton__label: import("@emotion/utils").SerializedStyles;
21643
+ root: {
21644
+ lineHeight: import("csstype").Property.LineHeight<string | number> | undefined;
21645
+ color: string;
21646
+ fontSize: import("csstype").Property.FontSize<string | number> | undefined;
21647
+ fontWeight: import("csstype").Property.FontWeight | undefined;
21648
+ };
21649
+ };
21650
+ };
21651
+
21571
21652
  }
21572
21653
  declare module '@elastic/eui/src/components/side_nav/side_nav_item' {
21573
- import React, { ReactNode, ReactElement, MouseEventHandler } from 'react';
21654
+ import React, { HTMLAttributes, ReactNode, ReactElement, MouseEventHandler } from 'react';
21574
21655
  import { CommonProps } from '@elastic/eui/src/components/common';
21575
21656
  /**
21576
21657
  * The props that are exposed to, or altered for, the consumer
@@ -21618,6 +21699,10 @@ declare module '@elastic/eui/src/components/side_nav/side_nav_item' {
21618
21699
  * Passed to the actual `.euiSideNavItemButton` element
21619
21700
  */
21620
21701
  buttonClassName?: string;
21702
+ /**
21703
+ * className, css, and style are passed to the parent wrapper, not the button
21704
+ */
21705
+ style?: HTMLAttributes<HTMLDivElement>['style'];
21621
21706
  items?: ReactNode;
21622
21707
  isOpen?: boolean;
21623
21708
  isParent?: boolean;
@@ -21632,9 +21717,24 @@ declare module '@elastic/eui/src/components/side_nav/side_nav_item' {
21632
21717
  } ? T & {
21633
21718
  renderItem: RenderItem<T>;
21634
21719
  } : T;
21635
- export function EuiSideNavItem<T extends _EuiSideNavItemButtonProps & _EuiSideNavItemProps & {
21636
- renderItem?: (props: any) => JSX.Element;
21637
- }>({ isOpen, isSelected, isParent, icon, onClick, href: _href, rel, target, items, children, renderItem: RenderItem, depth, className, truncate, emphasize, buttonClassName, childrenOnly, ...rest }: EuiSideNavItemProps<T>): React.JSX.Element;
21720
+ export const EuiSideNavItem: <T extends CommonProps & {
21721
+ /**
21722
+ * Is an optional string to be passed as the navigation item's `href` prop,
21723
+ * and by default it will force rendering of the item as an `<a>`
21724
+ */
21725
+ href?: string | undefined;
21726
+ target?: string | undefined;
21727
+ rel?: string | undefined;
21728
+ /**
21729
+ * Callback function to be passed as the navigation item's `onClick` prop,
21730
+ * and by default it will force rendering of the item as a `<button>` instead of a link
21731
+ */
21732
+ onClick?: React.MouseEventHandler<HTMLElement | HTMLButtonElement> | undefined;
21733
+ children: ReactNode;
21734
+ disabled?: boolean | undefined;
21735
+ } & _EuiSideNavItemProps & {
21736
+ renderItem?: ((props: any) => JSX.Element) | undefined;
21737
+ }>({ isOpen, isSelected, isParent, icon, onClick, href: _href, rel, target, items, children, renderItem: RenderItem, depth, className, css, style, truncate, emphasize, buttonClassName, childrenOnly, ...rest }: EuiSideNavItemProps<T>) => React.JSX.Element;
21638
21738
  export {};
21639
21739
 
21640
21740
  }
@@ -21664,25 +21764,27 @@ declare module '@elastic/eui/src/components/side_nav/side_nav_types' {
21664
21764
  renderItem?: RenderItem<T>;
21665
21765
  }
21666
21766
 
21767
+ }
21768
+ declare module '@elastic/eui/src/components/side_nav/side_nav.styles' {
21769
+ import { UseEuiTheme } from '@elastic/eui/src/services';
21770
+ export const euiSideNavMobileStyles: (euiThemeContext: UseEuiTheme) => {
21771
+ euiSideNav__mobileToggle: import("@emotion/utils").SerializedStyles;
21772
+ euiSideNav__mobileToggleContent: import("@emotion/utils").SerializedStyles;
21773
+ content: {
21774
+ euiSideNav__mobileContent: import("@emotion/utils").SerializedStyles;
21775
+ hidden: import("@emotion/utils").SerializedStyles;
21776
+ open: import("@emotion/utils").SerializedStyles;
21777
+ };
21778
+ };
21779
+
21667
21780
  }
21668
21781
  declare module '@elastic/eui/src/components/side_nav/side_nav' {
21669
21782
  import React, { Component, ReactNode, MouseEventHandler } from 'react';
21670
21783
  import { CommonProps } from '@elastic/eui/src/components/common';
21784
+ import { EuiBreakpointSize, WithEuiThemeProps } from '@elastic/eui/src/services';
21785
+ import { EuiSideNavHeadingProps } from '@elastic/eui/src/components/side_nav/_side_nav_heading';
21671
21786
  import { RenderItem } from '@elastic/eui/src/components/side_nav/side_nav_item';
21672
21787
  import { EuiSideNavItemType } from '@elastic/eui/src/components/side_nav/side_nav_types';
21673
- import { EuiTitleProps } from '@elastic/eui/src/components/title';
21674
- import { EuiBreakpointSize } from '@elastic/eui/src/services';
21675
- export type EuiSideNavHeadingProps = Partial<EuiTitleProps> & {
21676
- /**
21677
- * The actual HTML heading element to wrap the `heading`.
21678
- * Default is `h2`
21679
- */
21680
- element?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
21681
- /**
21682
- * For best accessibility, `<nav>` elements should have a nested heading. But you can hide this element if it's redundent from something else (except on mobile).
21683
- */
21684
- screenReaderOnly?: boolean;
21685
- };
21686
21788
  export type EuiSideNavProps<T = {}> = T & CommonProps & {
21687
21789
  /**
21688
21790
  * `children` are not rendered. Use `items` to specify navigation items instead.
@@ -21699,7 +21801,7 @@ declare module '@elastic/eui/src/components/side_nav/side_nav' {
21699
21801
  /**
21700
21802
  * Adds a couple extra #EuiSideNavHeading props and extends the props of EuiTitle that wraps the `heading`
21701
21803
  */
21702
- headingProps?: CommonProps & EuiSideNavHeadingProps;
21804
+ headingProps?: Partial<EuiSideNavHeadingProps>;
21703
21805
  /**
21704
21806
  * When called, toggles visibility of the navigation menu at mobile responsive widths. The callback should set the `isOpenOnMobile` prop to actually toggle navigation visibility.
21705
21807
  */
@@ -21730,7 +21832,7 @@ declare module '@elastic/eui/src/components/side_nav/side_nav' {
21730
21832
  */
21731
21833
  truncate?: boolean;
21732
21834
  };
21733
- export class EuiSideNav<T> extends Component<EuiSideNavProps<T>> {
21835
+ export class EuiSideNavClass<T> extends Component<EuiSideNavProps<T> & WithEuiThemeProps> {
21734
21836
  generateId: (idSuffix?: string) => string;
21735
21837
  static defaultProps: {
21736
21838
  items: never[];
@@ -21740,6 +21842,7 @@ declare module '@elastic/eui/src/components/side_nav/side_nav' {
21740
21842
  renderTree: (items: Array<EuiSideNavItemType<T>>, depth?: number) => React.JSX.Element[];
21741
21843
  render(): React.JSX.Element;
21742
21844
  }
21845
+ export const EuiSideNav: React.ForwardRefExoticComponent<Omit<EuiSideNavProps<{}>, "theme"> & React.RefAttributes<Omit<EuiSideNavProps<{}>, "theme">>>;
21743
21846
 
21744
21847
  }
21745
21848
  declare module '@elastic/eui/src/components/side_nav' {
@@ -24461,6 +24564,17 @@ declare module '@elastic/eui/src/components/icon/assets/desktop' {
24461
24564
  export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
24462
24565
  export {};
24463
24566
 
24567
+ }
24568
+ declare module '@elastic/eui/src/components/icon/assets/diff' {
24569
+ import * as React from 'react';
24570
+ import type { SVGProps } from 'react';
24571
+ interface SVGRProps {
24572
+ title?: string;
24573
+ titleId?: string;
24574
+ }
24575
+ export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
24576
+ export {};
24577
+
24464
24578
  }
24465
24579
  declare module '@elastic/eui/src/components/icon/assets/discuss' {
24466
24580
  import * as React from 'react';
@@ -26781,6 +26895,17 @@ declare module '@elastic/eui/src/components/icon/assets/nested' {
26781
26895
  export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
26782
26896
  export {};
26783
26897
 
26898
+ }
26899
+ declare module '@elastic/eui/src/components/icon/assets/new_chat' {
26900
+ import * as React from 'react';
26901
+ import type { SVGProps } from 'react';
26902
+ interface SVGRProps {
26903
+ title?: string;
26904
+ titleId?: string;
26905
+ }
26906
+ export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
26907
+ export {};
26908
+
26784
26909
  }
26785
26910
  declare module '@elastic/eui/src/components/icon/assets/node' {
26786
26911
  import * as React from 'react';
@@ -29052,6 +29177,7 @@ declare module '@elastic/eui' {
29052
29177
  "euiSelectable.screenReaderInstructions": any;
29053
29178
  "euiSelectable.placeholderName": any;
29054
29179
  "euiSelectable.searchResults": any;
29180
+ "euiSideNav.mobileToggleAriaLabel": any;
29055
29181
  "euiSkeletonLoading.loadedAriaText": any;
29056
29182
  "euiSkeletonLoading.loadingAriaText": any;
29057
29183
  "euiStat.loadingText": any;