@elastic/eui 82.2.1 → 83.1.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 (373) hide show
  1. package/dist/eui_charts_theme.js +1 -1
  2. package/dist/eui_theme_dark.css +48 -182
  3. package/dist/eui_theme_dark.min.css +1 -1
  4. package/dist/eui_theme_light.css +48 -182
  5. package/dist/eui_theme_light.min.css +1 -1
  6. package/es/components/accordion/accordion.js +6 -7
  7. package/es/components/avatar/avatar.js +1 -1
  8. package/es/components/badge/badge.js +4 -5
  9. package/es/components/badge/beta_badge/beta_badge.js +1 -1
  10. package/es/components/basic_table/basic_table.js +1 -1
  11. package/es/components/basic_table/collapsed_item_actions.js +1 -1
  12. package/es/components/basic_table/in_memory_table.js +1 -1
  13. package/es/components/button/button.js +8 -5
  14. package/es/components/button/button_display/_button_display.js +1 -1
  15. package/es/components/button/button_display/_button_display_content.js +1 -1
  16. package/es/components/button/button_empty/button_empty.js +1 -1
  17. package/es/components/button/button_group/button_group.js +1 -1
  18. package/es/components/button/button_group/button_group_button.js +1 -1
  19. package/es/components/button/button_icon/button_icon.js +1 -1
  20. package/es/components/call_out/call_out.js +1 -1
  21. package/es/components/card/card.js +6 -6
  22. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  23. package/es/components/comment_list/comment.js +2 -2
  24. package/es/components/comment_list/comment_event.js +1 -1
  25. package/es/components/comment_list/comment_list.js +2 -2
  26. package/es/components/comment_list/comment_timeline.js +1 -1
  27. package/es/components/datagrid/body/data_grid_body.js +13 -13
  28. package/es/components/datagrid/body/data_grid_body_custom.js +13 -13
  29. package/es/components/datagrid/body/data_grid_body_virtualized.js +13 -13
  30. package/es/components/datagrid/body/data_grid_cell.js +24 -24
  31. package/es/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  32. package/es/components/datagrid/body/header/data_grid_header_row.js +13 -13
  33. package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
  34. package/es/components/datagrid/data_grid.js +13 -13
  35. package/es/components/datagrid/utils/in_memory.js +12 -12
  36. package/es/components/date_picker/date_picker.js +2 -2
  37. package/es/components/date_picker/date_picker_range.js +1 -1
  38. package/es/components/empty_prompt/empty_prompt.js +1 -1
  39. package/es/components/expression/expression.js +10 -11
  40. package/es/components/facet/facet_button.js +1 -1
  41. package/es/components/flyout/flyout.js +2 -2
  42. package/es/components/form/field_number/field_number.js +1 -1
  43. package/es/components/form/field_text/field_text.js +2 -2
  44. package/es/components/form/form_control_layout/form_control_layout.js +2 -2
  45. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  46. package/es/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  47. package/es/components/header/header.js +8 -2
  48. package/es/components/header/header.styles.js +58 -0
  49. package/es/components/header/header_links/header_link.js +1 -1
  50. package/es/components/header/header_links/header_links.js +1 -1
  51. package/es/components/header/{header_logo.js → header_logo/header_logo.js} +9 -4
  52. package/es/components/header/header_logo/header_logo.styles.js +21 -0
  53. package/es/components/header/header_logo/index.js +9 -0
  54. package/es/components/icon/assets/sparkles.js +34 -0
  55. package/es/components/icon/icon.js +2 -1
  56. package/es/components/icon/icon_glyphs.a11y.js +1 -1
  57. package/es/components/icon/icon_map.js +1 -0
  58. package/es/components/image/image_fullscreen_wrapper.js +4 -4
  59. package/es/components/image/image_wrapper.js +4 -4
  60. package/es/components/inline_edit/inline_edit_form.js +7 -4
  61. package/es/components/inline_edit/inline_edit_form.styles.js +3 -1
  62. package/es/components/inline_edit/inline_edit_text.js +4 -1
  63. package/es/components/inline_edit/inline_edit_title.js +4 -1
  64. package/es/components/key_pad_menu/key_pad_menu.js +6 -4
  65. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
  66. package/es/components/list_group/list_group.js +2 -2
  67. package/es/components/list_group/list_group_item.js +5 -6
  68. package/es/components/list_group/list_group_item_extra_action.js +1 -1
  69. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  70. package/es/components/loading/loading_logo.js +1 -1
  71. package/es/components/markdown_editor/markdown_editor.js +1 -1
  72. package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  73. package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
  74. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  75. package/es/components/notification/notification_event.js +2 -2
  76. package/es/components/notification/notification_event_meta.js +1 -1
  77. package/es/components/page/page_body/page_body.js +18 -9
  78. package/es/components/page/page_header/page_header_content.js +4 -3
  79. package/es/components/page/page_section/page_section.js +1 -1
  80. package/es/components/pagination/pagination.js +6 -9
  81. package/es/components/pagination/pagination.styles.js +4 -3
  82. package/es/components/pagination/pagination_button.js +4 -12
  83. package/es/components/pagination/pagination_button.styles.js +2 -19
  84. package/es/components/pagination/pagination_button_arrow.js +3 -3
  85. package/es/components/progress/progress.js +4 -4
  86. package/es/components/resizable_container/resizable_panel.js +5 -5
  87. package/es/components/selectable/selectable_list/selectable_list.js +1 -1
  88. package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
  89. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  90. package/es/components/suggest/suggest.js +1 -1
  91. package/es/components/suggest/suggest_item.js +1 -1
  92. package/es/components/table/table_header_button.js +1 -1
  93. package/es/components/timeline/timeline_item_icon.js +1 -1
  94. package/es/components/toast/global_toast_list.js +1 -1
  95. package/es/components/toast/toast.js +1 -1
  96. package/es/components/tool_tip/icon_tip.js +1 -1
  97. package/es/global_styling/functions/logicals.json +2 -2
  98. package/es/test/index.d.ts +1 -0
  99. package/es/test/required_props.js +16 -1
  100. package/eui.d.ts +61 -27
  101. package/i18ntokens.json +84 -84
  102. package/lib/components/accordion/accordion.js +6 -7
  103. package/lib/components/avatar/avatar.js +1 -1
  104. package/lib/components/badge/badge.js +4 -5
  105. package/lib/components/badge/beta_badge/beta_badge.js +1 -1
  106. package/lib/components/basic_table/basic_table.js +1 -1
  107. package/lib/components/basic_table/collapsed_item_actions.js +1 -1
  108. package/lib/components/basic_table/in_memory_table.js +1 -1
  109. package/lib/components/button/button.js +8 -5
  110. package/lib/components/button/button_display/_button_display.js +1 -1
  111. package/lib/components/button/button_display/_button_display_content.js +1 -1
  112. package/lib/components/button/button_empty/button_empty.js +1 -1
  113. package/lib/components/button/button_group/button_group.js +1 -1
  114. package/lib/components/button/button_group/button_group_button.js +1 -1
  115. package/lib/components/button/button_icon/button_icon.js +1 -1
  116. package/lib/components/call_out/call_out.js +1 -1
  117. package/lib/components/card/card.js +6 -6
  118. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  119. package/lib/components/comment_list/comment.js +2 -2
  120. package/lib/components/comment_list/comment_event.js +1 -1
  121. package/lib/components/comment_list/comment_list.js +2 -2
  122. package/lib/components/comment_list/comment_timeline.js +1 -1
  123. package/lib/components/datagrid/body/data_grid_body.js +13 -13
  124. package/lib/components/datagrid/body/data_grid_body_custom.js +13 -13
  125. package/lib/components/datagrid/body/data_grid_body_virtualized.js +13 -13
  126. package/lib/components/datagrid/body/data_grid_cell.js +24 -24
  127. package/lib/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  128. package/lib/components/datagrid/body/header/data_grid_header_row.js +13 -13
  129. package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
  130. package/lib/components/datagrid/data_grid.js +13 -13
  131. package/lib/components/datagrid/utils/in_memory.js +12 -12
  132. package/lib/components/date_picker/date_picker.js +2 -2
  133. package/lib/components/date_picker/date_picker_range.js +1 -1
  134. package/lib/components/empty_prompt/empty_prompt.js +1 -1
  135. package/lib/components/expression/expression.js +10 -11
  136. package/lib/components/facet/facet_button.js +1 -1
  137. package/lib/components/flyout/flyout.js +2 -2
  138. package/lib/components/form/field_number/field_number.js +1 -1
  139. package/lib/components/form/field_text/field_text.js +2 -2
  140. package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
  141. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  142. package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  143. package/lib/components/header/header.js +8 -2
  144. package/lib/components/header/header.styles.js +66 -0
  145. package/lib/components/header/header_links/header_link.js +1 -1
  146. package/lib/components/header/header_links/header_links.js +1 -1
  147. package/lib/components/header/{header_logo.js → header_logo/header_logo.js} +9 -4
  148. package/lib/components/header/header_logo/header_logo.styles.js +28 -0
  149. package/lib/components/header/header_logo/index.js +12 -0
  150. package/lib/components/icon/assets/sparkles.js +42 -0
  151. package/lib/components/icon/icon.js +2 -1
  152. package/lib/components/icon/icon_glyphs.a11y.js +1 -1
  153. package/lib/components/icon/icon_map.js +1 -0
  154. package/lib/components/icon/svgs/sparkles.svg +3 -0
  155. package/lib/components/image/image_fullscreen_wrapper.js +4 -4
  156. package/lib/components/image/image_wrapper.js +4 -4
  157. package/lib/components/inline_edit/inline_edit_form.js +7 -4
  158. package/lib/components/inline_edit/inline_edit_form.styles.js +3 -1
  159. package/lib/components/inline_edit/inline_edit_text.js +4 -1
  160. package/lib/components/inline_edit/inline_edit_title.js +4 -1
  161. package/lib/components/key_pad_menu/key_pad_menu.js +6 -4
  162. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
  163. package/lib/components/list_group/list_group.js +2 -2
  164. package/lib/components/list_group/list_group_item.js +5 -6
  165. package/lib/components/list_group/list_group_item_extra_action.js +1 -1
  166. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  167. package/lib/components/loading/loading_logo.js +1 -1
  168. package/lib/components/markdown_editor/markdown_editor.js +1 -1
  169. package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  170. package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
  171. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  172. package/lib/components/notification/notification_event.js +2 -2
  173. package/lib/components/notification/notification_event_meta.js +1 -1
  174. package/lib/components/page/page_body/page_body.js +18 -9
  175. package/lib/components/page/page_header/page_header_content.js +4 -3
  176. package/lib/components/page/page_section/page_section.js +1 -1
  177. package/lib/components/pagination/pagination.js +6 -9
  178. package/lib/components/pagination/pagination.styles.js +3 -2
  179. package/lib/components/pagination/pagination_button.js +3 -11
  180. package/lib/components/pagination/pagination_button.styles.js +4 -22
  181. package/lib/components/pagination/pagination_button_arrow.js +2 -2
  182. package/lib/components/progress/progress.js +4 -4
  183. package/lib/components/resizable_container/resizable_panel.js +5 -5
  184. package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
  185. package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
  186. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  187. package/lib/components/suggest/suggest.js +1 -1
  188. package/lib/components/suggest/suggest_item.js +1 -1
  189. package/lib/components/table/table_header_button.js +1 -1
  190. package/lib/components/timeline/timeline_item_icon.js +1 -1
  191. package/lib/components/toast/global_toast_list.js +1 -1
  192. package/lib/components/toast/toast.js +1 -1
  193. package/lib/components/tool_tip/icon_tip.js +1 -1
  194. package/lib/global_styling/functions/logicals.json +2 -2
  195. package/lib/test/index.d.ts +1 -0
  196. package/lib/test/required_props.js +20 -8
  197. package/optimize/es/components/accordion/accordion.js +6 -7
  198. package/optimize/es/components/badge/badge.js +3 -4
  199. package/optimize/es/components/button/button.js +8 -5
  200. package/optimize/es/components/card/card.js +5 -5
  201. package/optimize/es/components/expression/expression.js +10 -11
  202. package/optimize/es/components/flyout/flyout.js +2 -2
  203. package/optimize/es/components/header/header.js +8 -2
  204. package/optimize/es/components/header/header.styles.js +58 -0
  205. package/optimize/es/components/header/{header_logo.js → header_logo/header_logo.js} +8 -3
  206. package/optimize/es/components/header/header_logo/header_logo.styles.js +21 -0
  207. package/optimize/es/components/header/header_logo/index.js +9 -0
  208. package/optimize/es/components/icon/assets/sparkles.js +33 -0
  209. package/optimize/es/components/icon/icon.js +1 -0
  210. package/optimize/es/components/icon/icon_glyphs.a11y.js +1 -1
  211. package/optimize/es/components/icon/icon_map.js +1 -0
  212. package/optimize/es/components/image/image_fullscreen_wrapper.js +4 -4
  213. package/optimize/es/components/image/image_wrapper.js +4 -4
  214. package/optimize/es/components/inline_edit/inline_edit_form.js +6 -4
  215. package/optimize/es/components/inline_edit/inline_edit_form.styles.js +3 -1
  216. package/optimize/es/components/inline_edit/inline_edit_text.js +3 -1
  217. package/optimize/es/components/inline_edit/inline_edit_title.js +3 -1
  218. package/optimize/es/components/key_pad_menu/key_pad_menu.js +6 -4
  219. package/optimize/es/components/list_group/list_group_item.js +3 -4
  220. package/optimize/es/components/page/page_body/page_body.js +18 -9
  221. package/optimize/es/components/page/page_header/page_header_content.js +3 -2
  222. package/optimize/es/components/page/page_section/page_section.js +1 -1
  223. package/optimize/es/components/pagination/pagination.js +6 -9
  224. package/optimize/es/components/pagination/pagination.styles.js +4 -3
  225. package/optimize/es/components/pagination/pagination_button.js +3 -4
  226. package/optimize/es/components/pagination/pagination_button.styles.js +2 -19
  227. package/optimize/es/components/pagination/pagination_button_arrow.js +3 -3
  228. package/optimize/es/components/progress/progress.js +4 -4
  229. package/optimize/es/components/resizable_container/resizable_panel.js +5 -5
  230. package/optimize/es/global_styling/functions/logicals.json +2 -2
  231. package/optimize/es/test/index.d.ts +1 -0
  232. package/optimize/es/test/required_props.js +16 -1
  233. package/optimize/lib/components/accordion/accordion.js +6 -7
  234. package/optimize/lib/components/badge/badge.js +3 -4
  235. package/optimize/lib/components/button/button.js +8 -5
  236. package/optimize/lib/components/card/card.js +5 -5
  237. package/optimize/lib/components/expression/expression.js +10 -11
  238. package/optimize/lib/components/flyout/flyout.js +2 -2
  239. package/optimize/lib/components/header/header.js +8 -2
  240. package/optimize/lib/components/header/header.styles.js +66 -0
  241. package/optimize/lib/components/header/{header_logo.js → header_logo/header_logo.js} +8 -3
  242. package/optimize/lib/components/header/header_logo/header_logo.styles.js +28 -0
  243. package/optimize/lib/components/header/header_logo/index.js +12 -0
  244. package/optimize/lib/components/icon/assets/sparkles.js +42 -0
  245. package/optimize/lib/components/icon/icon.js +1 -0
  246. package/optimize/lib/components/icon/icon_glyphs.a11y.js +1 -1
  247. package/optimize/lib/components/icon/icon_map.js +1 -0
  248. package/optimize/lib/components/icon/svgs/sparkles.svg +3 -0
  249. package/optimize/lib/components/image/image_fullscreen_wrapper.js +4 -4
  250. package/optimize/lib/components/image/image_wrapper.js +4 -4
  251. package/optimize/lib/components/inline_edit/inline_edit_form.js +6 -4
  252. package/optimize/lib/components/inline_edit/inline_edit_form.styles.js +3 -1
  253. package/optimize/lib/components/inline_edit/inline_edit_text.js +3 -1
  254. package/optimize/lib/components/inline_edit/inline_edit_title.js +3 -1
  255. package/optimize/lib/components/key_pad_menu/key_pad_menu.js +6 -4
  256. package/optimize/lib/components/list_group/list_group_item.js +3 -4
  257. package/optimize/lib/components/page/page_body/page_body.js +18 -9
  258. package/optimize/lib/components/page/page_header/page_header_content.js +3 -2
  259. package/optimize/lib/components/page/page_section/page_section.js +1 -1
  260. package/optimize/lib/components/pagination/pagination.js +6 -9
  261. package/optimize/lib/components/pagination/pagination.styles.js +3 -2
  262. package/optimize/lib/components/pagination/pagination_button.js +3 -4
  263. package/optimize/lib/components/pagination/pagination_button.styles.js +4 -22
  264. package/optimize/lib/components/pagination/pagination_button_arrow.js +2 -2
  265. package/optimize/lib/components/progress/progress.js +4 -4
  266. package/optimize/lib/components/resizable_container/resizable_panel.js +5 -5
  267. package/optimize/lib/global_styling/functions/logicals.json +2 -2
  268. package/optimize/lib/test/index.d.ts +1 -0
  269. package/optimize/lib/test/required_props.js +20 -8
  270. package/package.json +3 -5
  271. package/src/components/datagrid/_data_grid_data_row.scss +27 -0
  272. package/src/components/header/_index.scss +0 -6
  273. package/src/components/selectable/selectable_templates/_index.scss +0 -1
  274. package/src/global_styling/variables/_header.scss +2 -5
  275. package/src/themes/amsterdam/global_styling/variables/_index.scss +0 -1
  276. package/src/themes/amsterdam/overrides/_header.scss +0 -24
  277. package/test-env/components/accordion/accordion.js +6 -7
  278. package/test-env/components/avatar/avatar.js +1 -1
  279. package/test-env/components/badge/badge.js +4 -5
  280. package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
  281. package/test-env/components/basic_table/basic_table.js +1 -1
  282. package/test-env/components/basic_table/collapsed_item_actions.js +1 -1
  283. package/test-env/components/basic_table/in_memory_table.js +1 -1
  284. package/test-env/components/button/button.js +8 -5
  285. package/test-env/components/button/button_display/_button_display.js +1 -1
  286. package/test-env/components/button/button_display/_button_display_content.js +1 -1
  287. package/test-env/components/button/button_empty/button_empty.js +1 -1
  288. package/test-env/components/button/button_group/button_group.js +1 -1
  289. package/test-env/components/button/button_group/button_group_button.js +1 -1
  290. package/test-env/components/button/button_icon/button_icon.js +1 -1
  291. package/test-env/components/call_out/call_out.js +1 -1
  292. package/test-env/components/card/card.js +6 -6
  293. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  294. package/test-env/components/comment_list/comment.js +2 -2
  295. package/test-env/components/comment_list/comment_event.js +1 -1
  296. package/test-env/components/comment_list/comment_list.js +2 -2
  297. package/test-env/components/comment_list/comment_timeline.js +1 -1
  298. package/test-env/components/datagrid/body/data_grid_body.js +13 -13
  299. package/test-env/components/datagrid/body/data_grid_body_custom.js +13 -13
  300. package/test-env/components/datagrid/body/data_grid_body_virtualized.js +13 -13
  301. package/test-env/components/datagrid/body/data_grid_cell.js +24 -24
  302. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  303. package/test-env/components/datagrid/body/header/data_grid_header_row.js +13 -13
  304. package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
  305. package/test-env/components/datagrid/data_grid.js +13 -13
  306. package/test-env/components/datagrid/utils/in_memory.js +12 -12
  307. package/test-env/components/date_picker/date_picker.js +2 -2
  308. package/test-env/components/date_picker/date_picker_range.js +1 -1
  309. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  310. package/test-env/components/expression/expression.js +10 -11
  311. package/test-env/components/facet/facet_button.js +1 -1
  312. package/test-env/components/form/field_number/field_number.js +1 -1
  313. package/test-env/components/form/field_text/field_text.js +2 -2
  314. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
  315. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  316. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  317. package/test-env/components/header/header.js +8 -2
  318. package/test-env/components/header/header.styles.js +66 -0
  319. package/test-env/components/header/header_links/header_link.js +1 -1
  320. package/test-env/components/header/header_links/header_links.js +1 -1
  321. package/test-env/components/header/{header_logo.js → header_logo/header_logo.js} +9 -4
  322. package/test-env/components/header/header_logo/header_logo.styles.js +28 -0
  323. package/test-env/components/header/header_logo/index.js +12 -0
  324. package/test-env/components/icon/assets/sparkles.js +42 -0
  325. package/test-env/components/icon/icon_glyphs.a11y.js +1 -1
  326. package/test-env/components/icon/icon_map.js +1 -0
  327. package/test-env/components/image/image_fullscreen_wrapper.js +4 -4
  328. package/test-env/components/image/image_wrapper.js +4 -4
  329. package/test-env/components/inline_edit/inline_edit_form.js +7 -4
  330. package/test-env/components/inline_edit/inline_edit_form.styles.js +3 -1
  331. package/test-env/components/inline_edit/inline_edit_text.js +4 -1
  332. package/test-env/components/inline_edit/inline_edit_title.js +4 -1
  333. package/test-env/components/key_pad_menu/key_pad_menu.js +6 -4
  334. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
  335. package/test-env/components/list_group/list_group.js +2 -2
  336. package/test-env/components/list_group/list_group_item.js +5 -6
  337. package/test-env/components/list_group/list_group_item_extra_action.js +1 -1
  338. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  339. package/test-env/components/loading/loading_logo.js +1 -1
  340. package/test-env/components/markdown_editor/markdown_editor.js +1 -1
  341. package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  342. package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
  343. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  344. package/test-env/components/notification/notification_event.js +2 -2
  345. package/test-env/components/notification/notification_event_meta.js +1 -1
  346. package/test-env/components/page/page_body/page_body.js +18 -9
  347. package/test-env/components/page/page_header/page_header_content.js +4 -3
  348. package/test-env/components/page/page_section/page_section.js +1 -1
  349. package/test-env/components/pagination/pagination.js +6 -9
  350. package/test-env/components/pagination/pagination.styles.js +3 -2
  351. package/test-env/components/pagination/pagination_button.js +3 -11
  352. package/test-env/components/pagination/pagination_button.styles.js +4 -22
  353. package/test-env/components/pagination/pagination_button_arrow.js +2 -2
  354. package/test-env/components/progress/progress.js +4 -4
  355. package/test-env/components/resizable_container/resizable_panel.js +5 -5
  356. package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
  357. package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
  358. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  359. package/test-env/components/suggest/suggest.js +1 -1
  360. package/test-env/components/suggest/suggest_item.js +1 -1
  361. package/test-env/components/table/table_header_button.js +1 -1
  362. package/test-env/components/timeline/timeline_item_icon.js +1 -1
  363. package/test-env/components/toast/global_toast_list.js +1 -1
  364. package/test-env/components/toast/toast.js +1 -1
  365. package/test-env/components/tool_tip/icon_tip.js +1 -1
  366. package/test-env/global_styling/functions/logicals.json +2 -2
  367. package/test-env/test/required_props.js +20 -8
  368. package/src/components/header/_header.scss +0 -29
  369. package/src/components/header/_header_logo.scss +0 -40
  370. package/src/components/header/_header_profile.scss +0 -3
  371. package/src/components/header/_mixins.scss +0 -36
  372. package/src/components/selectable/selectable_templates/_selectable_template_sitewide.scss +0 -31
  373. package/src/themes/amsterdam/global_styling/variables/_header.scss +0 -7
