@elastic/eui 70.2.4 → 70.4.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 (408) hide show
  1. package/dist/eui_theme_dark.css +0 -198
  2. package/dist/eui_theme_dark.min.css +1 -1
  3. package/dist/eui_theme_light.css +0 -198
  4. package/dist/eui_theme_light.min.css +1 -1
  5. package/es/components/accessibility/skip_link/skip_link.js +6 -5
  6. package/es/components/avatar/avatar.js +1 -1
  7. package/es/components/badge/badge.js +1 -1
  8. package/es/components/badge/beta_badge/beta_badge.js +12 -4
  9. package/es/components/badge/beta_badge/beta_badge.styles.js +25 -4
  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/beacon/beacon.js +14 -4
  14. package/es/components/beacon/beacon.styles.js +14 -4
  15. package/es/components/button/_button_content_deprecated.js +1 -1
  16. package/es/components/button/button_display/_button_display.js +1 -1
  17. package/es/components/button/button_display/_button_display_content.js +1 -1
  18. package/es/components/button/button_empty/button_empty.js +1 -1
  19. package/es/components/button/button_group/button_group.js +1 -1
  20. package/es/components/button/button_group/button_group_button.js +1 -1
  21. package/es/components/button/button_icon/button_icon.js +1 -1
  22. package/es/components/call_out/call_out.js +1 -1
  23. package/es/components/card/card.js +7 -2
  24. package/es/components/card/card.styles.js +4 -4
  25. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  26. package/es/components/comment_list/comment.js +2 -2
  27. package/es/components/comment_list/comment_event.js +1 -1
  28. package/es/components/comment_list/comment_list.js +2 -2
  29. package/es/components/comment_list/comment_timeline.js +1 -1
  30. package/es/components/datagrid/body/data_grid_body.js +13 -13
  31. package/es/components/datagrid/body/data_grid_cell.js +24 -24
  32. package/es/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  33. package/es/components/datagrid/body/header/data_grid_header_row.js +13 -13
  34. package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
  35. package/es/components/datagrid/data_grid.js +13 -13
  36. package/es/components/datagrid/utils/in_memory.js +12 -12
  37. package/es/components/date_picker/date_picker.js +2 -2
  38. package/es/components/date_picker/date_picker_range.js +1 -1
  39. package/es/components/date_picker/super_date_picker/super_date_picker.a11y.js +109 -0
  40. package/es/components/description_list/description_list.styles.js +2 -2
  41. package/es/components/description_list/description_list_description.js +6 -2
  42. package/es/components/description_list/description_list_description.styles.js +2 -2
  43. package/es/components/description_list/description_list_title.styles.js +2 -2
  44. package/es/components/empty_prompt/empty_prompt.js +1 -1
  45. package/es/components/facet/facet_button.js +1 -1
  46. package/es/components/flex/flex_grid.styles.js +2 -2
  47. package/es/components/flex/flex_group.styles.js +2 -2
  48. package/es/components/flyout/flyout.a11y.js +92 -0
  49. package/es/components/flyout/flyout.styles.js +7 -7
  50. package/es/components/form/field_number/field_number.js +1 -1
  51. package/es/components/form/field_text/field_text.js +2 -2
  52. package/es/components/form/form_control_layout/form_control_layout.js +2 -2
  53. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  54. package/es/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  55. package/es/components/header/header_links/header_link.js +1 -1
  56. package/es/components/header/header_links/header_links.js +1 -1
  57. package/es/components/header/header_logo.js +1 -1
  58. package/es/components/icon/assets/filterInCircle.js +39 -0
  59. package/es/components/icon/icon.js +1 -1
  60. package/es/components/icon/icon_map.js +1 -0
  61. package/es/components/image/image_fullscreen_wrapper.styles.js +3 -11
  62. package/es/components/image/image_wrapper.styles.js +3 -3
  63. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
  64. package/es/components/list_group/list_group.js +2 -2
  65. package/es/components/list_group/list_group_item.js +2 -2
  66. package/es/components/list_group/list_group_item_extra_action.js +1 -1
  67. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  68. package/es/components/loading/loading_logo.js +1 -1
  69. package/es/components/markdown_editor/markdown_editor.js +1 -1
  70. package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  71. package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
  72. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  73. package/es/components/modal/confirm_modal.js +11 -0
  74. package/es/components/modal/modal.a11y.js +70 -0
  75. package/es/components/modal/modal.js +17 -27
  76. package/es/components/modal/modal.styles.js +23 -0
  77. package/es/components/modal/modal_body.js +8 -0
  78. package/es/components/modal/modal_body.styles.js +16 -0
  79. package/es/components/modal/modal_footer.js +6 -0
  80. package/es/components/modal/modal_footer.styles.js +15 -0
  81. package/es/components/modal/modal_header.js +6 -0
  82. package/es/components/modal/modal_header.styles.js +14 -0
  83. package/es/components/modal/modal_header_title.js +3 -1
  84. package/es/components/notification/notification_event.js +2 -2
  85. package/es/components/notification/notification_event_meta.js +1 -1
  86. package/es/components/page/page.styles.js +2 -2
  87. package/es/components/page/page_header/page_header_content.js +1 -1
  88. package/es/components/page_template/outer/page_outer.js +1 -1
  89. package/es/components/page_template/page_template.js +28 -6
  90. package/es/components/pagination/pagination_button.js +1 -1
  91. package/es/components/popover/popover.a11y.js +83 -0
  92. package/es/components/search_bar/query/ast_to_es_query_dsl.js +8 -2
  93. package/es/components/search_bar/query/default_syntax.js +2 -1
  94. package/es/components/selectable/selectable_list/selectable_list.js +1 -1
  95. package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
  96. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  97. package/es/components/suggest/suggest.js +1 -1
  98. package/es/components/suggest/suggest_item.js +1 -1
  99. package/es/components/table/table_header_button.js +1 -1
  100. package/es/components/tabs/tabs.a11y.js +97 -0
  101. package/es/components/timeline/timeline_item_icon.js +1 -1
  102. package/es/components/toast/global_toast_list.js +1 -1
  103. package/es/components/toast/global_toast_list.styles.js +5 -5
  104. package/es/components/toast/toast.js +1 -1
  105. package/es/components/tool_tip/icon_tip.js +1 -1
  106. package/es/components/tour/tour_step.js +20 -6
  107. package/es/components/tree_view/tree_view.a11y.js +74 -0
  108. package/es/global_styling/mixins/_responsive.js +46 -1
  109. package/es/global_styling/utility/animations.js +5 -2
  110. package/eui.d.ts +108 -14
  111. package/i18ntokens.json +8 -8
  112. package/lib/components/accessibility/skip_link/skip_link.js +6 -5
  113. package/lib/components/avatar/avatar.js +1 -1
  114. package/lib/components/badge/badge.js +1 -1
  115. package/lib/components/badge/beta_badge/beta_badge.js +14 -5
  116. package/lib/components/badge/beta_badge/beta_badge.styles.js +25 -4
  117. package/lib/components/basic_table/basic_table.js +1 -1
  118. package/lib/components/basic_table/collapsed_item_actions.js +1 -1
  119. package/lib/components/basic_table/in_memory_table.js +1 -1
  120. package/lib/components/beacon/beacon.js +18 -5
  121. package/lib/components/beacon/beacon.styles.js +13 -5
  122. package/lib/components/button/_button_content_deprecated.js +1 -1
  123. package/lib/components/button/button_display/_button_display.js +1 -1
  124. package/lib/components/button/button_display/_button_display_content.js +1 -1
  125. package/lib/components/button/button_empty/button_empty.js +1 -1
  126. package/lib/components/button/button_group/button_group.js +1 -1
  127. package/lib/components/button/button_group/button_group_button.js +1 -1
  128. package/lib/components/button/button_icon/button_icon.js +1 -1
  129. package/lib/components/call_out/call_out.js +1 -1
  130. package/lib/components/card/card.js +7 -2
  131. package/lib/components/card/card.styles.js +4 -4
  132. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  133. package/lib/components/comment_list/comment.js +2 -2
  134. package/lib/components/comment_list/comment_event.js +1 -1
  135. package/lib/components/comment_list/comment_list.js +2 -2
  136. package/lib/components/comment_list/comment_timeline.js +1 -1
  137. package/lib/components/datagrid/body/data_grid_body.js +13 -13
  138. package/lib/components/datagrid/body/data_grid_cell.js +24 -24
  139. package/lib/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  140. package/lib/components/datagrid/body/header/data_grid_header_row.js +13 -13
  141. package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
  142. package/lib/components/datagrid/data_grid.js +13 -13
  143. package/lib/components/datagrid/utils/in_memory.js +12 -12
  144. package/lib/components/date_picker/date_picker.js +2 -2
  145. package/lib/components/date_picker/date_picker_range.js +1 -1
  146. package/lib/components/date_picker/super_date_picker/super_date_picker.a11y.js +111 -0
  147. package/lib/components/description_list/description_list.styles.js +1 -1
  148. package/lib/components/description_list/description_list_description.js +5 -1
  149. package/lib/components/description_list/description_list_description.styles.js +1 -1
  150. package/lib/components/description_list/description_list_title.styles.js +1 -1
  151. package/lib/components/empty_prompt/empty_prompt.js +1 -1
  152. package/lib/components/facet/facet_button.js +1 -1
  153. package/lib/components/flex/flex_grid.styles.js +1 -1
  154. package/lib/components/flex/flex_group.styles.js +1 -1
  155. package/lib/components/flyout/flyout.a11y.js +94 -0
  156. package/lib/components/flyout/flyout.styles.js +6 -6
  157. package/lib/components/form/field_number/field_number.js +1 -1
  158. package/lib/components/form/field_text/field_text.js +2 -2
  159. package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
  160. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  161. package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  162. package/lib/components/header/header_links/header_link.js +1 -1
  163. package/lib/components/header/header_links/header_links.js +1 -1
  164. package/lib/components/header/header_logo.js +1 -1
  165. package/lib/components/icon/assets/filterInCircle.js +46 -0
  166. package/lib/components/icon/icon.js +1 -1
  167. package/lib/components/icon/icon_map.js +1 -0
  168. package/lib/components/icon/svgs/filterInCircle.svg +3 -0
  169. package/lib/components/image/image_fullscreen_wrapper.styles.js +9 -10
  170. package/lib/components/image/image_wrapper.styles.js +2 -2
  171. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
  172. package/lib/components/list_group/list_group.js +2 -2
  173. package/lib/components/list_group/list_group_item.js +2 -2
  174. package/lib/components/list_group/list_group_item_extra_action.js +1 -1
  175. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  176. package/lib/components/loading/loading_logo.js +1 -1
  177. package/lib/components/markdown_editor/markdown_editor.js +1 -1
  178. package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  179. package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
  180. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  181. package/lib/components/modal/confirm_modal.js +13 -0
  182. package/lib/components/modal/modal.a11y.js +73 -0
  183. package/lib/components/modal/modal.js +17 -32
  184. package/lib/components/modal/modal.styles.js +36 -0
  185. package/lib/components/modal/modal_body.js +10 -0
  186. package/lib/components/modal/modal_body.styles.js +27 -0
  187. package/lib/components/modal/modal_footer.js +8 -0
  188. package/lib/components/modal/modal_footer.styles.js +26 -0
  189. package/lib/components/modal/modal_header.js +8 -0
  190. package/lib/components/modal/modal_header.styles.js +24 -0
  191. package/lib/components/modal/modal_header_title.js +4 -1
  192. package/lib/components/notification/notification_event.js +2 -2
  193. package/lib/components/notification/notification_event_meta.js +1 -1
  194. package/lib/components/page/page.styles.js +1 -1
  195. package/lib/components/page/page_header/page_header_content.js +1 -1
  196. package/lib/components/page_template/outer/page_outer.js +1 -1
  197. package/lib/components/page_template/page_template.js +32 -10
  198. package/lib/components/popover/popover.a11y.js +86 -0
  199. package/lib/components/search_bar/query/ast_to_es_query_dsl.js +8 -2
  200. package/lib/components/search_bar/query/default_syntax.js +2 -1
  201. package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
  202. package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
  203. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  204. package/lib/components/suggest/suggest.js +1 -1
  205. package/lib/components/suggest/suggest_item.js +1 -1
  206. package/lib/components/table/table_header_button.js +1 -1
  207. package/lib/components/tabs/tabs.a11y.js +98 -0
  208. package/lib/components/timeline/timeline_item_icon.js +1 -1
  209. package/lib/components/toast/global_toast_list.js +1 -1
  210. package/lib/components/toast/global_toast_list.styles.js +4 -4
  211. package/lib/components/toast/toast.js +1 -1
  212. package/lib/components/tool_tip/icon_tip.js +1 -1
  213. package/lib/components/tour/tour_step.js +20 -6
  214. package/lib/components/tree_view/tree_view.a11y.js +80 -0
  215. package/lib/global_styling/mixins/_responsive.js +60 -3
  216. package/lib/global_styling/utility/animations.js +9 -3
  217. package/optimize/es/components/accessibility/skip_link/skip_link.js +6 -5
  218. package/optimize/es/components/badge/beta_badge/beta_badge.js +5 -2
  219. package/optimize/es/components/badge/beta_badge/beta_badge.styles.js +25 -4
  220. package/optimize/es/components/beacon/beacon.js +8 -3
  221. package/optimize/es/components/beacon/beacon.styles.js +14 -4
  222. package/optimize/es/components/card/card.styles.js +4 -4
  223. package/optimize/es/components/date_picker/super_date_picker/super_date_picker.a11y.js +98 -0
  224. package/optimize/es/components/description_list/description_list.styles.js +2 -2
  225. package/optimize/es/components/description_list/description_list_description.js +6 -2
  226. package/optimize/es/components/description_list/description_list_description.styles.js +2 -2
  227. package/optimize/es/components/description_list/description_list_title.styles.js +2 -2
  228. package/optimize/es/components/flex/flex_grid.styles.js +2 -2
  229. package/optimize/es/components/flex/flex_group.styles.js +2 -2
  230. package/optimize/es/components/flyout/flyout.a11y.js +77 -0
  231. package/optimize/es/components/flyout/flyout.styles.js +7 -7
  232. package/optimize/es/components/icon/assets/filterInCircle.js +35 -0
  233. package/optimize/es/components/icon/icon_map.js +1 -0
  234. package/optimize/es/components/image/image_fullscreen_wrapper.styles.js +3 -11
  235. package/optimize/es/components/image/image_wrapper.styles.js +3 -3
  236. package/optimize/es/components/modal/confirm_modal.js +6 -0
  237. package/optimize/es/components/modal/modal.a11y.js +60 -0
  238. package/optimize/es/components/modal/modal.js +17 -27
  239. package/optimize/es/components/modal/modal.styles.js +23 -0
  240. package/optimize/es/components/modal/modal_body.js +8 -0
  241. package/optimize/es/components/modal/modal_body.styles.js +16 -0
  242. package/optimize/es/components/modal/modal_footer.js +6 -0
  243. package/optimize/es/components/modal/modal_footer.styles.js +15 -0
  244. package/optimize/es/components/modal/modal_header.js +6 -0
  245. package/optimize/es/components/modal/modal_header.styles.js +14 -0
  246. package/optimize/es/components/modal/modal_header_title.js +3 -1
  247. package/optimize/es/components/page/page.styles.js +2 -2
  248. package/optimize/es/components/page_template/page_template.js +5 -3
  249. package/optimize/es/components/popover/popover.a11y.js +73 -0
  250. package/optimize/es/components/search_bar/query/ast_to_es_query_dsl.js +8 -2
  251. package/optimize/es/components/search_bar/query/default_syntax.js +2 -1
  252. package/optimize/es/components/tabs/tabs.a11y.js +97 -0
  253. package/optimize/es/components/toast/global_toast_list.styles.js +5 -5
  254. package/optimize/es/components/tour/tour_step.js +17 -4
  255. package/optimize/es/components/tree_view/tree_view.a11y.js +74 -0
  256. package/optimize/es/global_styling/mixins/_responsive.js +46 -1
  257. package/optimize/es/global_styling/utility/animations.js +5 -2
  258. package/optimize/lib/components/accessibility/skip_link/skip_link.js +6 -5
  259. package/optimize/lib/components/badge/beta_badge/beta_badge.js +7 -3
  260. package/optimize/lib/components/badge/beta_badge/beta_badge.styles.js +25 -4
  261. package/optimize/lib/components/beacon/beacon.js +12 -4
  262. package/optimize/lib/components/beacon/beacon.styles.js +13 -5
  263. package/optimize/lib/components/card/card.styles.js +4 -4
  264. package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.a11y.js +111 -0
  265. package/optimize/lib/components/description_list/description_list.styles.js +1 -1
  266. package/optimize/lib/components/description_list/description_list_description.js +5 -1
  267. package/optimize/lib/components/description_list/description_list_description.styles.js +1 -1
  268. package/optimize/lib/components/description_list/description_list_title.styles.js +1 -1
  269. package/optimize/lib/components/flex/flex_grid.styles.js +1 -1
  270. package/optimize/lib/components/flex/flex_group.styles.js +1 -1
  271. package/optimize/lib/components/flyout/flyout.a11y.js +84 -0
  272. package/optimize/lib/components/flyout/flyout.styles.js +6 -6
  273. package/optimize/lib/components/icon/assets/filterInCircle.js +45 -0
  274. package/optimize/lib/components/icon/icon_map.js +1 -0
  275. package/optimize/lib/components/icon/svgs/filterInCircle.svg +3 -0
  276. package/optimize/lib/components/image/image_fullscreen_wrapper.styles.js +9 -12
  277. package/optimize/lib/components/image/image_wrapper.styles.js +2 -2
  278. package/optimize/lib/components/modal/confirm_modal.js +8 -0
  279. package/optimize/lib/components/modal/modal.a11y.js +73 -0
  280. package/optimize/lib/components/modal/modal.js +17 -31
  281. package/optimize/lib/components/modal/modal.styles.js +36 -0
  282. package/optimize/lib/components/modal/modal_body.js +10 -0
  283. package/optimize/lib/components/modal/modal_body.styles.js +27 -0
  284. package/optimize/lib/components/modal/modal_footer.js +8 -0
  285. package/optimize/lib/components/modal/modal_footer.styles.js +26 -0
  286. package/optimize/lib/components/modal/modal_header.js +8 -0
  287. package/optimize/lib/components/modal/modal_header.styles.js +24 -0
  288. package/optimize/lib/components/modal/modal_header_title.js +4 -1
  289. package/optimize/lib/components/page/page.styles.js +1 -1
  290. package/optimize/lib/components/page_template/page_template.js +5 -3
  291. package/optimize/lib/components/popover/popover.a11y.js +86 -0
  292. package/optimize/lib/components/search_bar/query/ast_to_es_query_dsl.js +8 -2
  293. package/optimize/lib/components/search_bar/query/default_syntax.js +2 -1
  294. package/optimize/lib/components/tabs/tabs.a11y.js +98 -0
  295. package/optimize/lib/components/toast/global_toast_list.styles.js +4 -4
  296. package/optimize/lib/components/tour/tour_step.js +17 -4
  297. package/optimize/lib/components/tree_view/tree_view.a11y.js +80 -0
  298. package/optimize/lib/global_styling/mixins/_responsive.js +60 -3
  299. package/optimize/lib/global_styling/utility/animations.js +9 -3
  300. package/package.json +5 -4
  301. package/src/components/index.scss +0 -1
  302. package/src/themes/amsterdam/overrides/_index.scss +0 -1
  303. package/test-env/components/accessibility/skip_link/skip_link.js +6 -5
  304. package/test-env/components/avatar/avatar.js +1 -1
  305. package/test-env/components/badge/badge.js +1 -1
  306. package/test-env/components/badge/beta_badge/beta_badge.js +14 -5
  307. package/test-env/components/badge/beta_badge/beta_badge.styles.js +25 -4
  308. package/test-env/components/basic_table/basic_table.js +1 -1
  309. package/test-env/components/basic_table/collapsed_item_actions.js +1 -1
  310. package/test-env/components/basic_table/in_memory_table.js +1 -1
  311. package/test-env/components/beacon/beacon.js +18 -5
  312. package/test-env/components/beacon/beacon.styles.js +13 -5
  313. package/test-env/components/button/_button_content_deprecated.js +1 -1
  314. package/test-env/components/button/button_display/_button_display.js +1 -1
  315. package/test-env/components/button/button_display/_button_display_content.js +1 -1
  316. package/test-env/components/button/button_empty/button_empty.js +1 -1
  317. package/test-env/components/button/button_group/button_group.js +1 -1
  318. package/test-env/components/button/button_group/button_group_button.js +1 -1
  319. package/test-env/components/button/button_icon/button_icon.js +1 -1
  320. package/test-env/components/call_out/call_out.js +1 -1
  321. package/test-env/components/card/card.js +7 -2
  322. package/test-env/components/card/card.styles.js +4 -4
  323. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  324. package/test-env/components/comment_list/comment.js +2 -2
  325. package/test-env/components/comment_list/comment_event.js +1 -1
  326. package/test-env/components/comment_list/comment_list.js +2 -2
  327. package/test-env/components/comment_list/comment_timeline.js +1 -1
  328. package/test-env/components/datagrid/body/data_grid_body.js +13 -13
  329. package/test-env/components/datagrid/body/data_grid_cell.js +24 -24
  330. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  331. package/test-env/components/datagrid/body/header/data_grid_header_row.js +13 -13
  332. package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
  333. package/test-env/components/datagrid/data_grid.js +13 -13
  334. package/test-env/components/datagrid/utils/in_memory.js +12 -12
  335. package/test-env/components/date_picker/date_picker.js +2 -2
  336. package/test-env/components/date_picker/date_picker_range.js +1 -1
  337. package/test-env/components/date_picker/super_date_picker/super_date_picker.a11y.js +111 -0
  338. package/test-env/components/description_list/description_list.styles.js +1 -1
  339. package/test-env/components/description_list/description_list_description.js +5 -1
  340. package/test-env/components/description_list/description_list_description.styles.js +1 -1
  341. package/test-env/components/description_list/description_list_title.styles.js +1 -1
  342. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  343. package/test-env/components/facet/facet_button.js +1 -1
  344. package/test-env/components/flex/flex_grid.styles.js +1 -1
  345. package/test-env/components/flex/flex_group.styles.js +1 -1
  346. package/test-env/components/flyout/flyout.a11y.js +84 -0
  347. package/test-env/components/flyout/flyout.styles.js +6 -6
  348. package/test-env/components/form/field_number/field_number.js +1 -1
  349. package/test-env/components/form/field_text/field_text.js +2 -2
  350. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
  351. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  352. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  353. package/test-env/components/header/header_links/header_link.js +1 -1
  354. package/test-env/components/header/header_links/header_links.js +1 -1
  355. package/test-env/components/header/header_logo.js +1 -1
  356. package/test-env/components/icon/assets/filterInCircle.js +45 -0
  357. package/test-env/components/icon/icon_map.js +1 -0
  358. package/test-env/components/image/image_fullscreen_wrapper.styles.js +9 -12
  359. package/test-env/components/image/image_wrapper.styles.js +2 -2
  360. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
  361. package/test-env/components/list_group/list_group.js +2 -2
  362. package/test-env/components/list_group/list_group_item.js +2 -2
  363. package/test-env/components/list_group/list_group_item_extra_action.js +1 -1
  364. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  365. package/test-env/components/loading/loading_logo.js +1 -1
  366. package/test-env/components/markdown_editor/markdown_editor.js +1 -1
  367. package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  368. package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
  369. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  370. package/test-env/components/modal/confirm_modal.js +13 -0
  371. package/test-env/components/modal/modal.a11y.js +73 -0
  372. package/test-env/components/modal/modal.js +17 -31
  373. package/test-env/components/modal/modal.styles.js +36 -0
  374. package/test-env/components/modal/modal_body.js +10 -0
  375. package/test-env/components/modal/modal_body.styles.js +27 -0
  376. package/test-env/components/modal/modal_footer.js +8 -0
  377. package/test-env/components/modal/modal_footer.styles.js +26 -0
  378. package/test-env/components/modal/modal_header.js +8 -0
  379. package/test-env/components/modal/modal_header.styles.js +24 -0
  380. package/test-env/components/modal/modal_header_title.js +4 -1
  381. package/test-env/components/notification/notification_event.js +2 -2
  382. package/test-env/components/notification/notification_event_meta.js +1 -1
  383. package/test-env/components/page/page.styles.js +1 -1
  384. package/test-env/components/page/page_header/page_header_content.js +1 -1
  385. package/test-env/components/page_template/outer/page_outer.js +1 -1
  386. package/test-env/components/page_template/page_template.js +32 -10
  387. package/test-env/components/popover/popover.a11y.js +86 -0
  388. package/test-env/components/search_bar/query/ast_to_es_query_dsl.js +8 -2
  389. package/test-env/components/search_bar/query/default_syntax.js +2 -1
  390. package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
  391. package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
  392. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  393. package/test-env/components/suggest/suggest.js +1 -1
  394. package/test-env/components/suggest/suggest_item.js +1 -1
  395. package/test-env/components/table/table_header_button.js +1 -1
  396. package/test-env/components/tabs/tabs.a11y.js +98 -0
  397. package/test-env/components/timeline/timeline_item_icon.js +1 -1
  398. package/test-env/components/toast/global_toast_list.js +1 -1
  399. package/test-env/components/toast/global_toast_list.styles.js +4 -4
  400. package/test-env/components/toast/toast.js +1 -1
  401. package/test-env/components/tool_tip/icon_tip.js +1 -1
  402. package/test-env/components/tour/tour_step.js +20 -6
  403. package/test-env/components/tree_view/tree_view.a11y.js +80 -0
  404. package/test-env/global_styling/mixins/_responsive.js +60 -3
  405. package/test-env/global_styling/utility/animations.js +9 -3
  406. package/src/components/modal/_index.scss +0 -1
  407. package/src/components/modal/_modal.scss +0 -156
  408. package/src/themes/amsterdam/overrides/_modal.scss +0 -3
