@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
@@ -286,7 +286,7 @@ EuiGlobalToastList.propTypes = {
286
286
  toastLifeTimeMs: PropTypes.number,
287
287
  title: PropTypes.node,
288
288
  color: PropTypes.any,
289
- iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "at", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "endpoint", "eql", "eraser", "error", "esqlVis", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "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", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelineWithArrow", "timelionApp", "timeRefresh", "timeslider", "training", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "vulnerabilityManagementApp", "warning", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "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", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
289
+ iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "at", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "diff", "discoverApp", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "endpoint", "eql", "eraser", "error", "esqlVis", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "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", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "newChat", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelineWithArrow", "timelionApp", "timeRefresh", "timeslider", "training", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "vulnerabilityManagementApp", "warning", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "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", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
290
290
  onClose: PropTypes.func,
291
291
  className: PropTypes.string,
292
292
  "aria-label": PropTypes.string,
@@ -94,7 +94,7 @@ export var EuiToast = function EuiToast(_ref) {
94
94
  EuiToast.propTypes = {
95
95
  title: PropTypes.node,
96
96
  color: PropTypes.any,
97
- iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "at", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "endpoint", "eql", "eraser", "error", "esqlVis", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "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", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelineWithArrow", "timelionApp", "timeRefresh", "timeslider", "training", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "vulnerabilityManagementApp", "warning", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "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", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
97
+ iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "at", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "diff", "discoverApp", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "endpoint", "eql", "eraser", "error", "esqlVis", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "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", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "newChat", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelineWithArrow", "timelionApp", "timeRefresh", "timeslider", "training", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "vulnerabilityManagementApp", "warning", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "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", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
98
98
  onClose: PropTypes.func,
99
99
  className: PropTypes.string,
100
100
  "aria-label": PropTypes.string,
@@ -98,7 +98,7 @@ EuiIconTip.propTypes = {
98
98
  /**
99
99
  * The icon type.
100
100
  */
101
- type: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "at", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "endpoint", "eql", "eraser", "error", "esqlVis", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "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", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelineWithArrow", "timelionApp", "timeRefresh", "timeslider", "training", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "vulnerabilityManagementApp", "warning", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "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", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
101
+ type: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "at", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "diff", "discoverApp", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "endpoint", "eql", "eraser", "error", "esqlVis", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "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", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "newChat", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelineWithArrow", "timelionApp", "timeRefresh", "timeslider", "training", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "vulnerabilityManagementApp", "warning", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "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", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
102
102
  /**
103
103
  * The icon size.
104
104
  */
@@ -1,3 +1,9 @@
1
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
1
7
  /*
2
8
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
3
9
  * or more contributor license agreements. Licensed under the Elastic License
@@ -7,7 +13,8 @@
7
13
  */
8
14
 
9
15
  import { euiLineHeightFromBaseline, euiFontSizeFromScale } from '../functions/typography';
10
- import { useEuiTheme } from '../../services/theme/hooks';
16
+ import { useEuiMemoizedStyles, useEuiTheme } from '../../services/theme';
17
+ import { EuiThemeFontScales } from '../variables/typography';
11
18
  import { logicalCSS } from '../functions';
12
19
  /**
13
20
  * Returns font-size and line-height
@@ -21,7 +28,15 @@ export var euiFontSize = function euiFontSize(_ref, scale, options) {
21
28
  };
22
29
  export var useEuiFontSize = function useEuiFontSize(scale, options) {
23
30
  var euiTheme = useEuiTheme();
24
- return euiFontSize(euiTheme, scale, options);
31
+ var memoizedFontSizes = useEuiMemoizedStyles(euiFontSizes);
32
+ return !options ? memoizedFontSizes[scale] : euiFontSize(euiTheme, scale, options);
33
+ };
34
+ // Memomize a basic set of font sizes. We unfortunately can't
35
+ // memoize all possible options, there's too many permutations
36
+ var euiFontSizes = function euiFontSizes(euiThemeContext) {
37
+ return EuiThemeFontScales.reduce(function (map, scale) {
38
+ return _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, scale, euiFontSize(euiThemeContext, scale)));
39
+ }, {});
25
40
  };
26
41
 
27
42
  /**
@@ -47,8 +62,4 @@ export var euiTextTruncate = function euiTextTruncate() {
47
62
  export var euiNumberFormat = function euiNumberFormat(_ref2) {
48
63
  var euiTheme = _ref2.euiTheme;
49
64
  return "\n font-feature-settings: ".concat(euiTheme.font.featureSettings, ", 'tnum' 1;\n");
50
- };
51
- export var useEuiNumberFormat = function useEuiNumberFormat() {
52
- var euiTheme = useEuiTheme();
53
- return euiNumberFormat(euiTheme);
54
65
  };
@@ -9,6 +9,7 @@
9
9
  export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext } from './context';
10
10
  export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables } from './hooks';
11
11
  export { EuiThemeProvider } from './provider';
12
+ export { useEuiMemoizedStyles, withEuiStylesMemoizer } from './style_memoization';
12
13
  export { getEuiDevProviderWarning, setEuiDevProviderWarning } from './warning';
13
14
  export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed } from './utils';
14
15
  export { COLOR_MODES_STANDARD } from './types';
@@ -32,6 +32,7 @@ import { cloneElementWithCss } from '../emotion';
32
32
  import { css, cx } from '../emotion/css';
33
33
  import { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext } from './context';
34
34
  import { EuiEmotionThemeProvider } from './emotion';
35
+ import { EuiThemeMemoizedStylesProvider } from './style_memoization';
35
36
  import { buildTheme, getColorMode, getComputed, mergeDeep } from './utils';
36
37
  import { jsx as ___EmotionJSX } from "@emotion/react";
37
38
  export var EuiThemeProvider = function EuiThemeProvider(_ref) {
@@ -164,5 +165,5 @@ export var EuiThemeProvider = function EuiThemeProvider(_ref) {
164
165
  value: theme
165
166
  }, ___EmotionJSX(EuiNestedThemeContext.Provider, {
166
167
  value: nestedThemeContext
167
- }, ___EmotionJSX(EuiEmotionThemeProvider, null, renderedChildren)))))));
168
+ }, ___EmotionJSX(EuiThemeMemoizedStylesProvider, null, ___EmotionJSX(EuiEmotionThemeProvider, null, renderedChildren))))))));
168
169
  };
@@ -0,0 +1,98 @@
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
3
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
5
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
6
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
7
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
8
+ /*
9
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
10
+ * or more contributor license agreements. Licensed under the Elastic License
11
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
12
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
13
+ * Side Public License, v 1.
14
+ */
15
+
16
+ import React, { createContext, useContext, useState, useMemo, useCallback, forwardRef } from 'react';
17
+ import { useUpdateEffect } from '../hooks';
18
+ import { useEuiTheme } from './hooks';
19
+
20
+ // NOTE: We're specifically using a WeakMap instead of a Map in order to allow
21
+ // unmounted components to have their styles garbage-collected by the browser
22
+ // @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakMap
23
+ import { jsx as ___EmotionJSX } from "@emotion/react";
24
+ export var EuiThemeMemoizedStylesContext = /*#__PURE__*/createContext(new WeakMap());
25
+ export var EuiThemeMemoizedStylesProvider = function EuiThemeMemoizedStylesProvider(_ref) {
26
+ var children = _ref.children;
27
+ // Note: we *should not* use `useMemo` instead of `useState` here, as useMemo is not guaranteed
28
+ // and its cache can get thrown away by React (https://react.dev/reference/react/useMemo#caveats)
29
+ var _useState = useState(new WeakMap()),
30
+ _useState2 = _slicedToArray(_useState, 2),
31
+ componentStyles = _useState2[0],
32
+ rerenderStyles = _useState2[1];
33
+
34
+ // On theme update, wipe the map, which causes the below hook to recompute all styles
35
+ var _useEuiTheme = useEuiTheme(),
36
+ euiTheme = _useEuiTheme.euiTheme;
37
+ useUpdateEffect(function () {
38
+ rerenderStyles(new WeakMap());
39
+ }, [euiTheme]);
40
+ return ___EmotionJSX(EuiThemeMemoizedStylesContext.Provider, {
41
+ value: componentStyles
42
+ }, children);
43
+ };
44
+
45
+ /**
46
+ * Internal util primarily responsible for getting the memoized styles (if they exist)
47
+ * and if not, generating and setting the styles. DRYed out to facilitate usage
48
+ * between both hook/function components and HOC/class components
49
+ */
50
+ var getMemoizedStyles = function getMemoizedStyles(stylesGenerator, stylesMap, euiThemeContext) {
51
+ if (!stylesGenerator.name) {
52
+ throw new Error('Styles are memoized per function. Your style functions must be statically defined in order to not create a new map entry every rerender.');
53
+ }
54
+ var existingStyles = stylesMap.get(stylesGenerator);
55
+ if (existingStyles) {
56
+ return existingStyles;
57
+ } else {
58
+ var generatedStyles = stylesGenerator(euiThemeContext);
59
+ stylesMap.set(stylesGenerator, generatedStyles);
60
+ return generatedStyles;
61
+ }
62
+ };
63
+
64
+ /**
65
+ * Hook that memoizes the returned values of components style fns/generators
66
+ * per-theme
67
+ */
68
+ export var useEuiMemoizedStyles = function useEuiMemoizedStyles(stylesGenerator) {
69
+ var memoizedStyles = useContext(EuiThemeMemoizedStylesContext);
70
+ var euiThemeContext = useEuiTheme();
71
+ var memoizedComponentStyles = useMemo(function () {
72
+ return getMemoizedStyles(stylesGenerator, memoizedStyles, euiThemeContext);
73
+ }, [stylesGenerator, memoizedStyles, euiThemeContext]);
74
+ return memoizedComponentStyles;
75
+ };
76
+
77
+ /**
78
+ * HOC for class components
79
+ * Syntax is mostly copied from withEuiTheme HOC
80
+ */
81
+
82
+ export var withEuiStylesMemoizer = function withEuiStylesMemoizer(Component) {
83
+ var componentName = Component.displayName || Component.name || 'ComponentWithStylesMemoizer';
84
+ var Render = function Render(props, ref) {
85
+ var memoizedStyles = useContext(EuiThemeMemoizedStylesContext);
86
+ var euiThemeContext = useEuiTheme();
87
+ var stylesMemoizer = useCallback(function (stylesGenerator) {
88
+ return getMemoizedStyles(stylesGenerator, memoizedStyles, euiThemeContext);
89
+ }, [memoizedStyles, euiThemeContext]);
90
+ return ___EmotionJSX(Component, _extends({
91
+ stylesMemoizer: stylesMemoizer,
92
+ ref: ref
93
+ }, props));
94
+ };
95
+ var WithEuiStylesMemoizer = /*#__PURE__*/forwardRef(Render);
96
+ WithEuiStylesMemoizer.displayName = componentName;
97
+ return WithEuiStylesMemoizer;
98
+ };
@@ -1,3 +1,5 @@
1
+ var _templateObject;
2
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1
3
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
2
4
  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
5
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -12,10 +14,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
12
14
  * Side Public License, v 1.
13
15
  */
14
16
 
15
- import { css } from '@emotion/react';
17
+ import { css, keyframes } from '@emotion/react';
16
18
  import { euiBackgroundColor, euiCanAnimate } from '../../../../global_styling';
17
- import { hexToRgb, isColorDark, makeHighContrastColor, shade, tint, transparentize, useEuiTheme } from '../../../../services';
19
+ import { hexToRgb, isColorDark, makeHighContrastColor, shade, tint, transparentize, useEuiMemoizedStyles } from '../../../../services';
18
20
  export var BUTTON_COLORS = ['text', 'accent', 'primary', 'success', 'warning', 'danger'];
21
+ export var BUTTON_DISPLAYS = ['base', 'fill', 'empty'];
19
22
  /**
20
23
  * Creates the `base` version of button styles with proper text contrast.
21
24
  * @param euiThemeContext
@@ -133,23 +136,35 @@ export var euiButtonEmptyColor = function euiButtonEmptyColor(euiThemeContext, c
133
136
  */
134
137
  export var useEuiButtonColorCSS = function useEuiButtonColorCSS() {
135
138
  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
136
- var euiThemeContext = useEuiTheme();
137
- function stylesByDisplay(color) {
138
- return {
139
- base: /*#__PURE__*/css(euiButtonColor(euiThemeContext, color), ";;label:base;"),
140
- fill: /*#__PURE__*/css(euiButtonFillColor(euiThemeContext, color), "outline-color:", euiThemeContext.colorMode === 'DARK' && color === 'text' ? 'currentColor' : euiThemeContext.euiTheme.colors.fullShade, ";;label:fill;"),
141
- empty: /*#__PURE__*/css("color:", euiButtonEmptyColor(euiThemeContext, color).color, ";&:focus,&:active{background-color:", euiButtonEmptyColor(euiThemeContext, color).backgroundColor, ";};label:empty;")
142
- };
143
- }
144
- return {
145
- text: /*#__PURE__*/css(stylesByDisplay('text')[options.display || 'base'], ";label:text;"),
146
- accent: /*#__PURE__*/css(stylesByDisplay('accent')[options.display || 'base'], ";label:accent;"),
147
- primary: /*#__PURE__*/css(stylesByDisplay('primary')[options.display || 'base'], ";label:primary;"),
148
- success: /*#__PURE__*/css(stylesByDisplay('success')[options.display || 'base'], ";label:success;"),
149
- warning: /*#__PURE__*/css(stylesByDisplay('warning')[options.display || 'base'], ";label:warning;"),
150
- danger: /*#__PURE__*/css(stylesByDisplay('danger')[options.display || 'base'], ";label:danger;"),
151
- disabled: /*#__PURE__*/css(stylesByDisplay('disabled')[options.display || 'base'], ";label:disabled;")
152
- };
139
+ var _options$display = options.display,
140
+ display = _options$display === void 0 ? 'base' : _options$display;
141
+ var colorsDisplaysMap = useEuiMemoizedStyles(euiButtonDisplaysColors);
142
+ return colorsDisplaysMap[display];
143
+ };
144
+ var euiButtonDisplaysColors = function euiButtonDisplaysColors(euiThemeContext) {
145
+ var COLORS = [].concat(BUTTON_COLORS, ['disabled']);
146
+ var displaysColorsMap = {};
147
+ BUTTON_DISPLAYS.forEach(function (display) {
148
+ displaysColorsMap[display] = {};
149
+ COLORS.forEach(function (color) {
150
+ switch (display) {
151
+ case 'base':
152
+ displaysColorsMap[display][color] = /*#__PURE__*/css(euiButtonColor(euiThemeContext, color), ";;label:displaysColorsMap-display-color;");
153
+ break;
154
+ case 'fill':
155
+ displaysColorsMap[display][color] = /*#__PURE__*/css(euiButtonFillColor(euiThemeContext, color), "outline-color:", euiThemeContext.colorMode === 'DARK' && color === 'text' ? 'currentColor' : euiThemeContext.euiTheme.colors.fullShade, ";;label:displaysColorsMap-display-color;");
156
+ break;
157
+ case 'empty':
158
+ displaysColorsMap[display][color] = /*#__PURE__*/css("color:", euiButtonEmptyColor(euiThemeContext, color).color, ";&:focus,&:active{background-color:", euiButtonEmptyColor(euiThemeContext, color).backgroundColor, ";};label:displaysColorsMap-display-color;");
159
+ break;
160
+ }
161
+
162
+ // Tweak auto-generated Emotion label/className output
163
+ var emotionOutput = displaysColorsMap[display][color];
164
+ emotionOutput.styles = emotionOutput.styles.replace('label:displaysColorsMap-display-color;', "label:".concat(display, "-").concat(color, ";"));
165
+ });
166
+ });
167
+ return displaysColorsMap;
153
168
  };
154
169
 
155
170
  /**
@@ -157,17 +172,25 @@ export var useEuiButtonColorCSS = function useEuiButtonColorCSS() {
157
172
  * @returns string
158
173
  */
159
174
  export var useEuiButtonFocusCSS = function useEuiButtonFocusCSS() {
160
- var _useEuiTheme = useEuiTheme(),
161
- euiTheme = _useEuiTheme.euiTheme;
162
- return "\n ".concat(euiCanAnimate, " {\n transition: transform ").concat(euiTheme.animation.normal, " ease-in-out,\n background-color ").concat(euiTheme.animation.normal, " ease-in-out;\n\n &:hover:not(:disabled) {\n transform: translateY(-1px);\n }\n\n &:focus {\n animation: euiButtonActive ").concat(euiTheme.animation.normal, "\n ").concat(euiTheme.animation.bounce, ";\n }\n\n &:active:not(:disabled) {\n transform: translateY(1px);\n }\n }\n ");
175
+ return useEuiMemoizedStyles(euiButtonFocusCSS);
176
+ };
177
+ var euiButtonFocusAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 50% {\n transform: translateY(1px);\n }\n"])));
178
+ var euiButtonFocusCSS = function euiButtonFocusCSS(_ref) {
179
+ var euiTheme = _ref.euiTheme;
180
+ var focusCSS = /*#__PURE__*/css(euiCanAnimate, "{transition:transform ", euiTheme.animation.normal, " ease-in-out,background-color ", euiTheme.animation.normal, " ease-in-out;&:hover:not(:disabled){transform:translateY(-1px);}&:focus{animation:", euiButtonFocusAnimation, " ", euiTheme.animation.normal, " ", euiTheme.animation.bounce, ";}&:active:not(:disabled){transform:translateY(1px);}};label:focusCSS;");
181
+ // Remove the auto-generated label.
182
+ // We could typically avoid a label by using a plain string `` instead of css``,
183
+ // but we need css`` for keyframes`` to work for the focus animation
184
+ focusCSS.styles = focusCSS.styles.replace('label:focusCSS;', '');
185
+ return focusCSS;
163
186
  };
164
187
 
165
188
  /**
166
189
  * Map of `size` props to various sizings/scales
167
190
  * that should remain consistent across all buttons
168
191
  */
169
- export var euiButtonSizeMap = function euiButtonSizeMap(_ref) {
170
- var euiTheme = _ref.euiTheme;
192
+ export var euiButtonSizeMap = function euiButtonSizeMap(_ref2) {
193
+ var euiTheme = _ref2.euiTheme;
171
194
  return {
172
195
  xs: {
173
196
  height: euiTheme.size.l,