@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
@@ -13,4 +13,15 @@ Object.keys(_clone_element).forEach(function (key) {
13
13
  return _clone_element[key];
14
14
  }
15
15
  });
16
+ });
17
+ var _prefixer = require("./prefixer");
18
+ Object.keys(_prefixer).forEach(function (key) {
19
+ if (key === "default" || key === "__esModule") return;
20
+ if (key in exports && exports[key] === _prefixer[key]) return;
21
+ Object.defineProperty(exports, key, {
22
+ enumerable: true,
23
+ get: function get() {
24
+ return _prefixer[key];
25
+ }
26
+ });
16
27
  });
@@ -0,0 +1,99 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.euiStylisPrefixer = void 0;
7
+ var _stylis = require("stylis");
8
+ /*
9
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
10
+ * or more contributor license agreements. Licensed under the Elastic License
11
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
12
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
13
+ * Side Public License, v 1.
14
+ */
15
+
16
+ // This is a heavily modified version of Emotion's default `prefixer` plugin
17
+ // (mostly removing unnecessary prefixes), which is in turn a modified version
18
+ // of stylis's default prefixer.
19
+ // @see https://github.com/emotion-js/emotion/blob/main/packages/cache/src/prefixer.js
20
+ /* eslint-disable prefer-template */
21
+
22
+ /**
23
+ * This is a stylis plugin which handles auto-prefixing CSS output by Emotion.
24
+ *
25
+ * *Please note*: EUI/Elastic targets latest evergreen browsers for support only.
26
+ * @see https://www.elastic.co/support/matrix#matrix_browsers
27
+ */
28
+ var euiStylisPrefixer = function euiStylisPrefixer(element) {
29
+ if (element.length > -1) if (!element.return) switch (element.type) {
30
+ case _stylis.DECLARATION:
31
+ element.return = prefix(element.value, element.length);
32
+ break;
33
+ }
34
+ };
35
+ exports.euiStylisPrefixer = euiStylisPrefixer;
36
+ var prefix = function prefix(value, length) {
37
+ switch ((0, _stylis.hash)(value, length)) {
38
+ /**
39
+ * `-webkit` prefixes
40
+ */
41
+ // user-select - https://caniuse.com/mdn-css_properties_user-select - needed by Safari
42
+ case 4246:
43
+ // text-decoration - https://caniuse.com/text-decoration - iOS Safari is the main one that needs this
44
+ case 5572:
45
+ // text-size-adjust - https://caniuse.com/text-size-adjust - iOS Safari
46
+ case 2756:
47
+ // box-decoration-break - https://caniuse.com/css-boxdecorationbreak - Chrome & Safari
48
+ case 3005:
49
+ // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite - Chrome
50
+ case 6391:
51
+ case 5879:
52
+ case 5623:
53
+ case 6135:
54
+ case 4599:
55
+ case 4855:
56
+ // print-color-adjust - https://caniuse.com/css-color-adjust - Chrome
57
+ case 2282:
58
+ return _stylis.WEBKIT + value + value;
59
+
60
+ // background-clip - https://caniuse.com/background-clip-text - Chrome, only for `text` value
61
+ case 4215:
62
+ if (~(0, _stylis.indexof)(value, 'text')) {
63
+ return _stylis.WEBKIT + value + value;
64
+ }
65
+
66
+ /**
67
+ * Intrinsic/extrinsic sizing value prefixes
68
+ * `stretch` alternatives needed by Chrome & Firefox - https://caniuse.com/intrinsic-width
69
+ */
70
+ // (min|max)?(width|height|inline-size|block-size)
71
+ case 8116:
72
+ case 7059:
73
+ case 5753:
74
+ case 5535:
75
+ case 5445:
76
+ case 5701:
77
+ case 4933:
78
+ case 4677:
79
+ case 5533:
80
+ case 5789:
81
+ case 5021:
82
+ case 4765:
83
+ // stretch, max-content, min-content, fill-available
84
+ if ((0, _stylis.strlen)(value) - 1 - length > 6) switch ((0, _stylis.charat)(value, length + 1)) {
85
+ // (f)ill-available
86
+ case 102:
87
+ if (~(0, _stylis.indexof)(value, 'fill-available')) {
88
+ return (0, _stylis.replace)(value, /(.+:)(.+)-([^]+)/, '$1' + _stylis.WEBKIT + '$2-$3' + '$1' + _stylis.MOZ + ((0, _stylis.charat)(value, length + 3) === 108 ? '$3' : '$2-$3'));
89
+ }
90
+ // (s)tretch
91
+ case 115:
92
+ if (~(0, _stylis.indexof)(value, 'stretch')) {
93
+ return prefix((0, _stylis.replace)(value, 'stretch', 'fill-available'), length) + value;
94
+ }
95
+ }
96
+ break;
97
+ }
98
+ return value;
99
+ };
@@ -8,18 +8,19 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.EuiThemeProvider = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
13
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
14
  var _react = require("@emotion/react");
