@elastic/eui 89.0.0 → 90.0.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 (503) hide show
  1. package/dist/eui_charts_theme.js +1 -1
  2. package/dist/eui_charts_theme.js.map +1 -1
  3. package/dist/eui_theme_dark.css +30 -560
  4. package/dist/eui_theme_dark.min.css +1 -1
  5. package/dist/eui_theme_light.css +30 -560
  6. package/dist/eui_theme_light.min.css +1 -1
  7. package/es/components/accessibility/skip_link/skip_link.js +1 -2
  8. package/es/components/accordion/accordion.js +27 -2
  9. package/es/components/accordion/accordion_children/accordion_children.js +7 -15
  10. package/es/components/avatar/avatar.js +1 -1
  11. package/es/components/badge/badge.js +1 -1
  12. package/es/components/badge/beta_badge/beta_badge.js +1 -1
  13. package/es/components/basic_table/basic_table.js +61 -24
  14. package/es/components/basic_table/collapsed_item_actions.js +2 -2
  15. package/es/components/basic_table/in_memory_table.js +19 -5
  16. package/es/components/button/button.js +17 -45
  17. package/es/components/button/button_display/_button_display.js +1 -1
  18. package/es/components/button/button_display/_button_display_content.js +1 -1
  19. package/es/components/button/button_empty/button_empty.js +31 -48
  20. package/es/components/button/button_group/button_group.js +1 -1
  21. package/es/components/button/button_group/button_group_button.js +1 -1
  22. package/es/components/button/button_icon/button_icon.js +27 -44
  23. package/es/components/call_out/call_out.js +1 -1
  24. package/es/components/card/card.js +2 -7
  25. package/es/components/card/card_select/card_select.js +1 -6
  26. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  27. package/es/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
  28. package/es/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
  29. package/es/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +20 -6
  30. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +13 -6
  31. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +13 -6
  32. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +14 -7
  33. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +37 -5
  34. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  35. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +158 -0
  36. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +69 -30
  37. package/es/components/collapsible_nav_beta/context.js +1 -0
  38. package/es/components/comment_list/comment.js +2 -2
  39. package/es/components/comment_list/comment_event.js +32 -20
  40. package/es/components/comment_list/comment_event.styles.js +26 -24
  41. package/es/components/comment_list/comment_list.js +2 -2
  42. package/es/components/comment_list/comment_timeline.js +1 -1
  43. package/es/components/context_menu/context_menu.js +28 -22
  44. package/es/components/context_menu/context_menu.styles.js +26 -0
  45. package/es/components/context_menu/context_menu_item.js +95 -125
  46. package/es/components/context_menu/context_menu_item.styles.js +82 -0
  47. package/es/components/context_menu/context_menu_panel.a11y.js +4 -2
  48. package/es/components/context_menu/context_menu_panel.js +32 -61
  49. package/es/components/context_menu/context_menu_panel.styles.js +40 -0
  50. package/es/components/control_bar/control_bar.js +28 -23
  51. package/es/components/datagrid/body/data_grid_body.js +19 -20
  52. package/es/components/datagrid/body/data_grid_body_custom.js +19 -20
  53. package/es/components/datagrid/body/data_grid_body_virtualized.js +19 -20
  54. package/es/components/datagrid/body/data_grid_cell.js +112 -86
  55. package/es/components/datagrid/body/data_grid_cell_actions.js +7 -2
  56. package/es/components/datagrid/body/data_grid_row_manager.js +28 -9
  57. package/es/components/datagrid/body/header/data_grid_header_cell.js +18 -19
  58. package/es/components/datagrid/body/header/data_grid_header_row.js +19 -20
  59. package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
  60. package/es/components/datagrid/data_grid.js +19 -20
  61. package/es/components/datagrid/utils/in_memory.js +18 -19
  62. package/es/components/datagrid/utils/row_heights.js +12 -17
  63. package/es/components/date_picker/auto_refresh/auto_refresh.js +1 -2
  64. package/es/components/date_picker/date_picker.js +2 -2
  65. package/es/components/date_picker/date_picker_range.js +1 -1
  66. package/es/components/empty_prompt/empty_prompt.js +1 -1
  67. package/es/components/facet/facet_button.js +1 -1
  68. package/es/components/form/field_number/field_number.js +14 -10
  69. package/es/components/form/field_password/field_password.js +4 -7
  70. package/es/components/form/field_text/field_text.js +2 -2
  71. package/es/components/form/form_control_layout/form_control_layout.js +2 -2
  72. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  73. package/es/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  74. package/es/components/form/range/dual_range.js +110 -85
  75. package/es/components/form/range/range.js +47 -40
  76. package/es/components/form/range/range_track.js +6 -20
  77. package/es/components/form/range/utils.js +1 -2
  78. package/es/components/header/header_links/header_link.js +2 -7
  79. package/es/components/header/header_links/header_links.js +1 -1
  80. package/es/components/header/header_logo/header_logo.js +1 -1
  81. package/es/components/header/header_section/header_section_item_button.js +2 -7
  82. package/es/components/{page/page_content/page_content_header.js → icon/assets/tokenVectorDense.js} +24 -30
  83. package/es/components/icon/assets/{tokenDenseVector.js → tokenVectorSparse.js} +7 -3
  84. package/es/components/icon/icon.js +1 -1
  85. package/es/components/icon/icon_map.js +5 -2
  86. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
  87. package/es/components/list_group/list_group.js +3 -4
  88. package/es/components/list_group/list_group_item.js +9 -7
  89. package/es/components/list_group/list_group_item_extra_action.js +2 -3
  90. package/es/components/list_group/list_group_item_extra_action.styles.js +1 -1
  91. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +6 -7
  92. package/es/components/loading/loading_logo.js +1 -1
  93. package/es/components/markdown_editor/markdown_editor.js +1 -1
  94. package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  95. package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
  96. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  97. package/es/components/modal/confirm_modal.js +1 -1
  98. package/es/components/notification/notification_event.js +3 -8
  99. package/es/components/notification/notification_event_meta.js +1 -1
  100. package/es/components/notification/notification_event_read_button.js +1 -2
  101. package/es/components/page/index.js +1 -4
  102. package/es/components/page/page_header/page_header_content.js +1 -1
  103. package/es/components/pagination/pagination_button.js +2 -7
  104. package/es/components/popover/input_popover.js +26 -11
  105. package/es/components/provider/provider.js +3 -3
  106. package/es/components/selectable/selectable_list/selectable_list.js +1 -1
  107. package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
  108. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  109. package/es/components/table/table_header_button.js +1 -1
  110. package/es/components/tabs/tab.js +1 -1
  111. package/es/components/timeline/timeline_item_icon.js +1 -1
  112. package/es/components/toast/global_toast_list.js +1 -1
  113. package/es/components/toast/toast.js +1 -1
  114. package/es/components/token/token_map.js +12 -4
  115. package/es/components/tool_tip/icon_tip.js +1 -1
  116. package/es/services/emotion/css.js +28 -0
  117. package/es/services/emotion/index.js +2 -1
  118. package/es/services/emotion/prefixer.js +93 -0
  119. package/es/services/theme/provider.js +8 -7
  120. package/es/services/theme/utils.js +1 -1
  121. package/eui.d.ts +263 -308
  122. package/i18ntokens.json +113 -77
  123. package/lib/components/accessibility/skip_link/skip_link.js +1 -2
  124. package/lib/components/accordion/accordion.js +27 -2
  125. package/lib/components/accordion/accordion_children/accordion_children.js +5 -13
  126. package/lib/components/avatar/avatar.js +1 -1
  127. package/lib/components/badge/badge.js +1 -1
  128. package/lib/components/badge/beta_badge/beta_badge.js +1 -1
  129. package/lib/components/basic_table/basic_table.js +61 -24
  130. package/lib/components/basic_table/collapsed_item_actions.js +2 -2
  131. package/lib/components/basic_table/in_memory_table.js +19 -5
  132. package/lib/components/button/button.js +24 -51
  133. package/lib/components/button/button_display/_button_display.js +1 -1
  134. package/lib/components/button/button_display/_button_display_content.js +1 -1
  135. package/lib/components/button/button_empty/button_empty.js +30 -47
  136. package/lib/components/button/button_group/button_group.js +1 -1
  137. package/lib/components/button/button_group/button_group_button.js +1 -1
  138. package/lib/components/button/button_icon/button_icon.js +26 -43
  139. package/lib/components/call_out/call_out.js +1 -1
  140. package/lib/components/card/card.js +2 -7
  141. package/lib/components/card/card_select/card_select.js +1 -6
  142. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  143. package/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
  144. package/lib/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
  145. package/lib/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +20 -6
  146. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +13 -6
  147. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +13 -6
  148. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +14 -7
  149. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +37 -5
  150. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  151. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +165 -0
  152. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +69 -30
  153. package/lib/components/collapsible_nav_beta/context.js +1 -0
  154. package/lib/components/comment_list/comment.js +2 -2
  155. package/lib/components/comment_list/comment_event.js +34 -19
  156. package/lib/components/comment_list/comment_event.styles.js +28 -25
  157. package/lib/components/comment_list/comment_list.js +2 -2
  158. package/lib/components/comment_list/comment_timeline.js +1 -1
  159. package/lib/components/context_menu/context_menu.js +31 -24
  160. package/lib/components/context_menu/context_menu.styles.js +34 -0
  161. package/lib/components/context_menu/context_menu_item.js +102 -133
  162. package/lib/components/context_menu/context_menu_item.styles.js +87 -0
  163. package/lib/components/context_menu/context_menu_panel.a11y.js +4 -2
  164. package/lib/components/context_menu/context_menu_panel.js +35 -63
  165. package/lib/components/context_menu/context_menu_panel.styles.js +46 -0
  166. package/lib/components/control_bar/control_bar.js +28 -23
  167. package/lib/components/datagrid/body/data_grid_body.js +19 -20
  168. package/lib/components/datagrid/body/data_grid_body_custom.js +19 -20
  169. package/lib/components/datagrid/body/data_grid_body_virtualized.js +19 -20
  170. package/lib/components/datagrid/body/data_grid_cell.js +112 -86
  171. package/lib/components/datagrid/body/data_grid_cell_actions.js +8 -2
  172. package/lib/components/datagrid/body/data_grid_row_manager.js +33 -16
  173. package/lib/components/datagrid/body/header/data_grid_header_cell.js +18 -19
  174. package/lib/components/datagrid/body/header/data_grid_header_row.js +19 -20
  175. package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
  176. package/lib/components/datagrid/data_grid.js +19 -20
  177. package/lib/components/datagrid/utils/in_memory.js +18 -19
  178. package/lib/components/datagrid/utils/row_heights.js +12 -17
  179. package/lib/components/date_picker/auto_refresh/auto_refresh.js +1 -2
  180. package/lib/components/date_picker/date_picker.js +2 -2
  181. package/lib/components/date_picker/date_picker_range.js +1 -1
  182. package/lib/components/empty_prompt/empty_prompt.js +1 -1
  183. package/lib/components/facet/facet_button.js +1 -1
  184. package/lib/components/form/field_number/field_number.js +13 -9
  185. package/lib/components/form/field_password/field_password.js +4 -7
  186. package/lib/components/form/field_text/field_text.js +2 -2
  187. package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
  188. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  189. package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  190. package/lib/components/form/range/dual_range.js +110 -85
  191. package/lib/components/form/range/range.js +47 -40
  192. package/lib/components/form/range/range_track.js +5 -19
  193. package/lib/components/form/range/utils.js +1 -2
  194. package/lib/components/header/header_links/header_link.js +2 -7
  195. package/lib/components/header/header_links/header_links.js +1 -1
  196. package/lib/components/header/header_logo/header_logo.js +1 -1
  197. package/lib/components/header/header_section/header_section_item_button.js +2 -7
  198. package/lib/components/icon/assets/tokenVectorDense.js +45 -0
  199. package/lib/components/icon/assets/{tokenDenseVector.js → tokenVectorSparse.js} +7 -3
  200. package/lib/components/icon/icon.js +1 -1
  201. package/lib/components/icon/icon_map.js +5 -2
  202. package/lib/components/icon/svgs/tokens/tokenVectorDense.svg +5 -0
  203. package/lib/components/icon/svgs/tokens/tokenVectorSparse.svg +5 -0
  204. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
  205. package/lib/components/list_group/list_group.js +3 -4
  206. package/lib/components/list_group/list_group_item.js +9 -7
  207. package/lib/components/list_group/list_group_item_extra_action.js +2 -3
  208. package/lib/components/list_group/list_group_item_extra_action.styles.js +1 -1
  209. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +6 -7
  210. package/lib/components/loading/loading_logo.js +1 -1
  211. package/lib/components/markdown_editor/markdown_editor.js +1 -1
  212. package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  213. package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
  214. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  215. package/lib/components/modal/confirm_modal.js +1 -1
  216. package/lib/components/notification/notification_event.js +3 -8
  217. package/lib/components/notification/notification_event_meta.js +1 -1
  218. package/lib/components/notification/notification_event_read_button.js +1 -2
  219. package/lib/components/page/index.js +1 -40
  220. package/lib/components/page/page_header/page_header_content.js +1 -1
  221. package/lib/components/popover/input_popover.js +26 -11
  222. package/lib/components/provider/provider.js +3 -3
  223. package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
  224. package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
  225. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  226. package/lib/components/table/table_header_button.js +1 -1
  227. package/lib/components/tabs/tab.js +1 -1
  228. package/lib/components/timeline/timeline_item_icon.js +1 -1
  229. package/lib/components/toast/global_toast_list.js +1 -1
  230. package/lib/components/toast/toast.js +1 -1
  231. package/lib/components/token/token_map.js +12 -4
  232. package/lib/components/tool_tip/icon_tip.js +1 -1
  233. package/lib/services/emotion/css.js +36 -0
  234. package/lib/services/emotion/index.js +11 -0
  235. package/lib/services/emotion/prefixer.js +99 -0
  236. package/lib/services/theme/provider.js +8 -7
  237. package/lib/services/theme/utils.js +1 -1
  238. package/optimize/es/components/accordion/accordion.js +27 -2
  239. package/optimize/es/components/accordion/accordion_children/accordion_children.js +5 -14
  240. package/optimize/es/components/basic_table/basic_table.js +42 -19
  241. package/optimize/es/components/button/button.js +15 -33
  242. package/optimize/es/components/button/button_empty/button_empty.js +29 -41
  243. package/optimize/es/components/button/button_icon/button_icon.js +25 -37
  244. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
  245. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
  246. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  247. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +60 -0
  248. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +21 -10
  249. package/optimize/es/components/collapsible_nav_beta/context.js +1 -0
  250. package/optimize/es/components/comment_list/comment_event.js +31 -19
  251. package/optimize/es/components/comment_list/comment_event.styles.js +26 -24
  252. package/optimize/es/components/context_menu/context_menu.js +25 -19
  253. package/optimize/es/components/context_menu/context_menu.styles.js +26 -0
  254. package/optimize/es/components/context_menu/context_menu_item.js +94 -119
  255. package/optimize/es/components/context_menu/context_menu_item.styles.js +82 -0
  256. package/optimize/es/components/context_menu/context_menu_panel.a11y.js +4 -2
  257. package/optimize/es/components/context_menu/context_menu_panel.js +29 -58
  258. package/optimize/es/components/context_menu/context_menu_panel.styles.js +40 -0
  259. package/optimize/es/components/control_bar/control_bar.js +28 -23
  260. package/optimize/es/components/datagrid/body/data_grid_cell.js +67 -47
  261. package/optimize/es/components/datagrid/body/data_grid_cell_actions.js +7 -2
  262. package/optimize/es/components/datagrid/body/data_grid_row_manager.js +23 -9
  263. package/optimize/es/components/datagrid/utils/row_heights.js +12 -17
  264. package/optimize/es/components/form/field_number/field_number.js +13 -9
  265. package/optimize/es/components/form/field_password/field_password.js +4 -7
  266. package/optimize/es/components/form/range/dual_range.js +110 -85
  267. package/optimize/es/components/form/range/range.js +47 -40
  268. package/optimize/es/components/form/range/range_track.js +5 -14
  269. package/optimize/es/components/form/range/utils.js +1 -2
  270. package/optimize/es/components/icon/assets/tokenVectorDense.js +36 -0
  271. package/optimize/es/components/icon/assets/{tokenDenseVector.js → tokenVectorSparse.js} +7 -3
  272. package/optimize/es/components/icon/icon_map.js +5 -2
  273. package/optimize/es/components/list_group/list_group_item.js +6 -3
  274. package/optimize/es/components/list_group/list_group_item_extra_action.styles.js +1 -1
  275. package/optimize/es/components/page/index.js +1 -4
  276. package/optimize/es/components/popover/input_popover.js +26 -11
  277. package/optimize/es/components/provider/provider.js +3 -3
  278. package/optimize/es/components/tabs/tab.js +1 -1
  279. package/optimize/es/components/token/token_map.js +12 -4
  280. package/optimize/es/services/emotion/css.js +28 -0
  281. package/optimize/es/services/emotion/index.js +2 -1
  282. package/optimize/es/services/emotion/prefixer.js +93 -0
  283. package/optimize/es/services/theme/provider.js +8 -7
  284. package/optimize/es/services/theme/utils.js +1 -1
  285. package/optimize/lib/components/accordion/accordion.js +27 -2
  286. package/optimize/lib/components/accordion/accordion_children/accordion_children.js +3 -12
  287. package/optimize/lib/components/basic_table/basic_table.js +42 -19
  288. package/optimize/lib/components/button/button.js +16 -34
  289. package/optimize/lib/components/button/button_empty/button_empty.js +28 -40
  290. package/optimize/lib/components/button/button_icon/button_icon.js +24 -36
  291. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
  292. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
  293. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  294. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +67 -0
  295. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +21 -10
  296. package/optimize/lib/components/collapsible_nav_beta/context.js +1 -0
  297. package/optimize/lib/components/comment_list/comment_event.js +33 -18
  298. package/optimize/lib/components/comment_list/comment_event.styles.js +28 -25
  299. package/optimize/lib/components/context_menu/context_menu.js +28 -21
  300. package/optimize/lib/components/context_menu/context_menu.styles.js +34 -0
  301. package/optimize/lib/components/context_menu/context_menu_item.js +101 -128
  302. package/optimize/lib/components/context_menu/context_menu_item.styles.js +87 -0
  303. package/optimize/lib/components/context_menu/context_menu_panel.a11y.js +4 -2
  304. package/optimize/lib/components/context_menu/context_menu_panel.js +32 -60
  305. package/optimize/lib/components/context_menu/context_menu_panel.styles.js +47 -0
  306. package/optimize/lib/components/control_bar/control_bar.js +28 -23
  307. package/optimize/lib/components/datagrid/body/data_grid_cell.js +67 -47
  308. package/optimize/lib/components/datagrid/body/data_grid_cell_actions.js +7 -2
  309. package/optimize/lib/components/datagrid/body/data_grid_row_manager.js +23 -8
  310. package/optimize/lib/components/datagrid/utils/row_heights.js +12 -17
  311. package/optimize/lib/components/form/field_number/field_number.js +12 -8
  312. package/optimize/lib/components/form/field_password/field_password.js +5 -8
  313. package/optimize/lib/components/form/range/dual_range.js +110 -85
  314. package/optimize/lib/components/form/range/range.js +47 -40
  315. package/optimize/lib/components/form/range/range_track.js +4 -13
  316. package/optimize/lib/components/form/range/utils.js +1 -2
  317. package/optimize/lib/components/icon/assets/tokenVectorDense.js +45 -0
  318. package/{test-env/components/icon/assets/tokenDenseVector.js → optimize/lib/components/icon/assets/tokenVectorSparse.js} +7 -3
  319. package/optimize/lib/components/icon/icon_map.js +5 -2
  320. package/optimize/lib/components/icon/svgs/tokens/tokenVectorDense.svg +5 -0
  321. package/optimize/lib/components/icon/svgs/tokens/tokenVectorSparse.svg +5 -0
  322. package/optimize/lib/components/list_group/list_group_item.js +6 -3
  323. package/optimize/lib/components/list_group/list_group_item_extra_action.styles.js +1 -1
  324. package/optimize/lib/components/page/index.js +1 -40
  325. package/optimize/lib/components/popover/input_popover.js +27 -12
  326. package/optimize/lib/components/provider/provider.js +3 -3
  327. package/optimize/lib/components/tabs/tab.js +1 -1
  328. package/optimize/lib/components/token/token_map.js +12 -4
  329. package/optimize/lib/services/emotion/css.js +36 -0
  330. package/optimize/lib/services/emotion/index.js +11 -0
  331. package/optimize/lib/services/emotion/prefixer.js +99 -0
  332. package/optimize/lib/services/theme/provider.js +8 -7
  333. package/optimize/lib/services/theme/utils.js +1 -1
  334. package/package.json +7 -12
  335. package/src/components/datagrid/_data_grid_data_row.scss +39 -71
  336. package/src/components/datagrid/_mixins.scss +0 -15
  337. package/src/components/date_picker/super_date_picker/date_popover/_date_popover_content.scss +2 -1
  338. package/src/components/index.scss +0 -2
  339. package/test-env/components/accessibility/skip_link/skip_link.js +1 -2
  340. package/test-env/components/accordion/accordion.js +27 -2
  341. package/test-env/components/accordion/accordion_children/accordion_children.js +5 -13
  342. package/test-env/components/avatar/avatar.js +1 -1
  343. package/test-env/components/badge/badge.js +1 -1
  344. package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
  345. package/test-env/components/basic_table/basic_table.js +61 -24
  346. package/test-env/components/basic_table/collapsed_item_actions.js +2 -2
  347. package/test-env/components/basic_table/in_memory_table.js +19 -5
  348. package/test-env/components/button/button.js +17 -40
  349. package/test-env/components/button/button_display/_button_display.js +1 -1
  350. package/test-env/components/button/button_display/_button_display_content.js +1 -1
  351. package/test-env/components/button/button_empty/button_empty.js +30 -47
  352. package/test-env/components/button/button_group/button_group.js +1 -1
  353. package/test-env/components/button/button_group/button_group_button.js +1 -1
  354. package/test-env/components/button/button_icon/button_icon.js +26 -43
  355. package/test-env/components/call_out/call_out.js +1 -1
  356. package/test-env/components/card/card.js +2 -7
  357. package/test-env/components/card/card_select/card_select.js +1 -6
  358. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  359. package/test-env/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
  360. package/test-env/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
  361. package/test-env/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +20 -6
  362. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +13 -6
  363. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +13 -6
  364. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +14 -7
  365. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +37 -5
  366. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  367. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +164 -0
  368. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +69 -30
  369. package/test-env/components/collapsible_nav_beta/context.js +1 -0
  370. package/test-env/components/comment_list/comment.js +2 -2
  371. package/test-env/components/comment_list/comment_event.js +34 -19
  372. package/test-env/components/comment_list/comment_event.styles.js +28 -25
  373. package/test-env/components/comment_list/comment_list.js +2 -2
  374. package/test-env/components/comment_list/comment_timeline.js +1 -1
  375. package/test-env/components/context_menu/context_menu.js +31 -24
  376. package/test-env/components/context_menu/context_menu.styles.js +34 -0
  377. package/test-env/components/context_menu/context_menu_item.js +102 -129
  378. package/test-env/components/context_menu/context_menu_item.styles.js +87 -0
  379. package/test-env/components/context_menu/context_menu_panel.a11y.js +4 -2
  380. package/test-env/components/context_menu/context_menu_panel.js +35 -63
  381. package/test-env/components/context_menu/context_menu_panel.styles.js +47 -0
  382. package/test-env/components/control_bar/control_bar.js +28 -23
  383. package/test-env/components/datagrid/body/data_grid_body.js +19 -20
  384. package/test-env/components/datagrid/body/data_grid_body_custom.js +19 -20
  385. package/test-env/components/datagrid/body/data_grid_body_virtualized.js +19 -20
  386. package/test-env/components/datagrid/body/data_grid_cell.js +112 -86
  387. package/test-env/components/datagrid/body/data_grid_cell_actions.js +7 -2
  388. package/test-env/components/datagrid/body/data_grid_row_manager.js +23 -8
  389. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +18 -19
  390. package/test-env/components/datagrid/body/header/data_grid_header_row.js +19 -20
  391. package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
  392. package/test-env/components/datagrid/data_grid.js +19 -20
  393. package/test-env/components/datagrid/utils/in_memory.js +18 -19
  394. package/test-env/components/datagrid/utils/row_heights.js +12 -17
  395. package/test-env/components/date_picker/auto_refresh/auto_refresh.js +1 -2
  396. package/test-env/components/date_picker/date_picker.js +2 -2
  397. package/test-env/components/date_picker/date_picker_range.js +1 -1
  398. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  399. package/test-env/components/facet/facet_button.js +1 -1
  400. package/test-env/components/form/field_number/field_number.js +13 -9
  401. package/test-env/components/form/field_password/field_password.js +4 -7
  402. package/test-env/components/form/field_text/field_text.js +2 -2
  403. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
  404. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  405. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  406. package/test-env/components/form/range/dual_range.js +110 -85
  407. package/test-env/components/form/range/range.js +47 -40
  408. package/test-env/components/form/range/range_track.js +5 -14
  409. package/test-env/components/form/range/utils.js +1 -2
  410. package/test-env/components/header/header_links/header_link.js +2 -7
  411. package/test-env/components/header/header_links/header_links.js +1 -1
  412. package/test-env/components/header/header_logo/header_logo.js +1 -1
  413. package/test-env/components/header/header_section/header_section_item_button.js +2 -7
  414. package/test-env/components/icon/assets/tokenVectorDense.js +45 -0
  415. package/{optimize/lib/components/icon/assets/tokenDenseVector.js → test-env/components/icon/assets/tokenVectorSparse.js} +7 -3
  416. package/test-env/components/icon/icon_map.js +5 -2
  417. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
  418. package/test-env/components/list_group/list_group.js +3 -4
  419. package/test-env/components/list_group/list_group_item.js +9 -7
  420. package/test-env/components/list_group/list_group_item_extra_action.js +2 -3
  421. package/test-env/components/list_group/list_group_item_extra_action.styles.js +1 -1
  422. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +6 -7
  423. package/test-env/components/loading/loading_logo.js +1 -1
  424. package/test-env/components/markdown_editor/markdown_editor.js +1 -1
  425. package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  426. package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
  427. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  428. package/test-env/components/modal/confirm_modal.js +1 -1
  429. package/test-env/components/notification/notification_event.js +3 -8
  430. package/test-env/components/notification/notification_event_meta.js +1 -1
  431. package/test-env/components/notification/notification_event_read_button.js +1 -2
  432. package/test-env/components/page/index.js +1 -40
  433. package/test-env/components/page/page_header/page_header_content.js +1 -1
  434. package/test-env/components/popover/input_popover.js +26 -11
  435. package/test-env/components/provider/provider.js +3 -3
  436. package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
  437. package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
  438. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  439. package/test-env/components/table/table_header_button.js +1 -1
  440. package/test-env/components/tabs/tab.js +1 -1
  441. package/test-env/components/timeline/timeline_item_icon.js +1 -1
  442. package/test-env/components/toast/global_toast_list.js +1 -1
  443. package/test-env/components/toast/toast.js +1 -1
  444. package/test-env/components/token/token_map.js +12 -4
  445. package/test-env/components/tool_tip/icon_tip.js +1 -1
  446. package/test-env/services/emotion/css.js +36 -0
  447. package/test-env/services/emotion/index.js +11 -0
  448. package/test-env/services/emotion/prefixer.js +99 -0
  449. package/test-env/services/theme/provider.js +8 -7
  450. package/test-env/services/theme/utils.js +1 -1
  451. package/es/components/page/page_content/index.js +0 -12
  452. package/es/components/page/page_content/page_content.js +0 -110
  453. package/es/components/page/page_content/page_content_body.js +0 -69
  454. package/es/components/page/page_content/page_content_header_section.js +0 -34
  455. package/es/components/page/page_side_bar/index.js +0 -9
  456. package/es/components/page/page_side_bar/page_side_bar.js +0 -60
  457. package/es/components/page/page_template.js +0 -591
  458. package/lib/components/icon/svgs/tokens/tokenDenseVector.svg +0 -3
  459. package/lib/components/page/page_content/index.js +0 -33
  460. package/lib/components/page/page_content/page_content.js +0 -117
  461. package/lib/components/page/page_content/page_content_body.js +0 -77
  462. package/lib/components/page/page_content/page_content_header.js +0 -50
  463. package/lib/components/page/page_content/page_content_header_section.js +0 -41
  464. package/lib/components/page/page_side_bar/index.js +0 -12
  465. package/lib/components/page/page_side_bar/page_side_bar.js +0 -67
  466. package/lib/components/page/page_template.js +0 -598
  467. package/optimize/es/components/page/page_content/index.js +0 -12
  468. package/optimize/es/components/page/page_content/page_content.js +0 -45
  469. package/optimize/es/components/page/page_content/page_content_body.js +0 -45
  470. package/optimize/es/components/page/page_content/page_content_header.js +0 -30
  471. package/optimize/es/components/page/page_content/page_content_header_section.js +0 -26
  472. package/optimize/es/components/page/page_side_bar/index.js +0 -9
  473. package/optimize/es/components/page/page_side_bar/page_side_bar.js +0 -44
  474. package/optimize/es/components/page/page_template.js +0 -325
  475. package/optimize/lib/components/icon/svgs/tokens/tokenDenseVector.svg +0 -3
  476. package/optimize/lib/components/page/page_content/index.js +0 -33
  477. package/optimize/lib/components/page/page_content/page_content.js +0 -52
  478. package/optimize/lib/components/page/page_content/page_content_body.js +0 -53
  479. package/optimize/lib/components/page/page_content/page_content_header.js +0 -37
  480. package/optimize/lib/components/page/page_content/page_content_header_section.js +0 -33
  481. package/optimize/lib/components/page/page_side_bar/index.js +0 -12
  482. package/optimize/lib/components/page/page_side_bar/page_side_bar.js +0 -51
  483. package/optimize/lib/components/page/page_template.js +0 -332
  484. package/src/components/context_menu/_context_menu.scss +0 -27
  485. package/src/components/context_menu/_context_menu_item.scss +0 -65
  486. package/src/components/context_menu/_context_menu_panel.scss +0 -101
  487. package/src/components/context_menu/_index.scss +0 -3
  488. package/src/components/page/_index.scss +0 -2
  489. package/src/components/page/page_content/_index.scss +0 -4
  490. package/src/components/page/page_content/_page_content.scss +0 -25
  491. package/src/components/page/page_content/_page_content_body.scss +0 -19
  492. package/src/components/page/page_content/_page_content_header.scss +0 -20
  493. package/src/components/page/page_content/_page_content_header_section.scss +0 -17
  494. package/src/components/page/page_side_bar/_index.scss +0 -1
  495. package/src/components/page/page_side_bar/_page_side_bar.scss +0 -31
  496. package/test-env/components/page/page_content/index.js +0 -33
  497. package/test-env/components/page/page_content/page_content.js +0 -116
  498. package/test-env/components/page/page_content/page_content_body.js +0 -73
  499. package/test-env/components/page/page_content/page_content_header.js +0 -49
  500. package/test-env/components/page/page_content/page_content_header_section.js +0 -40
  501. package/test-env/components/page/page_side_bar/index.js +0 -12
  502. package/test-env/components/page/page_side_bar/page_side_bar.js +0 -66
  503. package/test-env/components/page/page_template.js +0 -594
