@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,45 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
- var _excluded = ["children", "restrictWidth", "paddingSize", "style", "className"];
5
- /*
6
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
7
- * or more contributor license agreements. Licensed under the Elastic License
8
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
9
- * in compliance with, at your election, the Elastic License 2.0 or the Server
10
- * Side Public License, v 1.
11
- */
12
-
13
- import React from 'react';
14
- import classNames from 'classnames';
15
- import { keysOf } from '../../common';
16
- import { setPropsForRestrictedPageWidth } from '../_restrict_width';
17
- import { jsx as ___EmotionJSX } from "@emotion/react";
18
- var paddingSizeToClassNameMap = {
19
- none: null,
20
- s: 'euiPageContentBody--paddingSmall',
21
- m: 'euiPageContentBody--paddingMedium',
22
- l: 'euiPageContentBody--paddingLarge'
23
- };
24
- export var PADDING_SIZES = keysOf(paddingSizeToClassNameMap);
25
- /**
26
- * @deprecated Use EuiPageSection instead
27
- */
28
- export var EuiPageContentBody_Deprecated = function EuiPageContentBody_Deprecated(_ref) {
29
- var children = _ref.children,
30
- _ref$restrictWidth = _ref.restrictWidth,
31
- restrictWidth = _ref$restrictWidth === void 0 ? false : _ref$restrictWidth,
32
- _ref$paddingSize = _ref.paddingSize,
33
- paddingSize = _ref$paddingSize === void 0 ? 'none' : _ref$paddingSize,
34
- style = _ref.style,
35
- className = _ref.className,
36
- rest = _objectWithoutProperties(_ref, _excluded);
37
- var _setPropsForRestricte = setPropsForRestrictedPageWidth(restrictWidth, style),
38
- widthClassName = _setPropsForRestricte.widthClassName,
39
- newStyle = _setPropsForRestricte.newStyle;
40
- var classes = classNames('euiPageContentBody', paddingSizeToClassNameMap[paddingSize], _defineProperty({}, "euiPageContentBody--".concat(widthClassName), widthClassName), className);
41
- return ___EmotionJSX("div", _extends({
42
- className: classes,
43
- style: newStyle || style
44
- }, rest), children);
45
- };
@@ -1,30 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["children", "className", "responsive"];
4
- /*
5
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
6
- * or more contributor license agreements. Licensed under the Elastic License
7
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
8
- * in compliance with, at your election, the Elastic License 2.0 or the Server
9
- * Side Public License, v 1.
10
- */
11
-
12
- import React from 'react';
13
- import classNames from 'classnames';
14
- import { jsx as ___EmotionJSX } from "@emotion/react";
15
- /**
16
- * @deprecated Use EuiPageHeader instead
17
- */
18
- export var EuiPageContentHeader_Deprecated = function EuiPageContentHeader_Deprecated(_ref) {
19
- var children = _ref.children,
20
- className = _ref.className,
21
- _ref$responsive = _ref.responsive,
22
- responsive = _ref$responsive === void 0 ? true : _ref$responsive,
23
- rest = _objectWithoutProperties(_ref, _excluded);
24
- var classes = classNames('euiPageContentHeader', {
25
- 'euiPageContentHeader--responsive': responsive
26
- }, className);
27
- return ___EmotionJSX("div", _extends({
28
- className: classes
29
- }, rest), children);
30
- };
@@ -1,26 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["children", "className"];
4
- /*
5
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
6
- * or more contributor license agreements. Licensed under the Elastic License
7
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
8
- * in compliance with, at your election, the Elastic License 2.0 or the Server
9
- * Side Public License, v 1.
10
- */
11
-
12
- import React from 'react';
13
- import classNames from 'classnames';
14
- import { jsx as ___EmotionJSX } from "@emotion/react";
15
- /**
16
- * @deprecated Use EuiPageHeader instead
17
- */
18
- export var EuiPageContentHeaderSection_Deprecated = function EuiPageContentHeaderSection_Deprecated(_ref) {
19
- var children = _ref.children,
20
- className = _ref.className,
21
- rest = _objectWithoutProperties(_ref, _excluded);
22
- var classes = classNames('euiPageContentHeaderSection', className);
23
- return ___EmotionJSX("div", _extends({
24
- className: classes
25
- }, rest), children);
26
- };
@@ -1,9 +0,0 @@
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
-
9
- export { EuiPageSideBar_Deprecated } from './page_side_bar';
@@ -1,44 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["children", "className", "sticky", "paddingSize"];
4
- /*
5
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
6
- * or more contributor license agreements. Licensed under the Elastic License
7
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
8
- * in compliance with, at your election, the Elastic License 2.0 or the Server
9
- * Side Public License, v 1.
10
- */
11
-
12
- import React from 'react';
13
- import classNames from 'classnames';
14
- import { keysOf } from '../../common';
15
- import { jsx as ___EmotionJSX } from "@emotion/react";
16
- var paddingSizeToClassNameMap = {
17
- none: null,
18
- s: 'euiPageSideBar--paddingSmall',
19
- m: 'euiPageSideBar--paddingMedium',
20
- l: 'euiPageSideBar--paddingLarge'
21
- };
22
- export var PADDING_SIZES = keysOf(paddingSizeToClassNameMap);
23
-
24
- /**
25
- * @deprecated Use the new EuiPageSidebarProps in page/page_sidebar instead
26
- */
27
-
28
- /**
29
- * @deprecated Use the new EuiPageSidebar in page/page_sidebar instead
30
- */
31
- export var EuiPageSideBar_Deprecated = function EuiPageSideBar_Deprecated(_ref) {
32
- var children = _ref.children,
33
- className = _ref.className,
34
- sticky = _ref.sticky,
35
- _ref$paddingSize = _ref.paddingSize,
36
- paddingSize = _ref$paddingSize === void 0 ? 'none' : _ref$paddingSize,
37
- rest = _objectWithoutProperties(_ref, _excluded);
38
- var classes = classNames('euiPageSideBar', paddingSizeToClassNameMap[paddingSize], {
39
- 'euiPageSideBar--sticky': sticky
40
- }, className);
41
- return ___EmotionJSX("div", _extends({
42
- className: classes
43
- }, rest), children);
44
- };
@@ -1,325 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
- var _excluded = ["template", "restrictWidth", "grow", "paddingSize", "fullHeight", "children", "className", "pageSideBar", "pageSideBarProps", "pageHeader", "pageBodyProps", "pageContentProps", "pageContentBodyProps", "bottomBar", "bottomBarProps", "minHeight"];
5
- 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; }
6
- 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; }
7
- /*
8
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
9
- * or more contributor license agreements. Licensed under the Elastic License
10
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
11
- * in compliance with, at your election, the Elastic License 2.0 or the Server
12
- * Side Public License, v 1.
13
- */
14
-
15
- import React from 'react';
16
- import classNames from 'classnames';
17
- import { css } from '@emotion/react';
18
- import { EuiPage } from './page';
19
- import { EuiPageSideBar_Deprecated as EuiPageSideBar } from './page_side_bar';
20
- import { EuiPageBody } from './page_body';
21
- import { EuiPageHeader } from './page_header';
22
- import { EuiPageContent_Deprecated as EuiPageContent, EuiPageContentBody_Deprecated as EuiPageContentBody } from './page_content';
23
- import { EuiBottomBar } from '../bottom_bar';
24
- import { useIsWithinBreakpoints } from '../../services';
25
- import { EuiFlexGroup, EuiFlexItem } from '../flex';
26
- import { useEuiPaddingSize, logicalCSS } from '../../global_styling';
27
- import { jsx as ___EmotionJSX } from "@emotion/react";
28
- export var TEMPLATES = ['default', 'centeredBody', 'centeredContent', 'empty'];
29
- /**
30
- * This component has been deprecated in favor of the new
31
- * namespaced version. You can still import this component
32
- * until August 2023 by importing `as EuiPageTemplate`.
33
- *
34
- * @deprecated use EuiPageTemplate from page_template/page_template instead
35
- */
36
- export var EuiPageTemplate_Deprecated = function EuiPageTemplate_Deprecated(_ref) {
37
- var _pageBodyProps2;
38
- var _ref$template = _ref.template,
39
- template = _ref$template === void 0 ? 'default' : _ref$template,
40
- _ref$restrictWidth = _ref.restrictWidth,
41
- restrictWidth = _ref$restrictWidth === void 0 ? true : _ref$restrictWidth,
42
- _ref$grow = _ref.grow,
43
- grow = _ref$grow === void 0 ? true : _ref$grow,
44
- _ref$paddingSize = _ref.paddingSize,
45
- paddingSize = _ref$paddingSize === void 0 ? 'l' : _ref$paddingSize,
46
- fullHeight = _ref.fullHeight,
47
- children = _ref.children,
48
- className = _ref.className,
49
- pageSideBar = _ref.pageSideBar,
50
- pageSideBarProps = _ref.pageSideBarProps,
51
- pageHeader = _ref.pageHeader,
52
- pageBodyProps = _ref.pageBodyProps,
53
- pageContentProps = _ref.pageContentProps,
54
- pageContentBodyProps = _ref.pageContentBodyProps,
55
- bottomBar = _ref.bottomBar,
56
- bottomBarProps = _ref.bottomBarProps,
57
- _ref$minHeight = _ref.minHeight,
58
- minHeight = _ref$minHeight === void 0 ? 460 : _ref$minHeight,
59
- rest = _objectWithoutProperties(_ref, _excluded);
60
- // BWC page header margin to match padding
61
- var headerMargin = /*#__PURE__*/css(logicalCSS('margin-bottom', useEuiPaddingSize(paddingSize)), ";label:headerMargin;");
62
-
63
- /**
64
- * Full height ~madness~ logic
65
- */
66
- var canFullHeight = useIsWithinBreakpoints(['m', 'l', 'xl']) && (template === 'default' || template === 'empty');
67
- var fullHeightClass = {
68
- 'eui-fullHeight': fullHeight && canFullHeight
69
- };
70
- var yScrollClass = {
71
- 'eui-yScroll': fullHeight && canFullHeight
72
- };
73
- if (canFullHeight && fullHeight) {
74
- var _pageBodyProps, _pageContentProps, _pageContentBodyProps;
75
- // By using flex group it will also fix the negative margin issues for nested flex groups
76
- children = ___EmotionJSX(EuiFlexGroup, {
77
- className: "eui-fullHeight",
78
- gutterSize: "none",
79
- direction: "column",
80
- responsive: false
81
- }, ___EmotionJSX(EuiFlexItem, {
82
- className: classNames({
83
- 'eui-yScroll': fullHeight === true,
84
- 'eui-fullHeight': fullHeight === 'noscroll'
85
- }),
86
- grow: true
87
- }, children));
88
- pageBodyProps = _objectSpread(_objectSpread({}, pageBodyProps), {}, {
89
- className: classNames(fullHeightClass, (_pageBodyProps = pageBodyProps) === null || _pageBodyProps === void 0 ? void 0 : _pageBodyProps.className)
90
- });
91
- pageContentProps = _objectSpread(_objectSpread({}, pageContentProps), {}, {
92
- className: classNames(yScrollClass, (_pageContentProps = pageContentProps) === null || _pageContentProps === void 0 ? void 0 : _pageContentProps.className)
93
- });
94
- pageContentBodyProps = _objectSpread(_objectSpread({}, pageContentBodyProps), {}, {
95
- className: classNames(fullHeightClass, (_pageContentBodyProps = pageContentBodyProps) === null || _pageContentBodyProps === void 0 ? void 0 : _pageContentBodyProps.className)
96
- });
97
- }
98
- var classes = classNames('euiPageTemplate', fullHeightClass, className);
99
- var pageStyle = _objectSpread({
100
- minHeight: minHeight
101
- }, rest.style);
102
-
103
- /**
104
- * This seems very repetitious but it's the most readable, scalable, and maintainable
105
- */
106
-
107
- switch (template) {
108
- /**
109
- * CENTERED BODY
110
- * The panelled content is centered
111
- */
112
- case 'centeredBody':
113
- return pageSideBar ? ___EmotionJSX(EuiPage, _extends({
114
- className: classes,
115
- paddingSize: "none",
116
- grow: grow
117
- }, rest, {
118
- style: pageStyle
119
- }), ___EmotionJSX(EuiPageSideBar, _extends({
120
- sticky: true,
121
- paddingSize: paddingSize
122
- }, pageSideBarProps), pageSideBar), ___EmotionJSX(EuiPageBody, _extends({
123
- paddingSize: paddingSize
124
- }, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
125
- restrictWidth: restrictWidth,
126
- css: headerMargin
127
- }, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
128
- verticalPosition: "center",
129
- horizontalPosition: "center",
130
- paddingSize: paddingSize
131
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
132
- restrictWidth: restrictWidth
133
- }, pageContentBodyProps), children)))) : ___EmotionJSX(EuiPage, _extends({
134
- className: classes,
135
- paddingSize: paddingSize,
136
- grow: grow
137
- }, rest, {
138
- style: pageStyle
139
- }), ___EmotionJSX(EuiPageBody, _extends({
140
- restrictWidth: restrictWidth
141
- }, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
142
- paddingSize: "none",
143
- restrictWidth: false,
144
- css: headerMargin,
145
- bottomBorder: true
146
- }, pageHeader)), ___EmotionJSX(EuiPageBody, null, ___EmotionJSX(EuiPageContent, _extends({
147
- verticalPosition: "center",
148
- horizontalPosition: "center",
149
- paddingSize: paddingSize
150
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
151
- paddingSize: "none",
152
- restrictWidth: restrictWidth
153
- }, pageContentBodyProps), children)))));
154
-
155
- /**
156
- * CENTERED CONTENT
157
- * The content inside the panel is centered
158
- */
159
- case 'centeredContent':
160
- return pageSideBar ? ___EmotionJSX(EuiPage, _extends({
161
- className: classes,
162
- paddingSize: "none",
163
- grow: grow
164
- }, rest, {
165
- style: pageStyle
166
- }), ___EmotionJSX(EuiPageSideBar, _extends({
167
- sticky: true,
168
- paddingSize: paddingSize
169
- }, pageSideBarProps), pageSideBar), ___EmotionJSX(EuiPageBody, _extends({
170
- panelled: true,
171
- paddingSize: paddingSize
172
- }, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
173
- restrictWidth: restrictWidth,
174
- css: headerMargin
175
- }, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
176
- verticalPosition: "center",
177
- horizontalPosition: "center",
178
- hasShadow: false,
179
- color: "subdued",
180
- paddingSize: paddingSize
181
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
182
- restrictWidth: restrictWidth
183
- }, pageContentBodyProps), children)))) : ___EmotionJSX(EuiPage, _extends({
184
- className: classes,
185
- paddingSize: "none",
186
- grow: grow
187
- }, rest, {
188
- style: pageStyle
189
- }), ___EmotionJSX(EuiPageBody, pageBodyProps, pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
190
- paddingSize: paddingSize,
191
- restrictWidth: restrictWidth,
192
- bottomBorder: "extended"
193
- }, pageHeader)), ___EmotionJSX(EuiPageContent, {
194
- role: null,
195
- borderRadius: "none",
196
- hasShadow: false,
197
- paddingSize: paddingSize,
198
- style: {
199
- display: 'flex'
200
- }
201
- }, ___EmotionJSX(EuiPageContent, _extends({
202
- verticalPosition: "center",
203
- horizontalPosition: "center",
204
- hasShadow: false,
205
- color: "subdued",
206
- paddingSize: paddingSize
207
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
208
- restrictWidth: restrictWidth
209
- }, pageContentBodyProps), children)))));
210
-
211
- /**
212
- * EMPTY
213
- * No panelling at all
214
- */
215
- case 'empty':
216
- return pageSideBar ? ___EmotionJSX(EuiPage, _extends({
217
- className: classes,
218
- paddingSize: "none",
219
- grow: grow
220
- }, rest, {
221
- style: pageStyle
222
- }), ___EmotionJSX(EuiPageSideBar, _extends({
223
- sticky: true,
224
- paddingSize: paddingSize
225
- }, pageSideBarProps), pageSideBar), ___EmotionJSX(EuiPageBody, _extends({
226
- paddingSize: paddingSize
227
- }, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
228
- restrictWidth: restrictWidth,
229
- bottomBorder: true,
230
- css: headerMargin
231
- }, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
232
- hasBorder: false,
233
- hasShadow: false,
234
- paddingSize: 'none',
235
- color: 'transparent',
236
- borderRadius: 'none'
237
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
238
- restrictWidth: restrictWidth
239
- }, pageContentBodyProps), children)))) : ___EmotionJSX(EuiPage, _extends({
240
- className: classes,
241
- paddingSize: paddingSize,
242
- grow: grow
243
- }, rest, {
244
- style: pageStyle
245
- }), ___EmotionJSX(EuiPageBody, _extends({
246
- restrictWidth: restrictWidth
247
- }, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
248
- paddingSize: "none",
249
- restrictWidth: false,
250
- css: headerMargin,
251
- bottomBorder: true
252
- }, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
253
- hasBorder: false,
254
- hasShadow: false,
255
- paddingSize: 'none',
256
- color: 'transparent',
257
- borderRadius: 'none'
258
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
259
- paddingSize: "none"
260
- }, pageContentBodyProps), children))));
261
-
262
- /**
263
- * DEFAULT
264
- * Typical layout with nothing "centered"
265
- */
266
- default:
267
- // Only the default template can display a bottom bar
268
- var bottomBarNode = bottomBar ? ___EmotionJSX(EuiBottomBar, _extends({
269
- paddingSize: paddingSize,
270
- position: canFullHeight && fullHeight ? 'static' : 'sticky'
271
- // Using uknown here because of the possible conflict with overriding props and position `sticky`
272
- }, bottomBarProps), ___EmotionJSX(EuiPageContentBody, {
273
- paddingSize: 'none',
274
- restrictWidth: restrictWidth
275
- }, bottomBar)) : undefined;
276
- return pageSideBar ? ___EmotionJSX(EuiPage, _extends({
277
- className: classes,
278
- paddingSize: "none",
279
- grow: grow
280
- }, rest, {
281
- style: pageStyle
282
- }), ___EmotionJSX(EuiPageSideBar, _extends({
283
- sticky: true,
284
- paddingSize: paddingSize
285
- }, pageSideBarProps), pageSideBar), ___EmotionJSX(EuiPageBody, _extends({
286
- panelled: true,
287
- paddingSize: "none"
288
- }, pageBodyProps), ___EmotionJSX(EuiPageBody, {
289
- component: "div",
290
- paddingSize: paddingSize,
291
- className: (_pageBodyProps2 = pageBodyProps) === null || _pageBodyProps2 === void 0 ? void 0 : _pageBodyProps2.className
292
- }, pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
293
- bottomBorder: true,
294
- restrictWidth: restrictWidth,
295
- css: headerMargin
296
- }, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
297
- hasShadow: false,
298
- hasBorder: false,
299
- color: 'transparent',
300
- borderRadius: 'none',
301
- paddingSize: "none"
302
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
303
- restrictWidth: restrictWidth
304
- }, pageContentBodyProps), children))), bottomBarNode)) : ___EmotionJSX(EuiPage, _extends({
305
- className: classes,
306
- paddingSize: "none",
307
- grow: grow
308
- }, rest, {
309
- style: pageStyle
310
- }), ___EmotionJSX(EuiPageBody, pageBodyProps, pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
311
- restrictWidth: restrictWidth,
312
- paddingSize: paddingSize,
313
- bottomBorder: "extended"
314
- }, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
315
- hasBorder: pageHeader === undefined ? false : undefined,
316
- hasShadow: false,
317
- paddingSize: 'none',
318
- color: 'plain',
319
- borderRadius: 'none'
320
- }, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
321
- restrictWidth: restrictWidth,
322
- paddingSize: paddingSize
323
- }, pageContentBodyProps), children)), bottomBarNode));
324
- }
325
- };
@@ -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");
@@ -1,52 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.EuiPageContent_Deprecated = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _react = _interopRequireDefault(require("react"));
11
- var _classnames = _interopRequireDefault(require("classnames"));
12
- var _panel = require("../../panel/panel");
13
- var _react2 = require("@emotion/react");
14
- var _excluded = ["verticalPosition", "horizontalPosition", "paddingSize", "borderRadius", "children", "className", "role"];
15
- /*
16
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
17
- * or more contributor license agreements. Licensed under the Elastic License
18
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
19
- * in compliance with, at your election, the Elastic License 2.0 or the Server
20
- * Side Public License, v 1.
21
- */
22
- var verticalPositionToClassNameMap = {
23
- center: 'euiPageContent--verticalCenter'
24
- };
25
- var horizontalPositionToClassNameMap = {
26
- center: 'euiPageContent--horizontalCenter'
27
- };
28
- /**
29
- * @deprecated Use EuiPageSection instead
30
- */
31
- var EuiPageContent_Deprecated = function EuiPageContent_Deprecated(_ref) {
32
- var verticalPosition = _ref.verticalPosition,
33
- horizontalPosition = _ref.horizontalPosition,
34
- _ref$paddingSize = _ref.paddingSize,
35
- paddingSize = _ref$paddingSize === void 0 ? 'l' : _ref$paddingSize,
36
- borderRadius = _ref.borderRadius,
37
- children = _ref.children,
38
- className = _ref.className,
39
- _ref$role = _ref.role,
40
- _role = _ref$role === void 0 ? 'main' : _ref$role,
41
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
42
- var role = _role === null ? undefined : _role;
43
- var borderRadiusClass = borderRadius === 'none' ? 'euiPageContent--borderRadiusNone' : '';
44
- var classes = (0, _classnames.default)('euiPageContent', borderRadiusClass, verticalPosition ? verticalPositionToClassNameMap[verticalPosition] : null, horizontalPosition ? horizontalPositionToClassNameMap[horizontalPosition] : null, className);
45
- return (0, _react2.jsx)(_panel.EuiPanel, (0, _extends2.default)({
46
- className: classes,
47
- paddingSize: paddingSize,
48
- borderRadius: borderRadius,
49
- role: role
50
- }, rest), children);
51
- };
52
- exports.EuiPageContent_Deprecated = EuiPageContent_Deprecated;
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.PADDING_SIZES = exports.EuiPageContentBody_Deprecated = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
- var _react = _interopRequireDefault(require("react"));
12
- var _classnames = _interopRequireDefault(require("classnames"));
13
- var _common = require("../../common");
14
- var _restrict_width = require("../_restrict_width");
15
- var _react2 = require("@emotion/react");
16
- var _excluded = ["children", "restrictWidth", "paddingSize", "style", "className"];
17
- /*
18
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
19
- * or more contributor license agreements. Licensed under the Elastic License
20
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
21
- * in compliance with, at your election, the Elastic License 2.0 or the Server
22
- * Side Public License, v 1.
23
- */
24
- var paddingSizeToClassNameMap = {
25
- none: null,
26
- s: 'euiPageContentBody--paddingSmall',
27
- m: 'euiPageContentBody--paddingMedium',
28
- l: 'euiPageContentBody--paddingLarge'
29
- };
30
- var PADDING_SIZES = (0, _common.keysOf)(paddingSizeToClassNameMap);
31
- exports.PADDING_SIZES = PADDING_SIZES;
32
- /**
33
- * @deprecated Use EuiPageSection instead
34
- */
35
- var EuiPageContentBody_Deprecated = function EuiPageContentBody_Deprecated(_ref) {
36
- var children = _ref.children,
37
- _ref$restrictWidth = _ref.restrictWidth,
38
- restrictWidth = _ref$restrictWidth === void 0 ? false : _ref$restrictWidth,
39
- _ref$paddingSize = _ref.paddingSize,
40
- paddingSize = _ref$paddingSize === void 0 ? 'none' : _ref$paddingSize,
41
- style = _ref.style,
42
- className = _ref.className,
43
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
44
- var _setPropsForRestricte = (0, _restrict_width.setPropsForRestrictedPageWidth)(restrictWidth, style),
45
- widthClassName = _setPropsForRestricte.widthClassName,
46
- newStyle = _setPropsForRestricte.newStyle;
47
- var classes = (0, _classnames.default)('euiPageContentBody', paddingSizeToClassNameMap[paddingSize], (0, _defineProperty2.default)({}, "euiPageContentBody--".concat(widthClassName), widthClassName), className);
48
- return (0, _react2.jsx)("div", (0, _extends2.default)({
49
- className: classes,
50
- style: newStyle || style
51
- }, rest), children);
52
- };
53
- exports.EuiPageContentBody_Deprecated = EuiPageContentBody_Deprecated;
@@ -1,37 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.EuiPageContentHeader_Deprecated = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _react = _interopRequireDefault(require("react"));
11
- var _classnames = _interopRequireDefault(require("classnames"));
12
- var _react2 = require("@emotion/react");
13
- var _excluded = ["children", "className", "responsive"];
14
- /*
15
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
16
- * or more contributor license agreements. Licensed under the Elastic License
17
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
18
- * in compliance with, at your election, the Elastic License 2.0 or the Server
19
- * Side Public License, v 1.
20
- */
21
- /**
22
- * @deprecated Use EuiPageHeader instead
23
- */
24
- var EuiPageContentHeader_Deprecated = function EuiPageContentHeader_Deprecated(_ref) {
25
- var children = _ref.children,
26
- className = _ref.className,
27
- _ref$responsive = _ref.responsive,
28
- responsive = _ref$responsive === void 0 ? true : _ref$responsive,
29
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
30
- var classes = (0, _classnames.default)('euiPageContentHeader', {
31
- 'euiPageContentHeader--responsive': responsive
32
- }, className);
33
- return (0, _react2.jsx)("div", (0, _extends2.default)({
34
- className: classes
35
- }, rest), children);
36
- };
37
- exports.EuiPageContentHeader_Deprecated = EuiPageContentHeader_Deprecated;