14
15
  var _react2 = _interopRequireWildcard(require("react"));
15
- var _classnames = _interopRequireDefault(require("classnames"));
16
- var _css2 = require("@emotion/css");
17
16
  var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
18
17
  var _emotion = require("../emotion");
18
+ var _css2 = require("../emotion/css");
19
19
  var _context = require("./context");
20
20
  var _emotion2 = require("./emotion");
21
21
  var _utils = require("./utils");
22
22
  var _excluded = ["cloneElement", "className"];
23
+ var _templateObject;
23
24
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
24
25
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
26
  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; }
@@ -110,13 +111,13 @@ var EuiThemeProvider = function EuiThemeProvider(_ref) {
110
111
  // The theme that determines the global body styles
111
112
  bodyColor: isGlobalTheme ? theme.colors.text : bodyColor,
112
113
  hasDifferentColorFromGlobalTheme: isGlobalTheme ? false : bodyColor !== theme.colors.text,
113
- colorClassName: /*#__PURE__*/(0, _css2.css)("label:euiColorMode-", _colorMode, ";color:", theme.colors.text, ";;label:colorClassName;"),
114
+ colorClassName: (0, _css2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n label: euiColorMode-", ";\n color: ", ";\n "])), _colorMode || colorMode, theme.colors.text),
114
115
  setGlobalCSSVariables: isGlobalTheme ? setThemeCSSVariables : setGlobalCSSVariables,
115
116
  globalCSSVariables: isGlobalTheme ? themeCSSVariables : globalCSSVariables,
116
117
  setNearestThemeCSSVariables: setThemeCSSVariables,
117
118
  themeCSSVariables: themeCSSVariables
118
119
  };
119
- }, [theme, isGlobalTheme, bodyColor, _colorMode, setGlobalCSSVariables, globalCSSVariables, setThemeCSSVariables, themeCSSVariables]);
120
+ }, [theme, isGlobalTheme, bodyColor, _colorMode, colorMode, setGlobalCSSVariables, globalCSSVariables, setThemeCSSVariables, themeCSSVariables]);
120
121
  var renderedChildren = (0, _react2.useMemo)(function () {
121
122
  if (isGlobalTheme) {
122
123
  return children; // No wrapper
@@ -127,7 +128,7 @@ var EuiThemeProvider = function EuiThemeProvider(_ref) {
127
128
  className = _ref2.className,
128
129
  rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
129
130
  var props = _objectSpread(_objectSpread({}, rest), {}, {
130
- className: (0, _classnames.default)(className, nestedThemeContext.colorClassName)
131
+ className: (0, _css2.cx)(className, nestedThemeContext.colorClassName)
131
132
  });
132
133
  // Condition avoids rendering an empty Emotion selector if no
133
134
  // theme-specific CSS variables have been set by child components
@@ -138,11 +139,11 @@ var EuiThemeProvider = function EuiThemeProvider(_ref) {
138
139
  }
139
140
  if (cloneElement) {
140
141
  return (0, _emotion.cloneElementWithCss)(children, _objectSpread(_objectSpread({}, props), {}, {
141
- className: (0, _classnames.default)(children.props.className, props.className)
142
+ className: (0, _css2.cx)(children.props.className, props.className)
142
143
  }));
143
144
  } else {
144
145
  return (0, _react.jsx)("span", (0, _extends2.default)({}, props, {
145
- className: (0, _classnames.default)('euiThemeProvider', props.className)
146
+ className: (0, _css2.cx)('euiThemeProvider', props.className)
146
147
  }), children);
147
148
  }
148
149
  }, [isGlobalTheme, themeCSSVariables, nestedThemeContext, wrapperProps, children]);
@@ -43,7 +43,7 @@ var isInverseColorMode = function isInverseColorMode(colorMode) {
43
43
  /**
44
44
  * Returns the color mode configured in the current EuiThemeProvider.
45
45
  * Returns the parent color mode if none is explicity set.
46
- * @param {string} coloMode - `light`, `dark`, or `inverse`
46
+ * @param {string} colorMode - `light`, `dark`, or `inverse`
47
47
  * @param {string} parentColorMode - `LIGHT` or `DARK`; used as the fallback
48
48
  */
49
49
  exports.isInverseColorMode = isInverseColorMode;
@@ -1,12 +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 { EuiPageContent_Deprecated } from './page_content';
10
- export { EuiPageContentBody_Deprecated } from './page_content_body';
11
- export { EuiPageContentHeader_Deprecated } from './page_content_header';
12
- export { EuiPageContentHeaderSection_Deprecated } from './page_content_header_section';
@@ -1,110 +0,0 @@
1
- var _excluded = ["verticalPosition", "horizontalPosition", "paddingSize", "borderRadius", "children", "className", "role"];
2
- 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); }
3
- 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; }
4
- 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; }
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 PropTypes from "prop-types";
15
- import classNames from 'classnames';
16
- import { EuiPanel } from '../../panel/panel';
17
- import { jsx as ___EmotionJSX } from "@emotion/react";
18
- var verticalPositionToClassNameMap = {
19
- center: 'euiPageContent--verticalCenter'
20
- };
21
- var horizontalPositionToClassNameMap = {
22
- center: 'euiPageContent--horizontalCenter'
23
- };
24
- /**
25
- * @deprecated Use EuiPageSection instead
26
- */
27
- export var EuiPageContent_Deprecated = function EuiPageContent_Deprecated(_ref) {
28
- var verticalPosition = _ref.verticalPosition,
29
- horizontalPosition = _ref.horizontalPosition,
30
- _ref$paddingSize = _ref.paddingSize,
31
- paddingSize = _ref$paddingSize === void 0 ? 'l' : _ref$paddingSize,
32
- borderRadius = _ref.borderRadius,
33
- children = _ref.children,
34
- className = _ref.className,
35
- _ref$role = _ref.role,
36
- _role = _ref$role === void 0 ? 'main' : _ref$role,
37
- rest = _objectWithoutProperties(_ref, _excluded);
38
- var role = _role === null ? undefined : _role;
39
- var borderRadiusClass = borderRadius === 'none' ? 'euiPageContent--borderRadiusNone' : '';
40
- var classes = classNames('euiPageContent', borderRadiusClass, verticalPosition ? verticalPositionToClassNameMap[verticalPosition] : null, horizontalPosition ? horizontalPositionToClassNameMap[horizontalPosition] : null, className);
41
- return ___EmotionJSX(EuiPanel, _extends({
42
- className: classes,
43
- paddingSize: paddingSize,
44
- borderRadius: borderRadius,
45
- role: role
46
- }, rest), children);
47
- };
48
- EuiPageContent_Deprecated.propTypes = {
49
- className: PropTypes.string,
50
- "aria-label": PropTypes.string,
51
- "data-test-subj": PropTypes.string,
52
- css: PropTypes.any,
53
- /**
54
- * Adds a medium shadow to the panel;
55
- * Only works when `color="plain"`
56
- */
57
- /**
58
- * Adds a medium shadow to the panel;
59
- * Only works when `color="plain"`
60
- */
61
- hasShadow: PropTypes.bool,
62
- /**
63
- * Adds a slight 1px border on all edges.
64
- * Only works when `color="plain | transparent"`
65
- */
66
- /**
67
- * Adds a slight 1px border on all edges.
68
- * Only works when `color="plain | transparent"`
69
- */
70
- hasBorder: PropTypes.bool,
71
- /**
72
- * Padding for all four sides
73
- */
74
- /**
75
- * Padding for all four sides
76
- */
77
- paddingSize: PropTypes.any,
78
- /**
79
- * Corner border radius
80
- */
81
- /**
82
- * Corner border radius
83
- */
84
- borderRadius: PropTypes.any,
85
- /**
86
- * When true the panel will grow in height to match `EuiFlexItem`
87
- */
88
- /**
89
- * When true the panel will grow in height to match `EuiFlexItem`
90
- */
91
- grow: PropTypes.bool,
92
- panelRef: PropTypes.any,
93
- /**
94
- * Background color of the panel;
95
- * Usually a lightened form of the brand colors
96
- */
97
- /**
98
- * Background color of the panel;
99
- * Usually a lightened form of the brand colors
100
- */
101
- color: PropTypes.any,
102
- element: PropTypes.oneOf(["div"]),
103
- verticalPosition: PropTypes.oneOf(["center"]),
104
- horizontalPosition: PropTypes.oneOf(["center"]),
105
- /**
106
- * There should only be one EuiPageContent per page and should contain the main contents.
107
- * If this is untrue, set role = `null`, or change it to match your needed aria role
108
- */
109
- role: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.oneOf([null])])
110
- };
@@ -1,69 +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 = ["children", "restrictWidth", "paddingSize", "style", "className"];
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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
- 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; }
8
- 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; }
9
- /*
10
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
11
- * or more contributor license agreements. Licensed under the Elastic License
12
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
13
- * in compliance with, at your election, the Elastic License 2.0 or the Server
14
- * Side Public License, v 1.
15
- */
16
-
17
- import React from 'react';
18
- import PropTypes from "prop-types";
19
- import classNames from 'classnames';
20
- import { keysOf } from '../../common';
21
- import { setPropsForRestrictedPageWidth } from '../_restrict_width';
22
- import { jsx as ___EmotionJSX } from "@emotion/react";
23
- var paddingSizeToClassNameMap = {
24
- none: null,
25
- s: 'euiPageContentBody--paddingSmall',
26
- m: 'euiPageContentBody--paddingMedium',
27
- l: 'euiPageContentBody--paddingLarge'
28
- };
29
- export var PADDING_SIZES = keysOf(paddingSizeToClassNameMap);
30
- /**
31
- * @deprecated Use EuiPageSection instead
32
- */
33
- export var EuiPageContentBody_Deprecated = function EuiPageContentBody_Deprecated(_ref) {
34
- var children = _ref.children,
35
- _ref$restrictWidth = _ref.restrictWidth,
36
- restrictWidth = _ref$restrictWidth === void 0 ? false : _ref$restrictWidth,
37
- _ref$paddingSize = _ref.paddingSize,
38
- paddingSize = _ref$paddingSize === void 0 ? 'none' : _ref$paddingSize,
39
- style = _ref.style,
40
- className = _ref.className,
41
- rest = _objectWithoutProperties(_ref, _excluded);
42
- var _setPropsForRestricte = setPropsForRestrictedPageWidth(restrictWidth, style),
43
- widthClassName = _setPropsForRestricte.widthClassName,
44
- newStyle = _setPropsForRestricte.newStyle;
45
- var classes = classNames('euiPageContentBody', paddingSizeToClassNameMap[paddingSize], _defineProperty({}, "euiPageContentBody--".concat(widthClassName), widthClassName), className);
46
- return ___EmotionJSX("div", _extends({
47
- className: classes,
48
- style: newStyle || style
49
- }, rest), children);
50
- };
51
- EuiPageContentBody_Deprecated.propTypes = {
52
- /**
53
- * Adjust the padding.
54
- * When using this setting it's best to be consistent throughout all similar usages
55
- */
56
- paddingSize: PropTypes.any,
57
- className: PropTypes.string,
58
- "aria-label": PropTypes.string,
59
- "data-test-subj": PropTypes.string,
60
- css: PropTypes.any,
61
- /**
62
- * Sets the max-width of the page,
63
- * set to `true` to use the default size of `1200px`,
64
- * set to `false` to not restrict the width,
65
- * set to a number for a custom width in px,
66
- * set to a string for a custom width in custom measurement.
67
- */
68
- restrictWidth: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.number.isRequired, PropTypes.string.isRequired])
69
- };
@@ -1,34 +0,0 @@
1
- var _excluded = ["children", "className"];
2
- 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); }
3
- 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; }
4
- 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; }
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 PropTypes from "prop-types";
15
- import classNames from 'classnames';
16
- import { jsx as ___EmotionJSX } from "@emotion/react";
17
- /**
18
- * @deprecated Use EuiPageHeader instead
19
- */
20
- export var EuiPageContentHeaderSection_Deprecated = function EuiPageContentHeaderSection_Deprecated(_ref) {
21
- var children = _ref.children,
22
- className = _ref.className,
23
- rest = _objectWithoutProperties(_ref, _excluded);
24
- var classes = classNames('euiPageContentHeaderSection', className);
25
- return ___EmotionJSX("div", _extends({
26
- className: classes
27
- }, rest), children);
28
- };
29
- EuiPageContentHeaderSection_Deprecated.propTypes = {
30
- className: PropTypes.string,
31
- "aria-label": PropTypes.string,
32
- "data-test-subj": PropTypes.string,
33
- css: PropTypes.any
34
- };
@@ -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,60 +0,0 @@
1
- var _excluded = ["children", "className", "sticky", "paddingSize"];
2
- 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); }
3
- 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; }
4
- 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; }
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 PropTypes from "prop-types";
15
- import classNames from 'classnames';
16
- import { keysOf } from '../../common';
17
- import { jsx as ___EmotionJSX } from "@emotion/react";
18
- var paddingSizeToClassNameMap = {
19
- none: null,
20
- s: 'euiPageSideBar--paddingSmall',
21
- m: 'euiPageSideBar--paddingMedium',
22
- l: 'euiPageSideBar--paddingLarge'
23
- };
24
- export var PADDING_SIZES = keysOf(paddingSizeToClassNameMap);
25
-
26
- /**
27
- * @deprecated Use the new EuiPageSidebarProps in page/page_sidebar instead
28
- */
29
-
30
- /**
31
- * @deprecated Use the new EuiPageSidebar in page/page_sidebar instead
32
- */
33
- export var EuiPageSideBar_Deprecated = function EuiPageSideBar_Deprecated(_ref) {
34
- var children = _ref.children,
35
- className = _ref.className,
36
- sticky = _ref.sticky,
37
- _ref$paddingSize = _ref.paddingSize,
38
- paddingSize = _ref$paddingSize === void 0 ? 'none' : _ref$paddingSize,
39
- rest = _objectWithoutProperties(_ref, _excluded);
40
- var classes = classNames('euiPageSideBar', paddingSizeToClassNameMap[paddingSize], {
41
- 'euiPageSideBar--sticky': sticky
42
- }, className);
43
- return ___EmotionJSX("div", _extends({
44
- className: classes
45
- }, rest), children);
46
- };
47
- EuiPageSideBar_Deprecated.propTypes = {
48
- /**
49
- * Adds `position: sticky`
50
- */
51
- sticky: PropTypes.bool,
52
- /**
53
- * Adds padding around the children
54
- */
55
- paddingSize: PropTypes.any,
56
- className: PropTypes.string,
57
- "aria-label": PropTypes.string,
58
- "data-test-subj": PropTypes.string,
59
- css: PropTypes.any
60
- };