@@ -1,591 +0,0 @@
1
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
- var _excluded = ["template", "restrictWidth", "grow", "paddingSize", "fullHeight", "children", "className", "pageSideBar", "pageSideBarProps", "pageHeader", "pageBodyProps", "pageContentProps", "pageContentBodyProps", "bottomBar", "bottomBarProps", "minHeight"];
3
- 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); }
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
7
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
8
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
9
- 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; }
10
- 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; }
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
- import React from 'react';
20
- import PropTypes from "prop-types";
21
- import classNames from 'classnames';
22
- import { css } from '@emotion/react';
23
- import { EuiPage } from './page';
24
- import { EuiPageSideBar_Deprecated as EuiPageSideBar } from './page_side_bar';
25
- import { EuiPageBody } from './page_body';
26
- import { EuiPageHeader } from './page_header';
27
- import { EuiPageContent_Deprecated as EuiPageContent, EuiPageContentBody_Deprecated as EuiPageContentBody } from './page_content';
28
- import { EuiBottomBar } from '../bottom_bar';
29
- import { useIsWithinBreakpoints } from '../../services';
30
- import { EuiFlexGroup, EuiFlexItem } from '../flex';
31
- import { useEuiPaddingSize, logicalCSS } from '../../global_styling';
32
- import { jsx as ___EmotionJSX } from "@emotion/react";
33
- export var TEMPLATES = ['default', 'centeredBody', 'centeredContent', 'empty'];
34
- /**
35
- * This component has been deprecated in favor of the new
36
- * namespaced version. You can still import this component
37
- * until August 2023 by importing `as EuiPageTemplate`.
38
- *
39
- * @deprecated use EuiPageTemplate from page_template/page_template instead
40
- */
41
- export var EuiPageTemplate_Deprecated = function EuiPageTemplate_Deprecated(_ref) {
42
- var _pageBodyProps2;
43
- var _ref$template = _ref.template,
44
- template = _ref$template === void 0 ? 'default' : _ref$template,
45
- _ref$restrictWidth = _ref.restrictWidth,
46
- restrictWidth = _ref$restrictWidth === void 0 ? true : _ref$restrictWidth,
47
- _ref$grow = _ref.grow,
48
- grow = _ref$grow === void 0 ? true : _ref$grow,
49
- _ref$paddingSize = _ref.paddingSize,
50
- paddingSize = _ref$paddingSize === void 0 ? 'l' : _ref$paddingSize,
51
- fullHeight = _ref.fullHeight,
52
- children = _ref.children,
53
- className = _ref.className,
54
- pageSideBar = _ref.pageSideBar,
55
- pageSideBarProps = _ref.pageSideBarProps,
56
- pageHeader = _ref.pageHeader,
57
- pageBodyProps = _ref.pageBodyProps,
58
- pageContentProps = _ref.pageContentProps,
59
- pageContentBodyProps = _ref.pageContentBodyProps,
60
- bottomBar = _ref.bottomBar,
61
- bottomBarProps = _ref.bottomBarProps,
62
- _ref$minHeight = _ref.minHeight,
63
- minHeight = _ref$minHeight === void 0 ? 460 : _ref$minHeight,
64
- rest = _objectWithoutProperties(_ref, _excluded);
65
- // BWC page header margin to match padding
66
- var headerMargin = /*#__PURE__*/css(logicalCSS('margin-bottom', useEuiPaddingSize(paddingSize)), ";label:headerMargin;");
67
-
68
- /**
69
- * Full height ~madness~ logic
70
- */
71
- var canFullHeight = useIsWithinBreakpoints(['m', 'l', 'xl']) && (template === 'default' || template === 'empty');
72
- var fullHeightClass = {
73
- 'eui-fullHeight': fullHeight && canFullHeight
74
- };
75
- var yScrollClass = {
76
- 'eui-yScroll': fullHeight && canFullHeight
77
- };
78
- if (canFullHeight && fullHeight) {
79
- var _pageBodyProps, _pageContentProps, _pageContentBodyProps;
80
- // By using flex group it will also fix the negative margin issues for nested flex groups
81
- children = ___EmotionJSX(EuiFlexGroup, {
82
- className: "eui-fullHeight",
83
- gutterSize: "none",
84
- direction: "column",
85
- responsive: false
86
- }, ___EmotionJSX(EuiFlexItem, {
87
- className: classNames({
88
- 'eui-yScroll': fullHeight === true,
89
- 'eui-fullHeight': fullHeight === 'noscroll'
90
- }),
91
- grow: true
92
- }, children));
93
- pageBodyProps = _objectSpread(_objectSpread({}, pageBodyProps), {}, {
94
- className: classNames(fullHeightClass, (_pageBodyProps = pageBodyProps) === null || _pageBodyProps === void 0 ? void 0 : _pageBodyProps.className)
95
- });
96
- pageContentProps = _objectSpread(_objectSpread({}, pageContentProps), {}, {
97
- className: classNames(yScrollClass, (_pageContentProps = pageContentProps) === null || _pageContentProps === void 0 ? void 0 : _pageContentProps.className)
98
- });
99
- pageContentBodyProps = _objectSpread(_objectSpread({}, pageContentBodyProps), {}, {
100
- className: classNames(fullHeightClass, (_pageContentBodyProps = pageContentBodyProps) === null || _pageContentBodyProps === void 0 ? void 0 : _pageContentBodyProps.className)
101
- });
102
- }
103
- var classes = classNames('euiPageTemplate', fullHeightClass, className);
104
- var pageStyle = _objectSpread({
105
- minHeight: minHeight
106
- }, rest.style);
107
-
108
- /**
109
- * This seems very repetitious but it's the most readable, scalable, and maintainable
110
- */
111
-
112
- switch (template) {
113
- /**
114
- * CENTERED BODY
115
- * The panelled content is centered
116
- */
117
- case 'centeredBody':
118
- return pageSideBar ? ___EmotionJSX(EuiPage, _extends({
119
- className: classes,
120
- paddingSize: "none",
121
- grow: grow
122
- }, rest, {
123
- style: pageStyle
124
- }), ___EmotionJSX(EuiPageSideBar, _extends({
125
- sticky: true,
126
- paddingSize: paddingSize
127
- }, pageSideBarProps), pageSideBar), ___EmotionJSX(EuiPageBody, _extends({
128
- paddingSize: paddingSize
129
- }, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
130
- restrictWidth: restrictWidth,
131
- css: headerMargin
132
- }, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
133
- verticalPosition: "center",
134
- horizontalPosition: "center",
135
- paddingSize: paddingSize
136
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
137
- restrictWidth: restrictWidth
138
- }, pageContentBodyProps), children)))) : ___EmotionJSX(EuiPage, _extends({
139
- className: classes,
140
- paddingSize: paddingSize,
141
- grow: grow
142
- }, rest, {
143
- style: pageStyle
144
- }), ___EmotionJSX(EuiPageBody, _extends({
145
- restrictWidth: restrictWidth
146
- }, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
147
- paddingSize: "none",
148
- restrictWidth: false,
149
- css: headerMargin,
150
- bottomBorder: true
151
- }, pageHeader)), ___EmotionJSX(EuiPageBody, null, ___EmotionJSX(EuiPageContent, _extends({
152
- verticalPosition: "center",
153
- horizontalPosition: "center",
154
- paddingSize: paddingSize
155
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
156
- paddingSize: "none",
157
- restrictWidth: restrictWidth
158
- }, pageContentBodyProps), children)))));
159
-
160
- /**
161
- * CENTERED CONTENT
162
- * The content inside the panel is centered
163
- */
164
- case 'centeredContent':
165
- return pageSideBar ? ___EmotionJSX(EuiPage, _extends({
166
- className: classes,
167
- paddingSize: "none",
168
- grow: grow
169
- }, rest, {
170
- style: pageStyle
171
- }), ___EmotionJSX(EuiPageSideBar, _extends({
172
- sticky: true,
173
- paddingSize: paddingSize
174
- }, pageSideBarProps), pageSideBar), ___EmotionJSX(EuiPageBody, _extends({
175
- panelled: true,
176
- paddingSize: paddingSize
177
- }, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
178
- restrictWidth: restrictWidth,
179
- css: headerMargin
180
- }, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
181
- verticalPosition: "center",
182
- horizontalPosition: "center",
183
- hasShadow: false,
184
- color: "subdued",
185
- paddingSize: paddingSize
186
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
187
- restrictWidth: restrictWidth
188
- }, pageContentBodyProps), children)))) : ___EmotionJSX(EuiPage, _extends({
189
- className: classes,
190
- paddingSize: "none",
191
- grow: grow
192
- }, rest, {
193
- style: pageStyle
194
- }), ___EmotionJSX(EuiPageBody, pageBodyProps, pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
195
- paddingSize: paddingSize,
196
- restrictWidth: restrictWidth,
197
- bottomBorder: "extended"
198
- }, pageHeader)), ___EmotionJSX(EuiPageContent, {
199
- role: null,
200
- borderRadius: "none",
201
- hasShadow: false,
202
- paddingSize: paddingSize,
203
- style: {
204
- display: 'flex'
205
- }
206
- }, ___EmotionJSX(EuiPageContent, _extends({
207
- verticalPosition: "center",
208
- horizontalPosition: "center",
209
- hasShadow: false,
210
- color: "subdued",
211
- paddingSize: paddingSize
212
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
213
- restrictWidth: restrictWidth
214
- }, pageContentBodyProps), children)))));
215
-
216
- /**
217
- * EMPTY
218
- * No panelling at all
219
- */
220
- case 'empty':
221
- return pageSideBar ? ___EmotionJSX(EuiPage, _extends({
222
- className: classes,
223
- paddingSize: "none",
224
- grow: grow
225
- }, rest, {
226
- style: pageStyle
227
- }), ___EmotionJSX(EuiPageSideBar, _extends({
228
- sticky: true,
229
- paddingSize: paddingSize
230
- }, pageSideBarProps), pageSideBar), ___EmotionJSX(EuiPageBody, _extends({
231
- paddingSize: paddingSize
232
- }, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
233
- restrictWidth: restrictWidth,
234
- bottomBorder: true,
235
- css: headerMargin
236
- }, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
237
- hasBorder: false,
238
- hasShadow: false,
239
- paddingSize: 'none',
240
- color: 'transparent',
241
- borderRadius: 'none'
242
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
243
- restrictWidth: restrictWidth
244
- }, pageContentBodyProps), children)))) : ___EmotionJSX(EuiPage, _extends({
245
- className: classes,
246
- paddingSize: paddingSize,
247
- grow: grow
248
- }, rest, {
249
- style: pageStyle
250
- }), ___EmotionJSX(EuiPageBody, _extends({
251
- restrictWidth: restrictWidth
252
- }, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
253
- paddingSize: "none",
254
- restrictWidth: false,
255
- css: headerMargin,
256
- bottomBorder: true
257
- }, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
258
- hasBorder: false,
259
- hasShadow: false,
260
- paddingSize: 'none',
261
- color: 'transparent',
262
- borderRadius: 'none'
263
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
264
- paddingSize: "none"
265
- }, pageContentBodyProps), children))));
266
-
267
- /**
268
- * DEFAULT
269
- * Typical layout with nothing "centered"
270
- */
271
- default:
272
- // Only the default template can display a bottom bar
273
- var bottomBarNode = bottomBar ? ___EmotionJSX(EuiBottomBar, _extends({
274
- paddingSize: paddingSize,
275
- position: canFullHeight && fullHeight ? 'static' : 'sticky'
276
- // Using uknown here because of the possible conflict with overriding props and position `sticky`
277
- }, bottomBarProps), ___EmotionJSX(EuiPageContentBody, {
278
- paddingSize: 'none',
279
- restrictWidth: restrictWidth
280
- }, bottomBar)) : undefined;
281
- return pageSideBar ? ___EmotionJSX(EuiPage, _extends({
282
- className: classes,
283
- paddingSize: "none",
284
- grow: grow
285
- }, rest, {
286
- style: pageStyle
287
- }), ___EmotionJSX(EuiPageSideBar, _extends({
288
- sticky: true,
289
- paddingSize: paddingSize
290
- }, pageSideBarProps), pageSideBar), ___EmotionJSX(EuiPageBody, _extends({
291
- panelled: true,
292
- paddingSize: "none"
293
- }, pageBodyProps), ___EmotionJSX(EuiPageBody, {
294
- component: "div",
295
- paddingSize: paddingSize,
296
- className: (_pageBodyProps2 = pageBodyProps) === null || _pageBodyProps2 === void 0 ? void 0 : _pageBodyProps2.className
297
- }, pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
298
- bottomBorder: true,
299
- restrictWidth: restrictWidth,
300
- css: headerMargin
301
- }, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
302
- hasShadow: false,
303
- hasBorder: false,
304
- color: 'transparent',
305
- borderRadius: 'none',
306
- paddingSize: "none"
307
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
308
- restrictWidth: restrictWidth
309
- }, pageContentBodyProps), children))), bottomBarNode)) : ___EmotionJSX(EuiPage, _extends({
310
- className: classes,
311
- paddingSize: "none",
312
- grow: grow
313
- }, rest, {
314
- style: pageStyle
315
- }), ___EmotionJSX(EuiPageBody, pageBodyProps, pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
316
- restrictWidth: restrictWidth,
317
- paddingSize: paddingSize,
318
- bottomBorder: "extended"
319
- }, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
320
- hasBorder: pageHeader === undefined ? false : undefined,
321
- hasShadow: false,
322
- paddingSize: 'none',
323
- color: 'plain',
324
- borderRadius: 'none'
325
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
326
- restrictWidth: restrictWidth,
327
- paddingSize: paddingSize
328
- }, pageContentBodyProps), children)), bottomBarNode));
329
- }
330
- };
331
- EuiPageTemplate_Deprecated.propTypes = {
332
- /**
333
- * Choose between 3 types of templates.
334
- * `default`: Typical layout with nothing centered
335
- * `centeredBody`: The panelled content is centered
336
- * `centeredContent`: The content inside the panel is centered
337
- * `empty`: Removes the panneling of the page content
338
- */
339
- template: PropTypes.any,
340
- /**
341
- * Padding size will not get applied to the over-arching #EuiPage,
342
- * but will propogate through all the components to keep them in sync
343
- */
344
- paddingSize: PropTypes.oneOf(["none", "s", "m", "l"]),
345
- /**
346
- * Optionally include #EuiPageSideBar content.
347
- * The inclusion of this will affect the whole layout
348
- */
349
- pageSideBar: PropTypes.node,
350
- /**
351
- * Gets passed along to the #EuiPageSideBar component
352
- */
353
- pageSideBarProps: PropTypes.any,
354
- /**
355
- * Optionally include an #EuiPageHeader by passing an object of its props
356
- */
357
- pageHeader: PropTypes.shape({
358
- /**
359
- * Adjust the overall padding.
360
- */
361
- paddingSize: PropTypes.any,
362
- className: PropTypes.string,
363
- "aria-label": PropTypes.string,
364
- "data-test-subj": PropTypes.string,
365
- css: PropTypes.any,
366
- /**
367
- * Sets the max-width of the page,
368
- * set to `true` to use the default size of `1200px`,
369
- * set to `false` to not restrict the width,
370
- * set to a number for a custom width in px,
371
- * set to a string for a custom width in custom measurement.
372
- */
373
- restrictWidth: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.number.isRequired, PropTypes.string.isRequired]),
374
- /**
375
- * Adds a bottom border to separate it from the content after;
376
- * Passing `extended` will ensure the border touches the sides of the parent container.
377
- */
378
- bottomBorder: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.oneOf(["extended"])])
379
- }),
380
- /**
381
- * Gets passed along to the #EuiPageBody component
382
- */
383
- pageBodyProps: PropTypes.shape({
384
- className: PropTypes.string,
385
- "aria-label": PropTypes.string,
386
- "data-test-subj": PropTypes.string,
387
- css: PropTypes.any,
388
- /**
389
- * Sets the max-width of the page,
390
- * set to `true` to use the default size of `1200px`,
391
- * set to `false` to not restrict the width,
392
- * set to a number for a custom width in px,
393
- * set to a string for a custom width in custom measurement.
394
- */
395
- restrictWidth: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.number.isRequired, PropTypes.string.isRequired]),
396
- /**
397
- * Sets the HTML element for `EuiPageBody`.
398
- */
399
- component: PropTypes.any,
400
- /**
401
- * Uses an EuiPanel as the main component instead of a plain div
402
- */
403
- panelled: PropTypes.bool,
404
- /**
405
- * Extends any extra EuiPanel props if `panelled=true`
406
- */
407
- panelProps: PropTypes.any,
408
- /**
409
- * Adjusts the padding
410
- */
411
- paddingSize: PropTypes.any
412
- }),
413
- /**
414
- * Gets passed along to the #EuiPageContent component
415
- */
416
- pageContentProps: PropTypes.shape({
417
- className: PropTypes.string,
418
- "aria-label": PropTypes.string,
419
- "data-test-subj": PropTypes.string,
420
- css: PropTypes.any,
421
- /**
422
- * Adds a medium shadow to the panel;
423
- * Only works when `color="plain"`
424
- */
425
- /**
426
- * Adds a medium shadow to the panel;
427
- * Only works when `color="plain"`
428
- */
429
- hasShadow: PropTypes.bool,
430
- /**
431
- * Adds a slight 1px border on all edges.
432
- * Only works when `color="plain | transparent"`
433
- */
434
- /**
435
- * Adds a slight 1px border on all edges.
436
- * Only works when `color="plain | transparent"`
437
- */
438
- hasBorder: PropTypes.bool,
439
- /**
440
- * Padding for all four sides
441
- */
442
- /**
443
- * Padding for all four sides
444
- */
445
- paddingSize: PropTypes.any,
446
- /**
447
- * Corner border radius
448
- */
449
- /**
450
- * Corner border radius
451
- */
452
- borderRadius: PropTypes.any,
453
- /**
454
- * When true the panel will grow in height to match `EuiFlexItem`
455
- */
456
- /**
457
- * When true the panel will grow in height to match `EuiFlexItem`
458
- */
459
- grow: PropTypes.bool,
460
- panelRef: PropTypes.any,
461
- /**
462
- * Background color of the panel;
463
- * Usually a lightened form of the brand colors
464
- */
465
- /**
466
- * Background color of the panel;
467
- * Usually a lightened form of the brand colors
468
- */
469
- color: PropTypes.any,
470
- element: PropTypes.oneOf(["div"]),
471
- verticalPosition: PropTypes.oneOf(["center"]),
472
- horizontalPosition: PropTypes.oneOf(["center"]),
473
- /**
474
- * There should only be one EuiPageContent per page and should contain the main contents.
475
- * If this is untrue, set role = `null`, or change it to match your needed aria role
476
- */
477
- role: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.oneOf([null])])
478
- }),
479
- /**
480
- * Gets passed along to the #EuiPageContentBody component
481
- */
482
- pageContentBodyProps: PropTypes.shape({
483
- /**
484
- * Adjust the padding.
485
- * When using this setting it's best to be consistent throughout all similar usages
486
- */
487
- paddingSize: PropTypes.any,
488
- className: PropTypes.string,
489
- "aria-label": PropTypes.string,
490
- "data-test-subj": PropTypes.string,
491
- css: PropTypes.any,
492
- /**
493
- * Sets the max-width of the page,
494
- * set to `true` to use the default size of `1200px`,
495
- * set to `false` to not restrict the width,
496
- * set to a number for a custom width in px,
497
- * set to a string for a custom width in custom measurement.
498
- */
499
- restrictWidth: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.number.isRequired, PropTypes.string.isRequired])
500
- }),
501
- /**
502
- * Adds contents inside of an EuiBottomBar.
503
- * Only works when `template = 'default'`
504
- */
505
- bottomBar: PropTypes.any,
506
- /**
507
- * Gets passed along to the #EuiBottomBar component if `bottomBar` has contents
508
- */
509
- bottomBarProps: PropTypes.shape({
510
- className: PropTypes.string,
511
- "aria-label": PropTypes.string,
512
- "data-test-subj": PropTypes.string,
513
- css: PropTypes.any,
514
- /**
515
- * How to position the bottom bar against its parent.
516
- */
517
- position: PropTypes.oneOfType([PropTypes.oneOf(["fixed"]), PropTypes.oneOf(["static", "sticky"]).isRequired]),
518
- /**
519
- * Whether to wrap in an EuiPortal which appends the component to the body element.
520
- * Only works if `position` is `fixed`.
521
- */
522
- usePortal: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
523
- /**
524
- * ReactNode to render as this component's content
525
- */
526
- children: PropTypes.node.isRequired,
527
- /**
528
- * If not specified, `EuiPortal` will insert itself
529
- * into the end of the `document.body` by default
530
- */
531
- insert: PropTypes.shape({
532
- sibling: PropTypes.any.isRequired,
533
- position: PropTypes.any.isRequired
534
- }),
535
- /**
536
- * Optional ref callback
537
- */
538
- portalRef: PropTypes.func
539
- }).isRequired]),
540
- /**
541
- * Whether the component should apply padding on the document body element to afford for its own displacement height.
542
- * Only works if `usePortal` is true and `position` is `fixed`.
543
- */
544
- affordForDisplacement: PropTypes.bool,
545
- /**
546
- * Padding applied to the bar. Default is 'm'.
547
- */
548
- paddingSize: PropTypes.oneOf(["none", "s", "m", "l"]),
549
- /**
550
- * Optional class applied to the body element on mount.
551
- */
552
- bodyClassName: PropTypes.string,
553
- /**
554
- * Customize the screen reader heading that helps users find this control. Default is 'Page level controls'.
555
- */
556
- landmarkHeading: PropTypes.string,
557
- /**
558
- * Starting vertical position when `fixed` position.
559
- * Offset from the top of the window when `sticky` position.
560
- * Has no affect on `static` positions.
561
- */
562
- top: PropTypes.any,
563
- /**
564
- * Ending horizontal position when `fixed` position.
565
- * Has no affect on `static` or `sticky` positions.
566
- */
567
- right: PropTypes.any,
568
- /**
569
- * Starting vertical position when `fixed` position.
570
- * Offset from the bottom of the window when `sticky` position.
571
- * Has no affect on `static` positions.
572
- */
573
- bottom: PropTypes.any,
574
- /**
575
- * Starting horizontal position when `fixed` position.
576
- * Has no affect on `static` or `sticky` positions.
577
- */
578
- left: PropTypes.any
579
- }),
580
- /**
581
- * Stretches or restricts the height to 100% of the parent;
582
- * `true`: scrolls the EuiPageContentBody;
583
- * `noscroll`: removes all scroll ability;
584
- * Only works when `template = 'default | empty'` and breakpoint is `m` and above
585
- */
586
- fullHeight: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.oneOf(["noscroll"])]),
587
- /**
588
- * Minimum height in which to enforce scrolling
589
- */
590
- minHeight: PropTypes.any
591
- };
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
2
- <path d="M4.1539 12V4H6.86711V5.13923H5.65807V10.8608H6.86711V12H4.1539ZM11.8461 4V12H9.13288V10.8608H10.3419V5.13923H9.13288V4H11.8461Z" />
3
- </svg>
@@ -1,33 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "EuiPageContentBody_Deprecated", {
7
- enumerable: true,
8
- get: function get() {
9
- return _page_content_body.EuiPageContentBody_Deprecated;
10
- }
11
- });
12
- Object.defineProperty(exports, "EuiPageContentHeaderSection_Deprecated", {
13
- enumerable: true,
14
- get: function get() {
15
- return _page_content_header_section.EuiPageContentHeaderSection_Deprecated;
16
- }
17
- });
18
- Object.defineProperty(exports, "EuiPageContentHeader_Deprecated", {
19
- enumerable: true,
20
- get: function get() {
21
- return _page_content_header.EuiPageContentHeader_Deprecated;
22
- }
23
- });
24
- Object.defineProperty(exports, "EuiPageContent_Deprecated", {
25
- enumerable: true,
26
- get: function get() {
27
- return _page_content.EuiPageContent_Deprecated;
28
- }
29
- });
30
- var _page_content = require("./page_content");
31
- var _page_content_body = require("./page_content_body");
32
- var _page_content_header = require("./page_content_header");
33
- var _page_content_header_section = require("./page_content_header_section");