@@ -10,20 +10,20 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
10
10
  * Side Public License, v 1.
11
11
  */
12
12
  import { css, keyframes } from '@emotion/react';
13
- import { euiBreakpoint, euiScrollBarStyles, logicalCSS, logicalCSSWithFallback, logicalSizeCSS } from '../../global_styling';
13
+ import { euiMaxBreakpoint, euiMinBreakpoint, euiScrollBarStyles, logicalCSS, logicalCSSWithFallback, logicalSizeCSS } from '../../global_styling';
14
14
  export var euiGlobalToastListStyles = function euiGlobalToastListStyles(euiThemeContext) {
15
15
  var euiTheme = euiThemeContext.euiTheme;
16
- var euiToastWidth = euiTheme.base * 20;
16
+ var euiToastWidth = euiTheme.base * 25;
17
17
  return {
18
18
  /**
19
19
  * 1. Allow list to expand as items are added, but cap it at the screen height.
20
20
  * 2. Allow some padding for shadow
21
21
  */
22
22
  // Base
23
- euiGlobalToastList: /*#__PURE__*/css(euiScrollBarStyles(euiThemeContext), " display:flex;flex-direction:column;align-items:stretch;position:fixed;z-index:", euiTheme.levels.toast, ";", logicalCSS('bottom', 0), ";", logicalCSS('width', "".concat(euiToastWidth + euiTheme.base * 5, "px")), ";", logicalCSS('max-height', '100vh'), ";", logicalCSSWithFallback('overflow-y', 'auto'), ";scrollbar-width:none;&::-webkit-scrollbar{", logicalSizeCSS(0, 0), ";}&:not(:empty){", logicalCSS('padding-left', euiTheme.size.base), ";", logicalCSS('padding-right', euiTheme.size.base), ";", logicalCSS('padding-vertical', euiTheme.size.base), ";}", euiBreakpoint(euiThemeContext, ['xs', 's']), "{&:not(:empty){", logicalCSS('left', 0), ";", logicalCSS('width', '100%'), ";}};label:euiGlobalToastList;"),
23
+ euiGlobalToastList: /*#__PURE__*/css(euiScrollBarStyles(euiThemeContext), " display:flex;flex-direction:column;align-items:stretch;position:fixed;z-index:", euiTheme.levels.toast, ";", logicalCSS('bottom', 0), ";", logicalCSS('width', "".concat(euiToastWidth, "px")), ";", logicalCSS('max-height', '100vh'), ";", logicalCSSWithFallback('overflow-y', 'auto'), ";scrollbar-width:none;&::-webkit-scrollbar{", logicalSizeCSS(0, 0), ";}&:not(:empty){", logicalCSS('padding-left', euiTheme.size.base), ";", logicalCSS('padding-right', euiTheme.size.base), ";", logicalCSS('padding-vertical', euiTheme.size.base), ";}", euiMaxBreakpoint(euiThemeContext, 'm'), "{&:not(:empty){", logicalCSS('left', 0), ";", logicalCSS('width', '100%'), ";}};label:euiGlobalToastList;"),
24
24
  // Variants
25
- right: /*#__PURE__*/css("&:not(:empty){", logicalCSS('right', 0), ";", logicalCSS('padding-left', "".concat(euiTheme.base * 4, "px")), ";}", euiBreakpoint(euiThemeContext, ['xs', 's']), "{&:not(:empty){", logicalCSS('padding-left', euiTheme.size.base), ";}};label:right;"),
26
- left: /*#__PURE__*/css("&:not(:empty){", logicalCSS('left', 0), ";", logicalCSS('padding-right', "".concat(euiTheme.base * 4, "px")), ";}", euiBreakpoint(euiThemeContext, ['xs', 's']), "{&:not(:empty){", logicalCSS('padding-right', euiTheme.size.base), ";}};label:left;")
25
+ right: /*#__PURE__*/css("&:not(:empty){", logicalCSS('right', 0), ";", euiMinBreakpoint(euiThemeContext, 'm'), "{", logicalCSS('padding-left', "".concat(euiTheme.base * 4, "px")), ";}};label:right;"),
26
+ left: /*#__PURE__*/css("&:not(:empty){", logicalCSS('left', 0), ";", euiMinBreakpoint(euiThemeContext, 'm'), "{", logicalCSS('padding-right', "".concat(euiTheme.base * 4, "px")), ";}};label:left;")
27
27
  };
28
28
  };