@@ -7,9 +7,10 @@ exports.EuiHeaderLogo = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _classnames = _interopRequireDefault(require("classnames"));
10
- var _icon = require("../icon");
11
- var _services = require("../../services");
12
- var _href_validator = require("../../services/security/href_validator");
10
+ var _services = require("../../../services");
11
+ var _href_validator = require("../../../services/security/href_validator");
12
+ var _icon = require("../../icon");
13
+ var _header_logo = require("./header_logo.styles");
13
14
  var _react2 = require("@emotion/react");
14
15
  var _excluded = ["iconType", "iconTitle", "href", "rel", "target", "children", "className"];
15
16
  /*
@@ -35,6 +36,8 @@ var EuiHeaderLogo = function EuiHeaderLogo(_ref) {
35
36
  className = _ref.className,
36
37
  rest = _objectWithoutProperties(_ref, _excluded);
37
38
  var classes = (0, _classnames.default)('euiHeaderLogo', className);
39
+ var euiTheme = (0, _services.useEuiTheme)();
40
+ var styles = (0, _header_logo.euiHeaderLogoStyles)(euiTheme);
38
41
  var secureRel = (0, _services.getSecureRelForTarget)({
39
42
  href: href,
40
43
  rel: rel,
@@ -45,6 +48,7 @@ var EuiHeaderLogo = function EuiHeaderLogo(_ref) {
45
48
  href: isHrefValid ? href : '',
46
49
  rel: secureRel,
47
50
  target: target,
51
+ css: styles.euiHeaderLogo,
48
52
  className: classes
49
53
  }, rest), (0, _react2.jsx)(_icon.EuiIcon, {
50
54
  "aria-label": iconTitle,
@@ -52,6 +56,7 @@ var EuiHeaderLogo = function EuiHeaderLogo(_ref) {
52
56
  size: "l",
53
57
  type: iconType
54
58
  }), children && (0, _react2.jsx)("span", {
59
+ css: styles.euiHeaderLogo__text,
55
60
  className: "euiHeaderLogo__text"
56
61
  }, children));
57
62
  };
@@ -64,7 +69,7 @@ EuiHeaderLogo.propTypes = {
64
69
  href: _propTypes.default.string,
65
70
  rel: _propTypes.default.string,
66
71
  target: _propTypes.default.string,
67
- iconType: _propTypes.default.oneOfType([_propTypes.default.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "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", "eql", "eraser", "error", "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", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "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", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "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", "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", "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", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, _propTypes.default.string.isRequired, _propTypes.default.elementType.isRequired]),
72
+ iconType: _propTypes.default.oneOfType([_propTypes.default.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "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", "eql", "eraser", "error", "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", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "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", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "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", "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", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, _propTypes.default.string.isRequired, _propTypes.default.elementType.isRequired]),
68
73
  iconTitle: _propTypes.default.string,
69
74
  /**
70
75
  * ReactNode to render as this component's content
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.euiHeaderLogoStyles = void 0;
7
+ var _react = require("@emotion/react");
8
+ var _global_styling = require("../../../global_styling");
9
+ var _title = require("../../title/title.styles");
10
+ var _header = require("../header.styles");
11
+ /*
12
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
13
+ * or more contributor license agreements. Licensed under the Elastic License
14
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
15
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
16
+ * Side Public License, v 1.
17
+ */
18
+
19
+ var euiHeaderLogoStyles = function euiHeaderLogoStyles(euiThemeContext) {
20
+ var euiTheme = euiThemeContext.euiTheme;
21
+ var _euiHeaderVariables = (0, _header.euiHeaderVariables)(euiThemeContext),
22
+ childHeight = _euiHeaderVariables.childHeight;
23
+ return {
24
+ euiHeaderLogo: /*#__PURE__*/(0, _react.css)("position:relative;", (0, _global_styling.logicalCSS)('height', childHeight), " line-height:", childHeight, ";", (0, _global_styling.logicalCSS)('min-width', childHeight), " padding-inline:", euiTheme.size.s, ";display:inline-flex;align-items:center;white-space:nowrap;", (0, _global_styling.euiBreakpoint)(euiThemeContext, ['xs']), "{", (0, _global_styling.logicalCSS)('padding-left', euiTheme.size.xs), ";};label:euiHeaderLogo;"),
25
+ euiHeaderLogo__text: /*#__PURE__*/(0, _react.css)((0, _title.euiTitle)(euiThemeContext, 'xxs'), " ", (0, _global_styling.logicalCSS)('padding-left', euiTheme.size.base), " ", (0, _global_styling.euiBreakpoint)(euiThemeContext, ['xs']), "{", (0, _global_styling.logicalCSS)('padding-left', euiTheme.size.s), ";};label:euiHeaderLogo__text;")
26
+ };
27
+ };
28
+ exports.euiHeaderLogoStyles = euiHeaderLogoStyles;
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "EuiHeaderLogo", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _header_logo.EuiHeaderLogo;
10
+ }
11
+ });
12
+ var _header_logo = require("./header_logo");
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+
3
+ 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); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.icon = void 0;
8
+ var React = _interopRequireWildcard(require("react"));
9
+ var _react2 = require("@emotion/react");
10
+ var _excluded = ["title", "titleId"];
11
+ /*
12
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
13
+ * or more contributor license agreements. Licensed under the Elastic License
14
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
15
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
16
+ * Side Public License, v 1.
17
+ */
18
+ // THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
19
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
20
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
+ 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); }
22
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
23
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
24
+ var EuiIconSparkles = function EuiIconSparkles(_ref) {
25
+ var title = _ref.title,
26
+ titleId = _ref.titleId,
27
+ props = _objectWithoutProperties(_ref, _excluded);
28
+ return (0, _react2.jsx)("svg", _extends({
29
+ xmlns: "http://www.w3.org/2000/svg",
30
+ width: 16,
31
+ height: 16,
32
+ viewBox: "0 0 16 16",
33
+ "aria-labelledby": titleId
34
+ }, props), title ? (0, _react2.jsx)("title", {
35
+ id: titleId
36
+ }, title) : null, (0, _react2.jsx)("path", {
37
+ fillRule: "evenodd",
38
+ d: "m5.016 4.383.035-.093a.492.492 0 0 1 .898 0l.035.093c.048.128.072.192.097.253a5.9 5.9 0 0 0 3.536 3.38l.093.035a.492.492 0 0 1 0 .898l-.093.035a5.9 5.9 0 0 0-3.536 3.38c-.025.06-.049.125-.097.253l-.035.093a.492.492 0 0 1-.898 0l-.035-.093c-.048-.128-.072-.192-.097-.253a5.9 5.9 0 0 0-3.536-3.38 2.175 2.175 0 0 1-.093-.035.492.492 0 0 1 0-.898l.093-.035c.128-.048.192-.072.253-.097a5.9 5.9 0 0 0 3.38-3.536Zm6.769-2.213a.968.968 0 0 1 .016-.041.219.219 0 0 1 .398 0 2.622 2.622 0 0 0 1.518 1.613l.113.043a.272.272 0 0 1 .04.016.219.219 0 0 1 0 .398.272.272 0 0 1-.04.016l-.113.043a2.622 2.622 0 0 0-1.502 1.572.968.968 0 0 1-.016.04.219.219 0 0 1-.398 0 2.622 2.622 0 0 0-1.518-1.613l-.113-.042a.272.272 0 0 1-.04-.016.219.219 0 0 1 0-.398.272.272 0 0 1 .04-.016l.113-.043a2.622 2.622 0 0 0 1.502-1.572Zm-.555 8.043.02-.052a.273.273 0 0 1 .5 0l.02.052.053.14a3.275 3.275 0 0 0 1.824 1.824l.14.054c.03.01.044.016.052.02a.273.273 0 0 1 0 .498 1.248 1.248 0 0 1-.052.02c-.07.027-.107.04-.14.054a3.279 3.279 0 0 0-1.824 1.824l-.054.14a.409.409 0 0 1-.02.052.273.273 0 0 1-.498 0 1.248 1.248 0 0 1-.02-.052c-.027-.07-.04-.107-.054-.14a3.279 3.279 0 0 0-1.824-1.824l-.14-.054a1.24 1.24 0 0 1-.052-.02.273.273 0 0 1 0-.498 1.24 1.24 0 0 1 .052-.02l.14-.054a3.279 3.279 0 0 0 1.824-1.824l.054-.14Z"
39
+ }));
40
+ };
41
+ var icon = EuiIconSparkles;
42
+ exports.icon = icon;
@@ -238,6 +238,7 @@ var EuiIconClass = /*#__PURE__*/function (_PureComponent) {
238
238
  src: icon,
239
239
  className: classes,
240
240
  css: cssStyles,
241
+ style: style,
241
242
  tabIndex: tabIndex
242
243
  }, rest));
243
244
  } else {
@@ -283,7 +284,7 @@ EuiIconClass.propTypes = {
283
284
  /**
284
285
  * `Enum` is any of the named icons listed in the docs, `string` is usually a URL to an SVG file, and `elementType` is any React SVG component
285
286
  */
286
- type: _propTypes.default.oneOfType([_propTypes.default.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "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", "eql", "eraser", "error", "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", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "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", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "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", "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", "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", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, _propTypes.default.string.isRequired, _propTypes.default.elementType.isRequired]).isRequired,
287
+ type: _propTypes.default.oneOfType([_propTypes.default.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "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", "eql", "eraser", "error", "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", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "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", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "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", "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", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, _propTypes.default.string.isRequired, _propTypes.default.elementType.isRequired]).isRequired,
287
288
  /**
288
289
  * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.
289
290
  * Note that coloring only works if your SVG is removed of fill attributes.
@@ -18,7 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
18
18
 
19
19
  describe('EuiIcons', function () {
20
20
  describe('Automated accessibility check for glyph icons', function () {
21
- var GlyphIcons = ['accessibility', 'aggregate', 'analyzeEvent', 'annotation', 'apmTrace', 'apps', 'arrowDown', 'arrowLeft', 'arrowRight', 'arrowUp', 'arrowStart', 'arrowEnd', 'article', 'asterisk', 'beaker', 'bell', 'bellSlash', 'beta', 'bolt', 'boxesHorizontal', 'boxesVertical', 'branch', 'branchUser', 'broom', 'brush', 'bug', 'bullseye', 'calendar', 'check', 'checkInCircleFilled', 'cheer', 'clock', 'cloudDrizzle', 'cloudStormy', 'cloudSunny', 'cluster', 'color', 'compute', 'console', 'container', 'continuityAbove', 'continuityAboveBelow', 'continuityBelow', 'continuityWithin', 'controlsHorizontal', 'controlsVertical', 'copy', 'copyClipboard', 'cross', 'crosshairs', 'currency', 'cut', 'database', 'desktop', 'discuss', 'document', 'documents', 'documentEdit', 'documentation', 'dot', 'dotInCircle', 'doubleArrowLeft', 'doubleArrowRight', 'download', 'email', 'empty', 'eql', 'eraser', 'exit', 'expand', 'expandMini', 'exportAction', 'eye', 'eyeClosed', 'faceHappy', 'faceNeutral', 'faceSad', 'filter', 'filterExclude', 'filterIgnore', 'filterInclude', 'filterInCircle', 'flag', 'fold', 'folderCheck', 'folderClosed', 'folderExclamation', 'folderOpen', 'frameNext', 'framePrevious', 'fullScreen', 'fullScreenExit', 'function', 'gear', 'glasses', 'globe', 'grab', 'grabHorizontal', 'grid', 'heart', 'heatmap', 'help', 'home', 'iInCircle', 'image', 'importAction', 'indexClose', 'indexEdit', 'indexFlush', 'indexMapping', 'indexOpen', 'indexRuntime', 'indexSettings', 'indexTemporary', 'infinity', 'inputOutput', 'inspect', 'invert', 'ip', 'keyboard', 'kqlField', 'kqlFunction', 'kqlOperand', 'kqlSelector', 'kqlValue', 'kubernetesNode', 'kubernetesPod', 'launch', 'layers', 'lettering', 'lineDashed', 'lineDotted', 'lineSolid', 'link', 'list', 'listAdd', 'lock', 'lockOpen', 'logstashFilter', 'logstashIf', 'logstashInput', 'logstashOutput', 'logstashQueue', 'magnifyWithExclamation', 'magnifyWithMinus', 'magnifyWithPlus', 'magnet', 'mapMarker', 'memory', 'merge', 'menu', 'menuDown', 'menuLeft', 'menuRight', 'menuUp', 'minimize', 'minus', 'minusInCircle', 'minusInCircleFilled', 'mobile', 'moon', 'namespace', 'nested', 'node', 'number', 'offline', 'online', 'package', 'pageSelect', 'pagesSelect', 'paperClip', 'partial', 'pause', 'payment', 'pencil', 'percent', 'pin', 'pinFilled', 'play', 'playFilled', 'plus', 'plusInCircle', 'plusInCircleFilled', 'popout', 'push', 'questionInCircle', 'quote', 'refresh', 'reporter', 'returnKey', 'save', 'scale', 'search', 'securitySignal', 'securitySignalDetected', 'securitySignalResolved', 'sessionViewer', 'shard', 'share', 'snowflake', 'sortable', 'sortAscending', 'sortDescending', 'sortDown', 'sortLeft', 'sortRight', 'sortUp', 'spaces', 'starEmpty', 'starEmptySpace', 'starFilled', 'starFilledSpace', 'starMinusEmpty', 'starMinusFilled', 'starPlusEmpty', 'starPlusFilled', 'stats', 'stop', 'stopFilled', 'stopSlash', 'storage', 'string', 'submodule', 'sun', 'symlink', 'tableOfContents', 'tableDensityExpanded', 'tableDensityCompact', 'tableDensityNormal', 'tag', 'tear', 'temperature', 'timeline', 'timelineWithArrow', 'timeRefresh', 'timeslider', 'training', 'trash', 'unfold', 'unlink', 'user', 'userAvatar', 'users', 'vector', 'videoPlayer', 'visArea', 'visAreaStacked', 'visBarHorizontal', 'visBarHorizontalStacked', 'visBarVertical', 'visBarVerticalStacked', 'visGauge', 'visGoal', 'visLine', 'visMapCoordinate', 'visMapRegion', 'visMetric', 'visPie', 'visTable', 'visTagCloud', 'visText', 'visTimelion', 'visVega', 'visVisualBuilder', 'warning', 'wordWrap', 'wordWrapDisabled', 'wrench'];
21
+ var GlyphIcons = ['accessibility', 'aggregate', 'analyzeEvent', 'annotation', 'apmTrace', 'apps', 'arrowDown', 'arrowLeft', 'arrowRight', 'arrowUp', 'arrowStart', 'arrowEnd', 'article', 'asterisk', 'beaker', 'bell', 'bellSlash', 'beta', 'bolt', 'boxesHorizontal', 'boxesVertical', 'branch', 'branchUser', 'broom', 'brush', 'bug', 'bullseye', 'calendar', 'check', 'checkInCircleFilled', 'cheer', 'clock', 'cloudDrizzle', 'cloudStormy', 'cloudSunny', 'cluster', 'color', 'compute', 'console', 'container', 'continuityAbove', 'continuityAboveBelow', 'continuityBelow', 'continuityWithin', 'controlsHorizontal', 'controlsVertical', 'copy', 'copyClipboard', 'cross', 'crosshairs', 'currency', 'cut', 'database', 'desktop', 'discuss', 'document', 'documents', 'documentEdit', 'documentation', 'dot', 'dotInCircle', 'doubleArrowLeft', 'doubleArrowRight', 'download', 'email', 'empty', 'eql', 'eraser', 'exit', 'expand', 'expandMini', 'exportAction', 'eye', 'eyeClosed', 'faceHappy', 'faceNeutral', 'faceSad', 'filter', 'filterExclude', 'filterIgnore', 'filterInclude', 'filterInCircle', 'flag', 'fold', 'folderCheck', 'folderClosed', 'folderExclamation', 'folderOpen', 'frameNext', 'framePrevious', 'fullScreen', 'fullScreenExit', 'function', 'gear', 'glasses', 'globe', 'grab', 'grabHorizontal', 'grid', 'heart', 'heatmap', 'help', 'home', 'iInCircle', 'image', 'importAction', 'indexClose', 'indexEdit', 'indexFlush', 'indexMapping', 'indexOpen', 'indexRuntime', 'indexSettings', 'indexTemporary', 'infinity', 'inputOutput', 'inspect', 'invert', 'ip', 'keyboard', 'kqlField', 'kqlFunction', 'kqlOperand', 'kqlSelector', 'kqlValue', 'kubernetesNode', 'kubernetesPod', 'launch', 'layers', 'lettering', 'lineDashed', 'lineDotted', 'lineSolid', 'link', 'list', 'listAdd', 'lock', 'lockOpen', 'logstashFilter', 'logstashIf', 'logstashInput', 'logstashOutput', 'logstashQueue', 'magnifyWithExclamation', 'magnifyWithMinus', 'magnifyWithPlus', 'magnet', 'mapMarker', 'memory', 'merge', 'menu', 'menuDown', 'menuLeft', 'menuRight', 'menuUp', 'minimize', 'minus', 'minusInCircle', 'minusInCircleFilled', 'mobile', 'moon', 'namespace', 'nested', 'node', 'number', 'offline', 'online', 'package', 'pageSelect', 'pagesSelect', 'paperClip', 'partial', 'pause', 'payment', 'pencil', 'percent', 'pin', 'pinFilled', 'play', 'playFilled', 'plus', 'plusInCircle', 'plusInCircleFilled', 'popout', 'push', 'questionInCircle', 'quote', 'refresh', 'reporter', 'returnKey', 'save', 'scale', 'search', 'securitySignal', 'securitySignalDetected', 'securitySignalResolved', 'sessionViewer', 'shard', 'share', 'snowflake', 'sortable', 'sortAscending', 'sortDescending', 'sortDown', 'sortLeft', 'sortRight', 'sortUp', 'spaces', 'sparkles', 'starEmpty', 'starEmptySpace', 'starFilled', 'starFilledSpace', 'starMinusEmpty', 'starMinusFilled', 'starPlusEmpty', 'starPlusFilled', 'stats', 'stop', 'stopFilled', 'stopSlash', 'storage', 'string', 'submodule', 'sun', 'symlink', 'tableOfContents', 'tableDensityExpanded', 'tableDensityCompact', 'tableDensityNormal', 'tag', 'tear', 'temperature', 'timeline', 'timelineWithArrow', 'timeRefresh', 'timeslider', 'training', 'trash', 'unfold', 'unlink', 'user', 'userAvatar', 'users', 'vector', 'videoPlayer', 'visArea', 'visAreaStacked', 'visBarHorizontal', 'visBarHorizontalStacked', 'visBarVertical', 'visBarVerticalStacked', 'visGauge', 'visGoal', 'visLine', 'visMapCoordinate', 'visMapRegion', 'visMetric', 'visPie', 'visTable', 'visTagCloud', 'visText', 'visTimelion', 'visVega', 'visVisualBuilder', 'warning', 'wordWrap', 'wordWrapDisabled', 'wrench'];
22
22
  var GlyphGrid = function GlyphGrid() {
23
23
  return (0, _react2.jsx)("div", null, GlyphIcons.map(function (glyph) {
24
24
  return (0, _react2.jsx)(_icon.EuiIcon, {
@@ -359,6 +359,7 @@ var typeToPathMap = {
359
359
  sortable: 'sortable',
360
360
  spaces: 'spaces',
361
361
  spacesApp: 'app_spaces',
362
+ sparkles: 'sparkles',
362
363
  sqlApp: 'app_sql',
363
364
  starEmpty: 'star_empty',
364
365
  starEmptySpace: 'star_empty_space',
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" d="m5.016 4.383.035-.093a.492.492 0 0 1 .898 0l.035.093c.048.128.072.192.097.253a5.9 5.9 0 0 0 3.536 3.38l.093.035a.492.492 0 0 1 0 .898l-.093.035a5.9 5.9 0 0 0-3.536 3.38c-.025.06-.049.125-.097.253l-.035.093a.492.492 0 0 1-.898 0l-.035-.093c-.048-.128-.072-.192-.097-.253a5.9 5.9 0 0 0-3.536-3.38 2.175 2.175 0 0 1-.093-.035.492.492 0 0 1 0-.898l.093-.035c.128-.048.192-.072.253-.097a5.9 5.9 0 0 0 3.38-3.536Zm6.769-2.213a.968.968 0 0 1 .016-.041.219.219 0 0 1 .398 0 2.622 2.622 0 0 0 1.518 1.613l.113.043a.272.272 0 0 1 .04.016.219.219 0 0 1 0 .398.272.272 0 0 1-.04.016l-.113.043a2.622 2.622 0 0 0-1.502 1.572.968.968 0 0 1-.016.04.219.219 0 0 1-.398 0 2.622 2.622 0 0 0-1.518-1.613l-.113-.042a.272.272 0 0 1-.04-.016.219.219 0 0 1 0-.398.272.272 0 0 1 .04-.016l.113-.043a2.622 2.622 0 0 0 1.502-1.572Zm-.555 8.043.02-.052a.273.273 0 0 1 .5 0l.02.052.053.14a3.275 3.275 0 0 0 1.824 1.824l.14.054c.03.01.044.016.052.02a.273.273 0 0 1 0 .498 1.248 1.248 0 0 1-.052.02c-.07.027-.107.04-.14.054a3.279 3.279 0 0 0-1.824 1.824l-.054.14a.409.409 0 0 1-.02.052.273.273 0 0 1-.498 0 1.248 1.248 0 0 1-.02-.052c-.027-.07-.04-.107-.054-.14a3.279 3.279 0 0 0-1.824-1.824l-.14-.054a1.24 1.24 0 0 1-.052-.02.273.273 0 0 1 0-.498 1.24 1.24 0 0 1 .052-.02l.14-.054a3.279 3.279 0 0 0 1.824-1.824l.054-.14Z"/>
3
+ </svg>
@@ -43,7 +43,7 @@ var EuiImageFullScreenWrapper = function EuiImageFullScreenWrapper(_ref) {
43
43
  onFullScreen = _ref.onFullScreen;
44
44
  var euiTheme = (0, _services.useEuiTheme)();
45
45
  var styles = (0, _image_fullscreen_wrapper.euiImageFullscreenWrapperStyles)(euiTheme);
46
- var cssStyles = [styles.euiImageFullscreenWrapper];
46
+ var cssStyles = [styles.euiImageFullscreenWrapper, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.css];
47
47
  var classes = (0, _classnames.default)('euiImageFullScreenWrapper', wrapperProps && wrapperProps.className);
48
48
  var onKeyDown = function onKeyDown(event) {
49
49
  if (event.key === _services.keys.ESCAPE) {
@@ -69,10 +69,10 @@ var EuiImageFullScreenWrapper = function EuiImageFullScreenWrapper(_ref) {
69
69
  preventScrollOnFocus: true,
70
70
  onClickOutside: closeFullScreen
71
71
  }, (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("figure", _extends({
72
- "aria-label": optionalCaptionText,
73
- css: cssStyles
72
+ "aria-label": optionalCaptionText
74
73
  }, wrapperProps, {
75
- className: classes
74
+ className: classes,
75
+ css: cssStyles
76
76
  }), (0, _react2.jsx)(_image_button.EuiImageButton, {
77
77
  hasAlt: !!alt,
78
78
  hasShadow: hasShadow,
@@ -47,16 +47,16 @@ var EuiImageWrapper = function EuiImageWrapper(_ref) {
47
47
  var classes = (0, _classnames.default)('euiImageWrapper', wrapperProps && wrapperProps.className);
48
48
  var euiTheme = (0, _services.useEuiTheme)();
49
49
  var styles = (0, _image_wrapper.euiImageWrapperStyles)(euiTheme);
50
- var cssFigureStyles = [styles.euiImageWrapper, float && styles[float], margin && styles[margin], allowFullScreen && styles.allowFullScreen, isFullWidth && styles.fullWidth];
50
+ var cssFigureStyles = [styles.euiImageWrapper, float && styles[float], margin && styles[margin], allowFullScreen && styles.allowFullScreen, isFullWidth && styles.fullWidth, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.css];
51
51
  var _useInnerText = (0, _inner_text.useInnerText)(),
52
52
  _useInnerText2 = _slicedToArray(_useInnerText, 2),
53
53
  optionalCaptionRef = _useInnerText2[0],
54
54
  optionalCaptionText = _useInnerText2[1];
55
55
  return (0, _react2.jsx)("figure", _extends({
56
- "aria-label": optionalCaptionText,
57
- css: cssFigureStyles
56
+ "aria-label": optionalCaptionText
58
57
  }, wrapperProps, {
59
- className: classes
58
+ className: classes,
59
+ css: cssFigureStyles
60
60
  }), allowFullScreen ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_image_button.EuiImageButton, {
61
61
  hasAlt: !!alt,
62
62
  hasShadow: hasShadow,
@@ -56,6 +56,7 @@ var EuiInlineEditForm = function EuiInlineEditForm(_ref) {
56
56
  children = _ref.children,
57
57
  sizes = _ref.sizes,
58
58
  defaultValue = _ref.defaultValue,
59
+ placeholder = _ref.placeholder,
59
60
  inputAriaLabel = _ref.inputAriaLabel,
60
61
  startWithEditOpen = _ref.startWithEditOpen,
61
62
  readModeProps = _ref.readModeProps,
@@ -67,8 +68,6 @@ var EuiInlineEditForm = function EuiInlineEditForm(_ref) {
67
68
  isReadOnly = _ref.isReadOnly;
68
69
  var classes = (0, _classnames.default)('euiInlineEdit', className);
69
70
  var euiTheme = (0, _services.useEuiTheme)();
70
- var readModeStyles = (0, _inline_edit_form.euiInlineEditReadModeStyles)(euiTheme);
71
- var readModeCssStyles = [readModeStyles.euiInlineEditReadMode, isReadOnly && readModeStyles.isReadOnly];
72
71
  var _euiFormVariables = (0, _form2.euiFormVariables)(euiTheme),
73
72
  controlHeight = _euiFormVariables.controlHeight,
74
73
  controlCompressedHeight = _euiFormVariables.controlCompressedHeight;
@@ -97,6 +96,8 @@ var EuiInlineEditForm = function EuiInlineEditForm(_ref) {
97
96
  _useState6 = _slicedToArray(_useState5, 2),
98
97
  readModeValue = _useState6[0],
99
98
  setReadModeValue = _useState6[1];
99
+ var readModeStyles = (0, _inline_edit_form.euiInlineEditReadModeStyles)(euiTheme);
100
+ var readModeCssStyles = [readModeStyles.euiInlineEditReadMode, isReadOnly && readModeStyles.isReadOnly, placeholder && !readModeValue && readModeStyles.hasPlaceholder];
100
101
  var activateEditMode = function activateEditMode() {
101
102
  setIsEditing(true);
102
103
  // Waits a tick for state to settle and the focus target to render
@@ -192,7 +193,8 @@ var EuiInlineEditForm = function EuiInlineEditForm(_ref) {
192
193
  compressed: sizes.compressed,
193
194
  isInvalid: isInvalid,
194
195
  isLoading: isLoading,
195
- "data-test-subj": "euiInlineEditModeInput"
196
+ "data-test-subj": "euiInlineEditModeInput",
197
+ placeholder: placeholder
196
198
  }, editModeProps === null || editModeProps === void 0 ? void 0 : editModeProps.inputProps, {
197
199
  inputRef: setEditModeRefs,
198
200
  onChange: function onChange(e) {
@@ -279,7 +281,7 @@ var EuiInlineEditForm = function EuiInlineEditForm(_ref) {
279
281
  activateEditMode();
280
282
  readModeProps === null || readModeProps === void 0 ? void 0 : (_readModeProps$onClic = readModeProps.onClick) === null || _readModeProps$onClic === void 0 ? void 0 : _readModeProps$onClic.call(readModeProps, e);
281
283
  }
282
- }), children(readModeValue)), (0, _react2.jsx)("span", {
284
+ }), children(readModeValue || placeholder)), (0, _react2.jsx)("span", {
283
285
  id: readModeDescribedById,
284
286
  hidden: true
285
287
  }, !isReadOnly && (0, _react2.jsx)(_i18n.EuiI18n, {
@@ -297,6 +299,7 @@ EuiInlineEditForm.propTypes = {
297
299
  "data-test-subj": _propTypes.default.string,
298
300
  css: _propTypes.default.any,
299
301
  defaultValue: _propTypes.default.string.isRequired,
302
+ placeholder: _propTypes.default.string,
300
303
  /**
301
304
  * Callback that fires when a user clicks the save button.
302
305
  * Passes the current edited text value as an argument.
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.euiInlineEditReadModeStyles = void 0;
7
7
  var _react = require("@emotion/react");
8
+ var _services = require("../../services");
8
9
  /*
9
10
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
10
11
  * or more contributor license agreements. Licensed under the Elastic License
@@ -18,7 +19,8 @@ var euiInlineEditReadModeStyles = function euiInlineEditReadModeStyles(_ref) {
18
19
  return {
19
20
  euiInlineEditReadMode: /*#__PURE__*/(0, _react.css)(";label:euiInlineEditReadMode;"),
20
21
  // Override the cursor and allow users to highlight text when in the read only state
21
- isReadOnly: /*#__PURE__*/(0, _react.css)("&:disabled{cursor:text;color:", euiTheme.colors.text, ";user-select:text;};label:isReadOnly;")
22
+ isReadOnly: /*#__PURE__*/(0, _react.css)("&:disabled{cursor:text;color:", euiTheme.colors.text, ";user-select:text;};label:isReadOnly;"),
23
+ hasPlaceholder: /*#__PURE__*/(0, _react.css)(".euiText,.euiTitle{color:", (0, _services.tint)(euiTheme.colors.subduedText, 0.08), ";};label:hasPlaceholder;")
22
24
  };
23
25
  };