29
29
  export var euiGlobalToastListItemStyles = function euiGlobalToastListItemStyles(_ref) {
@@ -104,7 +104,7 @@ export var EuiToast = function EuiToast(_ref) {
104
104
  EuiToast.propTypes = {
105
105
  title: PropTypes.node,
106
106
  color: PropTypes.any,
107
- iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "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", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "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", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "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", "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", "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", "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", "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.string.isRequired, PropTypes.elementType.isRequired]),
107
+ iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "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", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "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", "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", "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", "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", "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", "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.string.isRequired, PropTypes.elementType.isRequired]),
108
108
  onClose: PropTypes.func,
109
109
  className: PropTypes.string,
110
110
  "aria-label": PropTypes.string,
@@ -98,7 +98,7 @@ EuiIconTip.propTypes = {
98
98
  /**
99
99
  * The icon type.
100
100
  */
101
- type: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "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", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "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", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "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", "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", "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", "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", "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.string.isRequired, PropTypes.elementType.isRequired]),
101
+ type: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "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", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "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", "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", "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", "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", "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", "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.string.isRequired, PropTypes.elementType.isRequired]),
102
102
 
103
103
  /**
104
104
  * The icon size.
@@ -128,10 +128,25 @@ export var EuiTourStep = function EuiTourStep(_ref) {
128
128
  flush: 'right',
129
129
  size: 'xs'
130
130
  };
131
+ var optionalFooterAction = Array.isArray(footerAction) ? ___EmotionJSX(EuiFlexGroup, {
132
+ gutterSize: "s",
133
+ alignItems: "center",
134
+ justifyContent: "flexEnd",
135
+ responsive: false,
136
+ wrap: true
137
+ }, footerAction.map(function (action, index) {
138
+ return ___EmotionJSX(EuiFlexItem, {
139
+ key: index,
140
+ grow: false
141
+ }, action);
142
+ })) : ___EmotionJSX(EuiFlexItem, {
143
+ grow: false
144
+ }, footerAction);
131
145
 
132
146
  var footer = ___EmotionJSX(EuiFlexGroup, {
133
147
  responsive: false,
134
- justifyContent: stepsTotal > 1 ? 'spaceBetween' : 'flexEnd'
148
+ justifyContent: stepsTotal > 1 ? 'spaceBetween' : 'flexEnd',
149
+ alignItems: "center"
135
150
  }, stepsTotal > 1 && ___EmotionJSX(EuiFlexItem, {
136
151
  grow: false
137
152
  }, ___EmotionJSX("ul", {
@@ -150,9 +165,7 @@ export var EuiTourStep = function EuiTourStep(_ref) {
150
165
  number: i + 1,
151
166
  status: status
152
167
  });
153
- }))), footerAction ? ___EmotionJSX(EuiFlexItem, {
154
- grow: false
155
- }, footerAction) : ___EmotionJSX(EuiFlexItem, {
168
+ }))), footerAction ? optionalFooterAction : ___EmotionJSX(EuiFlexItem, {
156
169
  grow: false
157
170
  }, ___EmotionJSX(EuiI18n, {
158
171
  tokens: ['euiTourStep.endTour', 'euiTourStep.skipTour', 'euiTourStep.closeTour'],
@@ -449,7 +462,8 @@ EuiTourStep.propTypes = {
449
462
  decoration: PropTypes.oneOf(["none", "beacon"]),
450
463
 
451
464
  /**
452
- * Element to replace the 'Skip tour' link in the footer
465
+ * Accepts any `ReactNode` to replace the 'Skip tour' link in the footer.
466
+ * Ideally, pass one button or an array of up to 2 buttons.
453
467
  */
454
- footerAction: PropTypes.element
468
+ footerAction: PropTypes.oneOfType([PropTypes.node.isRequired, PropTypes.arrayOf(PropTypes.node.isRequired).isRequired])
455
469
  };
@@ -0,0 +1,74 @@
1
+ /*
2
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
3
+ * or more contributor license agreements. Licensed under the Elastic License
4
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
5
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
6
+ * Side Public License, v 1.
7
+ */
8
+ /// <reference types="../../../cypress/support"/>
9
+ import React from 'react';
10
+ import { EuiTreeView } from './tree_view';
11
+ import { jsx as ___EmotionJSX } from "@emotion/react";
12
+
13
+ var TreeView = function TreeView() {
14
+ var items = [{
15
+ label: 'Item One',
16
+ id: 'item_one',
17
+ isExpanded: true,
18
+ children: [{
19
+ label: 'Item A',
20
+ id: 'item_a'
21
+ }, {
22
+ label: 'Item B',
23
+ id: 'item_b',
24
+ children: [{
25
+ label: 'A Cloud',
26
+ id: 'item_cloud'
27
+ }, {
28
+ label: "I'm a Bug",
29
+ id: 'item_bug',
30
+ className: 'classForBug'
31
+ }]
32
+ }, {
33
+ label: 'Item C',
34
+ id: 'item_c',
35
+ children: [{
36
+ label: 'Another Cloud',
37
+ id: 'item_cloud2'
38
+ }, {
39
+ label: 'Another Bug',
40
+ id: 'item_bug2'
41
+ }]
42
+ }]
43
+ }, {
44
+ label: 'Item Two',
45
+ id: 'item_two'
46
+ }];
47
+ var defaultTreeViewProps = {
48
+ items: items,
49
+ 'aria-label': 'Sample folder tree'
50
+ };
51
+ return ___EmotionJSX("div", {
52
+ style: {
53
+ width: '20rem'
54
+ }
55
+ }, ___EmotionJSX(EuiTreeView, defaultTreeViewProps));
56
+ };
57
+
58
+ describe('EuiTreeView', function () {
59
+ describe('Automated accessibility check', function () {
60
+ it('has zero violations on first render', function () {
61
+ cy.mount(___EmotionJSX(TreeView, null));
62
+ cy.get('div.euiTreeView__wrapper').should('exist');
63
+ cy.checkAxe();
64
+ });
65
+ it('has zero violations with a nested child expanded', function () {
66
+ cy.mount(___EmotionJSX(TreeView, null));
67
+ cy.get('div.euiTreeView__wrapper').should('exist');
68
+ cy.get('button#item_b').realClick();
69
+ cy.get('button#item_b').should('have.attr', 'aria-expanded', 'true');
70
+ cy.get('li.euiTreeView__node').contains('A Cloud').should('exist');
71
+ cy.checkAxe();
72
+ });
73
+ });
74
+ });
@@ -9,7 +9,7 @@ import { sortMapBySmallToLargeValues } from '../../services/breakpoint/_sorting'
9
9
  import { useEuiTheme } from '../../services/theme/hooks';
10
10
 
11
11
  /**
12
- * Generates a CSS media query rule string based on the input breakpoint ranges.
12
+ * Generates a CSS media query rule string based on the input breakpoint *ranges*.
13
13
  * Examples with default theme breakpoints:
14
14
  *
15
15
  * euiBreakpoint(['s']) becomes `@media only screen and (min-width: 575px) and (max-width: 767px)`
@@ -47,4 +47,49 @@ export var euiBreakpoint = function euiBreakpoint(_ref, sizes) {
47
47
  export var useEuiBreakpoint = function useEuiBreakpoint(sizes) {
48
48
  var euiTheme = useEuiTheme();
49
49
  return euiBreakpoint(euiTheme, sizes);
50
+ };
51
+ /**
52
+ * Min/Max width breakpoint utilities that generate only a single min/max query/bound
53
+ *
54
+ * *Unlike the above euiBreakpoint utility*, these utilities treat breakpoint
55
+ * sizes as a one-dimensional point, rather than a two-dimensional *screen range*.
56
+ * Examples with default theme breakpoints:
57
+ *
58
+ * euiMaxBreakpoint('m') becomes `@media only screen and (max-width: 767px)`
59
+ * euiMinBreakpoint('m') becomes `@media only screen and (min-width: 768px)`
60
+ *
61
+ * This is safer and more intentional to use than euiBreakpoint(['xs', 's']) / euiBreakpoint(['m', 'xl'])
62
+ * in the event that consumers add larger or smaller custom breakpoints (e.g 'xxs' or `xxl`)
63
+ * and if the intention of the media query is actually "m and below/above" vs. "only screens m/l/xl".
64
+ */
65
+
66
+ export var euiMinBreakpoint = function euiMinBreakpoint(_ref2, size) {
67
+ var euiTheme = _ref2.euiTheme;
68
+ var minBreakpointSize = euiTheme.breakpoint[size];
69
+
70
+ if (minBreakpointSize) {
71
+ return "@media only screen and (min-width: ".concat(minBreakpointSize, "px)");
72
+ } else {
73
+ console.warn("Invalid min breakpoint size: ".concat(size));
74
+ return '@media only screen';
75
+ }
76
+ };
77
+ export var useEuiMinBreakpoint = function useEuiMinBreakpoint(size) {
78
+ var euiTheme = useEuiTheme();
79
+ return euiMinBreakpoint(euiTheme, size);
80
+ };
81
+ export var euiMaxBreakpoint = function euiMaxBreakpoint(_ref3, size) {
82
+ var euiTheme = _ref3.euiTheme;
83
+ var maxBreakpointSize = euiTheme.breakpoint[size];
84
+
85
+ if (maxBreakpointSize) {
86
+ return "@media only screen and (max-width: ".concat(maxBreakpointSize - 1, "px)");
87
+ } else {
88
+ console.warn("Invalid max breakpoint size: ".concat(size));
89
+ return '@media only screen';
90
+ }
91
+ };
92
+ export var useEuiMaxBreakpoint = function useEuiMaxBreakpoint(size) {
93
+ var euiTheme = useEuiTheme();
94
+ return euiMaxBreakpoint(euiTheme, size);
50
95
  };
@@ -1,4 +1,4 @@
1
- var _templateObject;
1
+ var _templateObject, _templateObject2;
2
2
 
3
3
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
4
4
 
@@ -10,4 +10,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
10
10
  * Side Public License, v 1.
11
11
  */
12
12
  import { keyframes } from '@emotion/react';
13
- export var euiAnimFadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n"])));
13
+ export var euiAnimFadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n"])));
14
+ export var euiAnimSlideInUp = function euiAnimSlideInUp(size) {
15
+ return keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n 0% {\n opacity: 0;\n transform: translateY(", ");\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n"])), size);
16
+ };