24
26
  exports.euiInlineEditReadModeStyles = euiInlineEditReadModeStyles;
@@ -13,7 +13,7 @@ var _inline_edit_form = require("./inline_edit_form");
13
13
  var _services = require("../../services");
14
14
  var _inline_edit_text = require("./inline_edit_text.styles");
15
15
  var _react2 = require("@emotion/react");
16
- var _excluded = ["children", "className", "size", "defaultValue", "inputAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps", "isLoading", "isInvalid", "isReadOnly"];
16
+ var _excluded = ["children", "className", "size", "defaultValue", "placeholder", "inputAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps", "isLoading", "isInvalid", "isReadOnly"];
17
17
  /*
18
18
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
19
19
  * or more contributor license agreements. Licensed under the Elastic License
@@ -38,6 +38,7 @@ var EuiInlineEditText = function EuiInlineEditText(_ref) {
38
38
  _ref$size = _ref.size,
39
39
  size = _ref$size === void 0 ? 'm' : _ref$size,
40
40
  defaultValue = _ref.defaultValue,
41
+ placeholder = _ref.placeholder,
41
42
  inputAriaLabel = _ref.inputAriaLabel,
42
43
  startWithEditOpen = _ref.startWithEditOpen,
43
44
  _readModeProps = _ref.readModeProps,
@@ -61,6 +62,7 @@ var EuiInlineEditText = function EuiInlineEditText(_ref) {
61
62
  var formProps = {
62
63
  sizes: sizes,
63
64
  defaultValue: defaultValue,
65
+ placeholder: placeholder,
64
66
  inputAriaLabel: inputAriaLabel,
65
67
  startWithEditOpen: startWithEditOpen,
66
68
  readModeProps: readModeProps,
@@ -86,6 +88,7 @@ EuiInlineEditText.propTypes = {
86
88
  "data-test-subj": _propTypes.default.string,
87
89
  css: _propTypes.default.any,
88
90
  defaultValue: _propTypes.default.string.isRequired,
91
+ placeholder: _propTypes.default.string,
89
92
  /**
90
93
  * Callback that fires when a user clicks the save button.
91
94
  * Passes the current edited text value as an argument.
@@ -13,7 +13,7 @@ var _inline_edit_form = require("./inline_edit_form");
13
13
  var _services = require("../../services");
14
14
  var _inline_edit_title = require("./inline_edit_title.styles");
15
15
  var _react2 = require("@emotion/react");
16
- var _excluded = ["children", "className", "size", "heading", "defaultValue", "inputAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps", "isLoading", "isInvalid", "isReadOnly"];
16
+ var _excluded = ["children", "className", "size", "heading", "defaultValue", "placeholder", "inputAriaLabel", "startWithEditOpen", "readModeProps", "editModeProps", "isLoading", "isInvalid", "isReadOnly"];
17
17
  /*
18
18
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
19
19
  * or more contributor license agreements. Licensed under the Elastic License
@@ -41,6 +41,7 @@ var EuiInlineEditTitle = function EuiInlineEditTitle(_ref) {
41
41
  size = _ref$size === void 0 ? 'm' : _ref$size,
42
42
  heading = _ref.heading,
43
43
  defaultValue = _ref.defaultValue,
44
+ placeholder = _ref.placeholder,
44
45
  inputAriaLabel = _ref.inputAriaLabel,
45
46
  startWithEditOpen = _ref.startWithEditOpen,
46
47
  _readModeProps = _ref.readModeProps,
@@ -69,6 +70,7 @@ var EuiInlineEditTitle = function EuiInlineEditTitle(_ref) {
69
70
  var formProps = {
70
71
  sizes: sizes,
71
72
  defaultValue: defaultValue,
73
+ placeholder: placeholder,
72
74
  inputAriaLabel: inputAriaLabel,
73
75
  startWithEditOpen: startWithEditOpen,
74
76
  readModeProps: readModeProps,
@@ -96,6 +98,7 @@ EuiInlineEditTitle.propTypes = {
96
98
  "data-test-subj": _propTypes.default.string,
97
99
  css: _propTypes.default.any,
98
100
  defaultValue: _propTypes.default.string.isRequired,
101
+ placeholder: _propTypes.default.string,
99
102
  /**
100
103
  * Callback that fires when a user clicks the save button.
101
104
  * Passes the current edited text value as an argument.
@@ -25,23 +25,25 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
25
25
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
26
26
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
27
27
  var EuiKeyPadMenu = function EuiKeyPadMenu(_ref) {
28
+ var _checkable$legendProp;
28
29
  var children = _ref.children,
29
30
  className = _ref.className,
30
31
  checkable = _ref.checkable,
31
32
  rest = _objectWithoutProperties(_ref, _excluded);
33
+ var hasCheckableConfig = _typeof(checkable) === 'object';
32
34
  var classes = (0, _classnames.default)('euiKeyPadMenu', className);
33
35
  var theme = (0, _services.useEuiTheme)();
34
36
  var styles = (0, _key_pad_menu.euiKeyPadMenuStyles)(theme);
35
37
  var cssStyles = [styles.euiKeyPadMenu];
36
- var legend = _typeof(checkable) === 'object' && checkable.legend ? (0, _react2.jsx)(_form_label.EuiFormLabel, _extends({
37
- css: styles.euiKeyPadMenu__legend
38
- }, checkable.legendProps, {
38
+ var legendCssStyles = [styles.euiKeyPadMenu__legend, hasCheckableConfig && (checkable === null || checkable === void 0 ? void 0 : (_checkable$legendProp = checkable.legendProps) === null || _checkable$legendProp === void 0 ? void 0 : _checkable$legendProp.css)];
39
+ var legend = hasCheckableConfig && checkable.legend ? (0, _react2.jsx)(_form_label.EuiFormLabel, _extends({}, checkable.legendProps, {
40
+ css: legendCssStyles,
39
41
  type: "legend"
40
42
  }), checkable.legend) : undefined;
41
43
  return checkable ? (0, _react2.jsx)("fieldset", _extends({
42
44
  css: cssStyles,
43
45
  className: classes,
44
- "aria-label": _typeof(checkable) === 'object' ? checkable.ariaLegend : undefined
46
+ "aria-label": hasCheckableConfig ? checkable.ariaLegend : undefined
45
47
  }, rest), legend, children) : (0, _react2.jsx)("ul", _extends({
46
48
  css: cssStyles,
47
49
  className: classes
@@ -233,7 +233,7 @@ EuiKeyPadMenuItem.propTypes = {
233
233
  /**
234
234
  * Supply an icon type if the badge should just be an icon
235
235
  */
236
- betaBadgeIconType: _propTypes.default.oneOfType([_propTypes.default.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "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", "eql", "eraser", "error", "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", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "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", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "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", "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", "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", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, _propTypes.default.string.isRequired, _propTypes.default.elementType.isRequired]),
236
+ betaBadgeIconType: _propTypes.default.oneOfType([_propTypes.default.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "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", "eql", "eraser", "error", "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", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "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", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "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", "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", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, _propTypes.default.string.isRequired, _propTypes.default.elementType.isRequired]),
237
237
  /**
238
238
  * Add a description to the beta badge (will appear in a tooltip)
239
239
  */