@elastic/eui 60.2.0 → 62.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 (545) hide show
  1. package/dist/eui_theme_dark.css +20 -660
  2. package/dist/eui_theme_dark.json +1 -2
  3. package/dist/eui_theme_dark.json.d.ts +1 -2
  4. package/dist/eui_theme_dark.min.css +1 -1
  5. package/dist/eui_theme_light.css +20 -660
  6. package/dist/eui_theme_light.json +1 -2
  7. package/dist/eui_theme_light.json.d.ts +1 -2
  8. package/dist/eui_theme_light.min.css +1 -1
  9. package/es/components/accessibility/skip_link/skip_link.js +1 -1
  10. package/es/components/accordion/accordion.js +10 -5
  11. package/es/components/avatar/avatar.js +1 -2
  12. package/es/components/badge/badge.js +1 -1
  13. package/es/components/badge/beta_badge/beta_badge.js +1 -1
  14. package/es/components/basic_table/basic_table.js +1 -1
  15. package/es/components/basic_table/collapsed_item_actions.js +1 -1
  16. package/es/components/basic_table/in_memory_table.js +1 -1
  17. package/es/components/button/_button_content_deprecated.js +1 -1
  18. package/es/components/button/button.js +2 -2
  19. package/es/components/button/button_display/_button_display.js +1 -1
  20. package/es/components/button/button_display/_button_display_content.js +1 -1
  21. package/es/components/button/button_empty/button_empty.js +1 -1
  22. package/es/components/button/button_group/button_group.js +1 -1
  23. package/es/components/button/button_group/button_group_button.js +1 -1
  24. package/es/components/button/button_icon/button_icon.js +1 -1
  25. package/es/components/call_out/call_out.js +1 -1
  26. package/es/components/card/card.js +1 -1
  27. package/es/components/card/card_select.js +1 -1
  28. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  29. package/es/components/color_picker/color_picker.js +1 -1
  30. package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +7 -4
  31. package/es/components/comment_list/comment.js +54 -24
  32. package/es/components/comment_list/comment_event.js +103 -32
  33. package/es/components/comment_list/comment_event.styles.js +78 -0
  34. package/es/components/comment_list/comment_list.js +45 -12
  35. package/es/components/comment_list/comment_timeline.js +29 -35
  36. package/es/components/context_menu/context_menu.js +1 -1
  37. package/es/components/context_menu/context_menu_panel.js +1 -1
  38. package/es/components/datagrid/body/data_grid_body.js +20 -17
  39. package/es/components/datagrid/body/data_grid_cell.js +102 -34
  40. package/es/components/datagrid/body/header/data_grid_header_cell.js +164 -68
  41. package/es/components/datagrid/body/header/data_grid_header_row.js +13 -13
  42. package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
  43. package/es/components/datagrid/data_grid.js +15 -13
  44. package/es/components/datagrid/utils/in_memory.js +12 -12
  45. package/es/components/datagrid/utils/ref.js +24 -3
  46. package/es/components/datagrid/utils/row_heights.js +27 -33
  47. package/es/components/date_picker/date_picker.js +2 -2
  48. package/es/components/date_picker/date_picker_range.js +1 -1
  49. package/es/components/empty_prompt/empty_prompt.js +1 -1
  50. package/es/components/error_boundary/error_boundary.js +18 -11
  51. package/es/components/error_boundary/error_boundary.styles.js +18 -0
  52. package/es/components/focus_trap/focus_trap.js +1 -0
  53. package/es/components/form/field_number/field_number.js +1 -1
  54. package/es/components/form/field_text/field_text.js +2 -2
  55. package/es/components/form/form.styles.js +11 -0
  56. package/es/components/form/form_control_layout/form_control_layout.js +2 -2
  57. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  58. package/es/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  59. package/es/components/header/header_links/header_link.js +1 -1
  60. package/es/components/header/header_links/header_links.js +10 -8
  61. package/es/components/header/header_logo.js +1 -1
  62. package/es/components/icon/assets/keyboard.js +38 -0
  63. package/es/components/icon/assets/tokenMetricCounter.js +38 -0
  64. package/es/components/icon/assets/{keyboard_shortcut.js → tokenMetricGauge.js} +3 -3
  65. package/es/components/icon/icon.js +1 -1
  66. package/es/components/icon/icon_map.js +39 -37
  67. package/es/components/image/image.js +71 -166
  68. package/es/components/image/image.styles.js +28 -0
  69. package/es/components/image/image_button.js +68 -0
  70. package/es/components/image/image_button.styles.js +41 -0
  71. package/es/components/image/image_caption.js +28 -0
  72. package/es/components/image/image_caption.styles.js +18 -0
  73. package/es/components/image/image_fullscreen_wrapper.js +100 -0
  74. package/es/components/image/image_fullscreen_wrapper.styles.js +26 -0
  75. package/es/components/image/image_types.js +10 -0
  76. package/es/components/image/image_wrapper.js +78 -0
  77. package/es/components/image/image_wrapper.styles.js +41 -0
  78. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
  79. package/es/components/list_group/list_group.js +2 -2
  80. package/es/components/list_group/list_group_item.js +2 -2
  81. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  82. package/es/components/loading/loading_logo.js +1 -1
  83. package/es/components/markdown_editor/markdown_editor.js +1 -1
  84. package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  85. package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
  86. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  87. package/es/components/notification/notification_event.js +2 -2
  88. package/es/components/notification/notification_event_meta.js +1 -1
  89. package/es/components/page/page_header/page_header.js +1 -1
  90. package/es/components/page/page_header/page_header_content.js +1 -1
  91. package/es/components/page/page_template.js +1 -1
  92. package/es/components/pagination/pagination_button.js +1 -1
  93. package/es/components/popover/input_popover.js +8 -4
  94. package/es/components/popover/popover.js +58 -148
  95. package/es/components/popover/popover.styles.js +15 -0
  96. package/es/components/popover/popover_arrow/_popover_arrow.js +40 -0
  97. package/es/components/popover/popover_arrow/_popover_arrow.styles.js +25 -0
  98. package/es/components/popover/popover_arrow/index.js +8 -0
  99. package/es/components/popover/popover_footer.js +15 -12
  100. package/es/components/popover/popover_footer.styles.js +19 -0
  101. package/es/components/popover/popover_panel/_popover_panel.js +114 -0
  102. package/es/components/popover/popover_panel/_popover_panel.styles.js +42 -0
  103. package/es/components/popover/popover_panel/index.js +8 -0
  104. package/es/components/popover/popover_title.js +15 -12
  105. package/es/components/popover/popover_title.styles.js +20 -0
  106. package/es/components/selectable/selectable.js +10 -9
  107. package/es/components/selectable/selectable_list/selectable_list.js +1 -1
  108. package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
  109. package/es/components/selectable/selectable_search/selectable_search.js +1 -6
  110. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +2 -2
  111. package/es/components/suggest/suggest.js +1 -5
  112. package/es/components/suggest/suggest_item.js +1 -1
  113. package/es/components/table/table_header_button.js +1 -1
  114. package/es/components/text/text.styles.js +5 -4
  115. package/es/components/text_diff/text_diff.js +5 -0
  116. package/es/components/text_diff/text_diff.styles.js +15 -0
  117. package/es/components/timeline/timeline_item.js +1 -2
  118. package/es/components/timeline/timeline_item_icon.js +1 -1
  119. package/es/components/toast/global_toast_list.js +1 -1
  120. package/es/components/toast/toast.js +1 -1
  121. package/es/components/token/token.js +1 -1
  122. package/es/components/token/token_map.js +115 -107
  123. package/es/components/tool_tip/icon_tip.js +1 -1
  124. package/es/components/tour/tour.js +6 -6
  125. package/es/components/tour/tour_step.js +6 -6
  126. package/es/global_styling/functions/logicals.js +22 -0
  127. package/es/global_styling/mixins/_responsive.js +46 -0
  128. package/es/global_styling/mixins/index.js +2 -1
  129. package/es/services/hooks/index.js +1 -0
  130. package/es/services/hooks/useLatest.js +18 -0
  131. package/es/test/emotion-prefix.js +1 -1
  132. package/es/themes/amsterdam/global_styling/functions/shadows.js +1 -1
  133. package/es/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
  134. package/eui.d.ts +620 -252
  135. package/i18ntokens.json +147 -51
  136. package/lib/components/accessibility/skip_link/skip_link.js +1 -1
  137. package/lib/components/accordion/accordion.js +10 -5
  138. package/lib/components/avatar/avatar.js +1 -2
  139. package/lib/components/badge/badge.js +1 -1
  140. package/lib/components/badge/beta_badge/beta_badge.js +1 -1
  141. package/lib/components/basic_table/basic_table.js +1 -1
  142. package/lib/components/basic_table/collapsed_item_actions.js +1 -1
  143. package/lib/components/basic_table/in_memory_table.js +1 -1
  144. package/lib/components/button/_button_content_deprecated.js +1 -1
  145. package/lib/components/button/button.js +2 -2
  146. package/lib/components/button/button_display/_button_display.js +1 -1
  147. package/lib/components/button/button_display/_button_display_content.js +1 -1
  148. package/lib/components/button/button_empty/button_empty.js +1 -1
  149. package/lib/components/button/button_group/button_group.js +1 -1
  150. package/lib/components/button/button_group/button_group_button.js +1 -1
  151. package/lib/components/button/button_icon/button_icon.js +1 -1
  152. package/lib/components/call_out/call_out.js +1 -1
  153. package/lib/components/card/card.js +1 -1
  154. package/lib/components/card/card_select.js +1 -1
  155. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  156. package/lib/components/color_picker/color_picker.js +1 -1
  157. package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +8 -5
  158. package/lib/components/comment_list/comment.js +53 -25
  159. package/lib/components/comment_list/comment_event.js +104 -41
  160. package/lib/components/comment_list/comment_event.styles.js +86 -0
  161. package/lib/components/comment_list/comment_list.js +46 -12
  162. package/lib/components/comment_list/comment_timeline.js +30 -40
  163. package/lib/components/context_menu/context_menu.js +1 -1
  164. package/lib/components/context_menu/context_menu_panel.js +1 -1
  165. package/lib/components/datagrid/body/data_grid_body.js +20 -17
  166. package/lib/components/datagrid/body/data_grid_cell.js +101 -33
  167. package/lib/components/datagrid/body/header/data_grid_header_cell.js +166 -67
  168. package/lib/components/datagrid/body/header/data_grid_header_row.js +13 -13
  169. package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
  170. package/lib/components/datagrid/data_grid.js +15 -13
  171. package/lib/components/datagrid/utils/in_memory.js +12 -12
  172. package/lib/components/datagrid/utils/ref.js +24 -3
  173. package/lib/components/datagrid/utils/row_heights.js +26 -32
  174. package/lib/components/date_picker/date_picker.js +2 -2
  175. package/lib/components/date_picker/date_picker_range.js +1 -1
  176. package/lib/components/empty_prompt/empty_prompt.js +1 -1
  177. package/lib/components/error_boundary/error_boundary.js +23 -13
  178. package/lib/components/error_boundary/error_boundary.styles.js +30 -0
  179. package/lib/components/focus_trap/focus_trap.js +1 -0
  180. package/lib/components/form/field_number/field_number.js +1 -1
  181. package/lib/components/form/field_text/field_text.js +2 -2
  182. package/lib/components/form/form.styles.js +20 -0
  183. package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
  184. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  185. package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  186. package/lib/components/header/header_links/header_link.js +1 -1
  187. package/lib/components/header/header_links/header_links.js +10 -8
  188. package/lib/components/header/header_logo.js +1 -1
  189. package/lib/components/icon/assets/keyboard.js +45 -0
  190. package/lib/components/icon/assets/tokenMetricCounter.js +45 -0
  191. package/lib/components/icon/assets/{keyboard_shortcut.js → tokenMetricGauge.js} +3 -3
  192. package/lib/components/icon/icon.js +1 -1
  193. package/lib/components/icon/icon_map.js +39 -37
  194. package/lib/components/icon/svgs/keyboard.svg +3 -0
  195. package/lib/components/icon/svgs/tokens/tokenMetricCounter.svg +3 -0
  196. package/lib/components/icon/svgs/tokens/tokenMetricGauge.svg +3 -0
  197. package/lib/components/image/image.js +73 -168
  198. package/lib/components/image/image.styles.js +40 -0
  199. package/lib/components/image/image_button.js +81 -0
  200. package/lib/components/image/image_button.styles.js +48 -0
  201. package/lib/components/image/image_caption.js +49 -0
  202. package/lib/components/image/image_caption.styles.js +30 -0
  203. package/lib/components/image/image_fullscreen_wrapper.js +117 -0
  204. package/lib/components/image/image_fullscreen_wrapper.styles.js +30 -0
  205. package/lib/components/image/image_types.js +18 -0
  206. package/lib/components/image/image_wrapper.js +91 -0
  207. package/lib/components/image/image_wrapper.styles.js +44 -0
  208. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
  209. package/lib/components/list_group/list_group.js +2 -2
  210. package/lib/components/list_group/list_group_item.js +2 -2
  211. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  212. package/lib/components/loading/loading_logo.js +1 -1
  213. package/lib/components/markdown_editor/markdown_editor.js +1 -1
  214. package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  215. package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
  216. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  217. package/lib/components/notification/notification_event.js +2 -2
  218. package/lib/components/notification/notification_event_meta.js +1 -1
  219. package/lib/components/page/page_header/page_header.js +1 -1
  220. package/lib/components/page/page_header/page_header_content.js +1 -1
  221. package/lib/components/page/page_template.js +1 -1
  222. package/lib/components/popover/input_popover.js +8 -3
  223. package/lib/components/popover/popover.js +74 -165
  224. package/lib/components/popover/popover.styles.js +26 -0
  225. package/lib/components/popover/popover_arrow/_popover_arrow.js +51 -0
  226. package/lib/components/popover/popover_arrow/_popover_arrow.styles.js +38 -0
  227. package/lib/components/popover/popover_arrow/index.js +13 -0
  228. package/lib/components/popover/popover_footer.js +25 -15
  229. package/lib/components/popover/popover_footer.styles.js +30 -0
  230. package/lib/components/popover/popover_panel/_popover_panel.js +132 -0
  231. package/lib/components/popover/popover_panel/_popover_panel.styles.js +54 -0
  232. package/lib/components/popover/popover_panel/index.js +13 -0
  233. package/lib/components/popover/popover_title.js +25 -15
  234. package/lib/components/popover/popover_title.styles.js +32 -0
  235. package/lib/components/selectable/selectable.js +10 -9
  236. package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
  237. package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
  238. package/lib/components/selectable/selectable_search/selectable_search.js +0 -5
  239. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +2 -2
  240. package/lib/components/suggest/suggest.js +1 -5
  241. package/lib/components/suggest/suggest_item.js +1 -1
  242. package/lib/components/table/table_header_button.js +1 -1
  243. package/lib/components/text/text.styles.js +4 -3
  244. package/lib/components/text_diff/text_diff.js +7 -0
  245. package/lib/components/text_diff/text_diff.styles.js +25 -0
  246. package/lib/components/timeline/timeline_item.js +1 -2
  247. package/lib/components/timeline/timeline_item_icon.js +1 -1
  248. package/lib/components/toast/global_toast_list.js +1 -1
  249. package/lib/components/toast/toast.js +1 -1
  250. package/lib/components/token/token.js +1 -1
  251. package/lib/components/token/token_map.js +115 -107
  252. package/lib/components/tool_tip/icon_tip.js +1 -1
  253. package/lib/global_styling/functions/logicals.js +30 -2
  254. package/lib/global_styling/mixins/_responsive.js +60 -0
  255. package/lib/global_styling/mixins/index.js +13 -0
  256. package/lib/services/hooks/index.js +13 -0
  257. package/lib/services/hooks/useLatest.js +26 -0
  258. package/lib/test/emotion-prefix.js +1 -1
  259. package/lib/themes/amsterdam/global_styling/functions/shadows.js +1 -1
  260. package/lib/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
  261. package/optimize/es/components/accordion/accordion.js +10 -5
  262. package/optimize/es/components/avatar/avatar.js +0 -1
  263. package/optimize/es/components/color_picker/color_picker.js +1 -1
  264. package/optimize/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +7 -4
  265. package/optimize/es/components/comment_list/comment.js +24 -18
  266. package/optimize/es/components/comment_list/comment_event.js +83 -28
  267. package/optimize/es/components/comment_list/comment_event.styles.js +78 -0
  268. package/optimize/es/components/comment_list/comment_list.js +7 -3
  269. package/optimize/es/components/comment_list/comment_timeline.js +19 -32
  270. package/optimize/es/components/context_menu/context_menu_panel.js +1 -1
  271. package/optimize/es/components/datagrid/body/data_grid_body.js +7 -4
  272. package/optimize/es/components/datagrid/body/data_grid_cell.js +18 -9
  273. package/optimize/es/components/datagrid/body/header/data_grid_header_cell.js +150 -54
  274. package/optimize/es/components/datagrid/data_grid.js +2 -0
  275. package/optimize/es/components/datagrid/utils/ref.js +24 -3
  276. package/optimize/es/components/datagrid/utils/row_heights.js +27 -33
  277. package/optimize/es/components/error_boundary/error_boundary.js +17 -10
  278. package/optimize/es/components/error_boundary/error_boundary.styles.js +18 -0
  279. package/optimize/es/components/focus_trap/focus_trap.js +1 -0
  280. package/optimize/es/components/form/form.styles.js +11 -0
  281. package/optimize/es/components/icon/assets/keyboard.js +34 -0
  282. package/optimize/es/components/icon/assets/tokenMetricCounter.js +34 -0
  283. package/optimize/es/components/icon/assets/{keyboard_shortcut.js → tokenMetricGauge.js} +3 -3
  284. package/optimize/es/components/icon/icon_map.js +39 -37
  285. package/optimize/es/components/image/image.js +50 -154
  286. package/optimize/es/components/image/image.styles.js +28 -0
  287. package/optimize/es/components/image/image_button.js +56 -0
  288. package/optimize/es/components/image/image_button.styles.js +41 -0
  289. package/optimize/es/components/image/image_caption.js +24 -0
  290. package/optimize/es/components/image/image_caption.styles.js +18 -0
  291. package/optimize/es/components/image/image_fullscreen_wrapper.js +84 -0
  292. package/optimize/es/components/image/image_fullscreen_wrapper.styles.js +26 -0
  293. package/optimize/es/components/image/image_types.js +10 -0
  294. package/optimize/es/components/image/image_wrapper.js +62 -0
  295. package/optimize/es/components/image/image_wrapper.styles.js +41 -0
  296. package/optimize/es/components/popover/input_popover.js +8 -4
  297. package/optimize/es/components/popover/popover.js +41 -131
  298. package/optimize/es/components/popover/popover.styles.js +15 -0
  299. package/optimize/es/components/popover/popover_arrow/_popover_arrow.js +29 -0
  300. package/optimize/es/components/popover/popover_arrow/_popover_arrow.styles.js +25 -0
  301. package/optimize/es/components/popover/popover_arrow/index.js +8 -0
  302. package/optimize/es/components/popover/popover_footer.js +15 -12
  303. package/optimize/es/components/popover/popover_footer.styles.js +19 -0
  304. package/optimize/es/components/popover/popover_panel/_popover_panel.js +55 -0
  305. package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +42 -0
  306. package/optimize/es/components/popover/popover_panel/index.js +8 -0
  307. package/optimize/es/components/popover/popover_title.js +15 -12
  308. package/optimize/es/components/popover/popover_title.styles.js +20 -0
  309. package/optimize/es/components/selectable/selectable.js +10 -9
  310. package/optimize/es/components/selectable/selectable_search/selectable_search.js +1 -6
  311. package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  312. package/optimize/es/components/suggest/suggest.js +0 -4
  313. package/optimize/es/components/text/text.styles.js +5 -4
  314. package/optimize/es/components/text_diff/text_diff.js +5 -0
  315. package/optimize/es/components/text_diff/text_diff.styles.js +15 -0
  316. package/optimize/es/components/timeline/timeline_item.js +1 -2
  317. package/optimize/es/components/token/token_map.js +115 -107
  318. package/optimize/es/global_styling/functions/logicals.js +22 -0
  319. package/optimize/es/global_styling/mixins/_responsive.js +46 -0
  320. package/optimize/es/global_styling/mixins/index.js +2 -1
  321. package/optimize/es/services/hooks/index.js +1 -0
  322. package/optimize/es/services/hooks/useLatest.js +18 -0
  323. package/optimize/es/test/emotion-prefix.js +1 -1
  324. package/optimize/es/themes/amsterdam/global_styling/functions/shadows.js +1 -1
  325. package/optimize/es/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
  326. package/optimize/lib/components/accordion/accordion.js +8 -5
  327. package/optimize/lib/components/avatar/avatar.js +0 -1
  328. package/optimize/lib/components/color_picker/color_picker.js +1 -1
  329. package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +8 -5
  330. package/optimize/lib/components/comment_list/comment.js +23 -18
  331. package/optimize/lib/components/comment_list/comment_event.js +85 -31
  332. package/optimize/lib/components/comment_list/comment_event.styles.js +86 -0
  333. package/optimize/lib/components/comment_list/comment_list.js +8 -3
  334. package/optimize/lib/components/comment_list/comment_timeline.js +21 -38
  335. package/optimize/lib/components/context_menu/context_menu_panel.js +1 -1
  336. package/optimize/lib/components/datagrid/body/data_grid_body.js +7 -4
  337. package/optimize/lib/components/datagrid/body/data_grid_cell.js +17 -8
  338. package/optimize/lib/components/datagrid/body/header/data_grid_header_cell.js +153 -54
  339. package/optimize/lib/components/datagrid/data_grid.js +2 -0
  340. package/optimize/lib/components/datagrid/utils/ref.js +24 -3
  341. package/optimize/lib/components/datagrid/utils/row_heights.js +25 -30
  342. package/optimize/lib/components/error_boundary/error_boundary.js +20 -10
  343. package/optimize/lib/components/error_boundary/error_boundary.styles.js +30 -0
  344. package/optimize/lib/components/focus_trap/focus_trap.js +1 -0
  345. package/optimize/lib/components/form/form.styles.js +20 -0
  346. package/optimize/lib/components/icon/assets/keyboard.js +44 -0
  347. package/optimize/lib/components/icon/assets/tokenMetricCounter.js +44 -0
  348. package/{test-env/components/icon/assets/keyboard_shortcut.js → optimize/lib/components/icon/assets/tokenMetricGauge.js} +3 -3
  349. package/optimize/lib/components/icon/icon_map.js +39 -37
  350. package/optimize/lib/components/icon/svgs/keyboard.svg +3 -0
  351. package/optimize/lib/components/icon/svgs/tokens/tokenMetricCounter.svg +3 -0
  352. package/optimize/lib/components/icon/svgs/tokens/tokenMetricGauge.svg +3 -0
  353. package/optimize/lib/components/image/image.js +52 -156
  354. package/optimize/lib/components/image/image.styles.js +40 -0
  355. package/optimize/lib/components/image/image_button.js +68 -0
  356. package/optimize/lib/components/image/image_button.styles.js +48 -0
  357. package/optimize/lib/components/image/image_caption.js +42 -0
  358. package/optimize/lib/components/image/image_caption.styles.js +30 -0
  359. package/optimize/lib/components/image/image_fullscreen_wrapper.js +108 -0
  360. package/optimize/lib/components/image/image_fullscreen_wrapper.styles.js +32 -0
  361. package/optimize/lib/components/image/image_types.js +18 -0
  362. package/optimize/lib/components/image/image_wrapper.js +82 -0
  363. package/optimize/lib/components/image/image_wrapper.styles.js +44 -0
  364. package/optimize/lib/components/popover/input_popover.js +7 -3
  365. package/optimize/lib/components/popover/popover.js +60 -150
  366. package/optimize/lib/components/popover/popover.styles.js +26 -0
  367. package/optimize/lib/components/popover/popover_arrow/_popover_arrow.js +39 -0
  368. package/optimize/lib/components/popover/popover_arrow/_popover_arrow.styles.js +38 -0
  369. package/optimize/lib/components/popover/popover_arrow/index.js +13 -0
  370. package/optimize/lib/components/popover/popover_footer.js +26 -14
  371. package/optimize/lib/components/popover/popover_footer.styles.js +30 -0
  372. package/optimize/lib/components/popover/popover_panel/_popover_panel.js +74 -0
  373. package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +54 -0
  374. package/optimize/lib/components/popover/popover_panel/index.js +13 -0
  375. package/optimize/lib/components/popover/popover_title.js +26 -14
  376. package/optimize/lib/components/popover/popover_title.styles.js +32 -0
  377. package/optimize/lib/components/selectable/selectable.js +10 -8
  378. package/optimize/lib/components/selectable/selectable_search/selectable_search.js +0 -5
  379. package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  380. package/optimize/lib/components/suggest/suggest.js +0 -4
  381. package/optimize/lib/components/text/text.styles.js +4 -3
  382. package/optimize/lib/components/text_diff/text_diff.js +7 -0
  383. package/optimize/lib/components/text_diff/text_diff.styles.js +25 -0
  384. package/optimize/lib/components/timeline/timeline_item.js +1 -2
  385. package/optimize/lib/components/token/token_map.js +115 -107
  386. package/optimize/lib/global_styling/functions/logicals.js +30 -2
  387. package/optimize/lib/global_styling/mixins/_responsive.js +60 -0
  388. package/optimize/lib/global_styling/mixins/index.js +13 -0
  389. package/optimize/lib/services/hooks/index.js +13 -0
  390. package/optimize/lib/services/hooks/useLatest.js +26 -0
  391. package/optimize/lib/test/emotion-prefix.js +1 -1
  392. package/optimize/lib/themes/amsterdam/global_styling/functions/shadows.js +1 -1
  393. package/optimize/lib/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
  394. package/package.json +3 -3
  395. package/src/components/combo_box/combo_box_options_list/_combo_box_options_list.scss +0 -4
  396. package/src/components/context_menu/_context_menu_panel.scss +2 -2
  397. package/src/components/index.scss +0 -5
  398. package/src/components/markdown_editor/_markdown_editor.scss +3 -2
  399. package/src/components/tour/_tour.scss +13 -9
  400. package/src/global_styling/mixins/_index.scss +0 -1
  401. package/src/themes/amsterdam/global_styling/mixins/_index.scss +0 -2
  402. package/src/themes/amsterdam/overrides/_index.scss +0 -3
  403. package/test-env/components/accessibility/skip_link/skip_link.js +1 -1
  404. package/test-env/components/accordion/accordion.js +8 -5
  405. package/test-env/components/avatar/avatar.js +1 -2
  406. package/test-env/components/badge/badge.js +1 -1
  407. package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
  408. package/test-env/components/basic_table/basic_table.js +1 -1
  409. package/test-env/components/basic_table/collapsed_item_actions.js +1 -1
  410. package/test-env/components/basic_table/in_memory_table.js +1 -1
  411. package/test-env/components/button/_button_content_deprecated.js +1 -1
  412. package/test-env/components/button/button.js +2 -2
  413. package/test-env/components/button/button_display/_button_display.js +1 -1
  414. package/test-env/components/button/button_display/_button_display_content.js +1 -1
  415. package/test-env/components/button/button_empty/button_empty.js +1 -1
  416. package/test-env/components/button/button_group/button_group.js +1 -1
  417. package/test-env/components/button/button_group/button_group_button.js +1 -1
  418. package/test-env/components/button/button_icon/button_icon.js +1 -1
  419. package/test-env/components/call_out/call_out.js +1 -1
  420. package/test-env/components/card/card.js +1 -1
  421. package/test-env/components/card/card_select.js +1 -1
  422. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  423. package/test-env/components/color_picker/color_picker.js +1 -1
  424. package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +8 -5
  425. package/test-env/components/comment_list/comment.js +53 -24
  426. package/test-env/components/comment_list/comment_event.js +105 -35
  427. package/test-env/components/comment_list/comment_event.styles.js +86 -0
  428. package/test-env/components/comment_list/comment_list.js +46 -12
  429. package/test-env/components/comment_list/comment_timeline.js +30 -40
  430. package/test-env/components/context_menu/context_menu.js +1 -1
  431. package/test-env/components/context_menu/context_menu_panel.js +1 -1
  432. package/test-env/components/datagrid/body/data_grid_body.js +20 -17
  433. package/test-env/components/datagrid/body/data_grid_cell.js +101 -33
  434. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +166 -67
  435. package/test-env/components/datagrid/body/header/data_grid_header_row.js +13 -13
  436. package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
  437. package/test-env/components/datagrid/data_grid.js +15 -13
  438. package/test-env/components/datagrid/utils/in_memory.js +12 -12
  439. package/test-env/components/datagrid/utils/ref.js +24 -3
  440. package/test-env/components/datagrid/utils/row_heights.js +25 -30
  441. package/test-env/components/date_picker/date_picker.js +2 -2
  442. package/test-env/components/date_picker/date_picker_range.js +1 -1
  443. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  444. package/test-env/components/error_boundary/error_boundary.js +23 -13
  445. package/test-env/components/error_boundary/error_boundary.styles.js +30 -0
  446. package/test-env/components/form/field_number/field_number.js +1 -1
  447. package/test-env/components/form/field_text/field_text.js +2 -2
  448. package/test-env/components/form/form.styles.js +20 -0
  449. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
  450. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  451. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  452. package/test-env/components/header/header_links/header_link.js +1 -1
  453. package/test-env/components/header/header_links/header_links.js +10 -8
  454. package/test-env/components/header/header_logo.js +1 -1
  455. package/test-env/components/icon/assets/keyboard.js +44 -0
  456. package/test-env/components/icon/assets/tokenMetricCounter.js +44 -0
  457. package/{optimize/lib/components/icon/assets/keyboard_shortcut.js → test-env/components/icon/assets/tokenMetricGauge.js} +3 -3
  458. package/test-env/components/icon/icon_map.js +39 -37
  459. package/test-env/components/image/image.js +73 -168
  460. package/test-env/components/image/image.styles.js +40 -0
  461. package/test-env/components/image/image_button.js +77 -0
  462. package/test-env/components/image/image_button.styles.js +48 -0
  463. package/test-env/components/image/image_caption.js +49 -0
  464. package/test-env/components/image/image_caption.styles.js +30 -0
  465. package/test-env/components/image/image_fullscreen_wrapper.js +114 -0
  466. package/test-env/components/image/image_fullscreen_wrapper.styles.js +32 -0
  467. package/test-env/components/image/image_types.js +18 -0
  468. package/test-env/components/image/image_wrapper.js +88 -0
  469. package/test-env/components/image/image_wrapper.styles.js +44 -0
  470. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
  471. package/test-env/components/list_group/list_group.js +2 -2
  472. package/test-env/components/list_group/list_group_item.js +2 -2
  473. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  474. package/test-env/components/loading/loading_logo.js +1 -1
  475. package/test-env/components/markdown_editor/markdown_editor.js +1 -1
  476. package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  477. package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
  478. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  479. package/test-env/components/notification/notification_event.js +2 -2
  480. package/test-env/components/notification/notification_event_meta.js +1 -1
  481. package/test-env/components/page/page_header/page_header.js +1 -1
  482. package/test-env/components/page/page_header/page_header_content.js +1 -1
  483. package/test-env/components/page/page_template.js +1 -1
  484. package/test-env/components/popover/input_popover.js +7 -3
  485. package/test-env/components/popover/popover.js +75 -166
  486. package/test-env/components/popover/popover.styles.js +26 -0
  487. package/test-env/components/popover/popover_arrow/_popover_arrow.js +47 -0
  488. package/test-env/components/popover/popover_arrow/_popover_arrow.styles.js +38 -0
  489. package/test-env/components/popover/popover_arrow/index.js +13 -0
  490. package/test-env/components/popover/popover_footer.js +26 -14
  491. package/test-env/components/popover/popover_footer.styles.js +30 -0
  492. package/test-env/components/popover/popover_panel/_popover_panel.js +119 -0
  493. package/test-env/components/popover/popover_panel/_popover_panel.styles.js +54 -0
  494. package/test-env/components/popover/popover_panel/index.js +13 -0
  495. package/test-env/components/popover/popover_title.js +26 -14
  496. package/test-env/components/popover/popover_title.styles.js +32 -0
  497. package/test-env/components/selectable/selectable.js +10 -8
  498. package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
  499. package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
  500. package/test-env/components/selectable/selectable_search/selectable_search.js +0 -5
  501. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +2 -2
  502. package/test-env/components/suggest/suggest.js +1 -5
  503. package/test-env/components/suggest/suggest_item.js +1 -1
  504. package/test-env/components/table/table_header_button.js +1 -1
  505. package/test-env/components/text/text.styles.js +4 -3
  506. package/test-env/components/text_diff/text_diff.js +7 -0
  507. package/test-env/components/text_diff/text_diff.styles.js +25 -0
  508. package/test-env/components/timeline/timeline_item.js +1 -2
  509. package/test-env/components/timeline/timeline_item_icon.js +1 -1
  510. package/test-env/components/toast/global_toast_list.js +1 -1
  511. package/test-env/components/toast/toast.js +1 -1
  512. package/test-env/components/token/token.js +1 -1
  513. package/test-env/components/token/token_map.js +115 -107
  514. package/test-env/components/tool_tip/icon_tip.js +1 -1
  515. package/test-env/global_styling/functions/logicals.js +30 -2
  516. package/test-env/global_styling/mixins/_responsive.js +60 -0
  517. package/test-env/global_styling/mixins/index.js +13 -0
  518. package/test-env/services/hooks/index.js +13 -0
  519. package/test-env/services/hooks/useLatest.js +26 -0
  520. package/test-env/test/emotion-prefix.js +1 -1
  521. package/test-env/themes/amsterdam/global_styling/functions/shadows.js +1 -1
  522. package/test-env/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
  523. package/lib/components/icon/svgs/keyboard_shortcut.svg +0 -3
  524. package/optimize/lib/components/icon/svgs/keyboard_shortcut.svg +0 -3
  525. package/src/components/comment_list/_comment.scss +0 -38
  526. package/src/components/comment_list/_comment_event.scss +0 -77
  527. package/src/components/comment_list/_comment_timeline.scss +0 -27
  528. package/src/components/comment_list/_index.scss +0 -3
  529. package/src/components/error_boundary/_error_boundary.scss +0 -13
  530. package/src/components/error_boundary/_index.scss +0 -1
  531. package/src/components/image/_image.scss +0 -212
  532. package/src/components/image/_index.scss +0 -1
  533. package/src/components/popover/_index.scss +0 -5
  534. package/src/components/popover/_input_popover.scss +0 -7
  535. package/src/components/popover/_popover.scss +0 -182
  536. package/src/components/popover/_popover_footer.scss +0 -27
  537. package/src/components/popover/_popover_title.scss +0 -27
  538. package/src/components/popover/_variables.scss +0 -2
  539. package/src/components/text_diff/_index.scss +0 -1
  540. package/src/components/text_diff/_text_diff.scss +0 -9
  541. package/src/global_styling/mixins/_popover.scss +0 -19
  542. package/src/themes/amsterdam/global_styling/mixins/_popover.scss +0 -5
  543. package/src/themes/amsterdam/overrides/_comment.scss +0 -3
  544. package/src/themes/amsterdam/overrides/_image.scss +0 -10
  545. package/src/themes/amsterdam/overrides/_popover.scss +0 -104
@@ -3486,9 +3486,6 @@ SOFTWARE.
3486
3486
  -webkit-transform: none !important;
3487
3487
  transform: none !important;
3488
3488
  top: 0; }
3489
- .euiComboBoxOptionsList.euiPopover__panel-isAttached.euiComboBoxOptionsList--top {
3490
- /* 1 */
3491
- box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 0 17px rgba(0, 0, 0, 0.075); }
3492
3489
  .euiComboBoxOptionsList .euiFilterSelectItem__content {
3493
3490
  margin-block: 0 !important; }
3494
3491
 
@@ -3575,167 +3572,6 @@ SOFTWARE.
3575
3572
  font-weight: 700;
3576
3573
  color: #FFF; }
3577
3574
 
3578
- .euiComment {
3579
- font-size: 14px;
3580
- display: -webkit-flex;
3581
- display: flex;
3582
- padding-bottom: 16px;
3583
- min-height: 56px; }
3584
- .euiComment .euiCommentEvent {
3585
- -webkit-flex-grow: 1;
3586
- flex-grow: 1; }
3587
- .euiComment .euiCommentTimeline {
3588
- position: relative;
3589
- -webkit-flex-grow: 0;
3590
- flex-grow: 0;
3591
- margin-right: 16px; }
3592
- .euiComment .euiCommentTimeline::before {
3593
- content: '';
3594
- position: absolute;
3595
- left: 20px;
3596
- top: 24px;
3597
- width: 2px;
3598
- background-color: #343741;
3599
- height: calc(100% + 24px); }
3600
-
3601
- .euiComment:last-of-type .euiCommentTimeline::before {
3602
- display: none; }
3603
-
3604
- .euiComment--update:not(.euiComment--hasBody) {
3605
- -webkit-align-items: center;
3606
- align-items: center; }
3607
-
3608
- .euiCommentEvent--regular {
3609
- -webkit-flex-grow: 1;
3610
- flex-grow: 1; }
3611
- .euiCommentEvent--regular.euiCommentEvent--regular--flexGrowZero {
3612
- -webkit-flex-grow: 0;
3613
- flex-grow: 0; }
3614
- .euiCommentEvent--regular.euiCommentEvent--regular--hasShadow {
3615
- box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
3616
- .euiCommentEvent--regular.euiCommentEvent--regular--hasBorder {
3617
- border: 1px solid #343741;
3618
- box-shadow: none; }
3619
- .euiCommentEvent--regular.euiCommentEvent--regular--isClickable {
3620
- transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
3621
- .euiCommentEvent--regular.euiCommentEvent--regular--isClickable:enabled {
3622
- display: block;
3623
- width: 100%;
3624
- text-align: left; }
3625
- .euiCommentEvent--regular.euiCommentEvent--regular--isClickable:hover, .euiCommentEvent--regular.euiCommentEvent--regular--isClickable:focus {
3626
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
3627
- -webkit-transform: translateY(-2px);
3628
- transform: translateY(-2px);
3629
- cursor: pointer; }
3630
- .euiCommentEvent--regular.euiCommentEvent--regular--borderRadiusNone {
3631
- border-radius: 0; }
3632
- .euiCommentEvent--regular.euiCommentEvent--regular--borderRadiusMedium {
3633
- border-radius: 4px; }
3634
- .euiCommentEvent--regular.euiCommentEvent--regular--transparent {
3635
- background-color: transparent; }
3636
- .euiCommentEvent--regular.euiCommentEvent--regular--plain {
3637
- background-color: #1D1E24; }
3638
- .euiCommentEvent--regular.euiCommentEvent--regular--subdued {
3639
- background-color: #141519; }
3640
- .euiCommentEvent--regular.euiCommentEvent--regular--accent {
3641
- background-color: #4a2b39; }
3642
- .euiCommentEvent--regular.euiCommentEvent--regular--primary {
3643
- background-color: #103148; }
3644
- .euiCommentEvent--regular.euiCommentEvent--regular--success {
3645
- background-color: #264341; }
3646
- .euiCommentEvent--regular.euiCommentEvent--regular--warning {
3647
- background-color: #493f22; }
3648
- .euiCommentEvent--regular.euiCommentEvent--regular--danger {
3649
- background-color: #4a201e; }
3650
-
3651
- .euiCommentEvent {
3652
- overflow: hidden; }
3653
-
3654
- .euiCommentEvent__header {
3655
- line-height: 1.5;
3656
- display: -webkit-flex;
3657
- display: flex;
3658
- -webkit-align-items: center;
3659
- align-items: center; }
3660
-
3661
- .euiCommentEvent__headerData {
3662
- -webkit-align-items: center;
3663
- align-items: center;
3664
- display: -webkit-flex;
3665
- display: flex;
3666
- -webkit-flex-wrap: wrap;
3667
- flex-wrap: wrap; }
3668
- .euiCommentEvent__headerData > div {
3669
- padding-right: 4px; }
3670
-
3671
- .euiCommentEvent__headerUsername {
3672
- font-weight: 600; }
3673
-
3674
- .euiCommentEvent--regular {
3675
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
3676
- border-radius: 6px;
3677
- border: 1px solid #343741; }
3678
- .euiCommentEvent--regular .euiCommentEvent__header {
3679
- min-height: 40px;
3680
- background-color: #25262E;
3681
- border-bottom: 1px solid #343741;
3682
- padding: 4px 8px;
3683
- /**
3684
- * Fix for IE when using align-items:center in an item that has min-height
3685
- (https://github.com/philipwalton/flexbugs/issues/231#issuecomment-362790042)
3686
- */ }
3687
- @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
3688
- .euiCommentEvent--regular .euiCommentEvent__header::after {
3689
- content: '';
3690
- min-height: 32px;
3691
- font-size: 0;
3692
- display: block; } }
3693
- .euiCommentEvent--regular .euiCommentEvent__headerData {
3694
- -webkit-flex-grow: 1;
3695
- flex-grow: 1; }
3696
- .euiCommentEvent--regular .euiCommentEvent__body {
3697
- padding: 8px; }
3698
-
3699
- .euiCommentEvent--update .euiCommentEvent__header {
3700
- -webkit-justify-content: flex-start;
3701
- justify-content: flex-start;
3702
- padding: 4px 0; }
3703
-
3704
- .euiCommentEvent--update .euiCommentEvent__headerData {
3705
- padding-right: 8px; }
3706
-
3707
- .euiCommentEvent--update .euiCommentEvent__body {
3708
- padding-top: 4px; }
3709
-
3710
- .euiCommentTimeline__content {
3711
- min-width: 40px;
3712
- display: -webkit-flex;
3713
- display: flex;
3714
- -webkit-justify-content: center;
3715
- justify-content: center;
3716
- -webkit-align-items: center;
3717
- align-items: center;
3718
- position: relative; }
3719
-
3720
- .euiCommentTimeline__icon--default {
3721
- -webkit-flex-shrink: 0;
3722
- flex-shrink: 0;
3723
- display: -webkit-flex;
3724
- display: flex;
3725
- -webkit-justify-content: center;
3726
- justify-content: center;
3727
- -webkit-align-items: center;
3728
- align-items: center;
3729
- overflow-x: hidden;
3730
- border-radius: 50%;
3731
- background-color: #25262E; }
3732
- .euiCommentTimeline__icon--default.euiCommentTimeline__icon--regular {
3733
- width: 40px;
3734
- height: 40px; }
3735
- .euiCommentTimeline__icon--default.euiCommentTimeline__icon--update {
3736
- width: 24px;
3737
- height: 24px; }
3738
-
3739
3575
  .euiContextMenu {
3740
3576
  width: 256px;
3741
3577
  max-width: 100%;
@@ -3801,24 +3637,13 @@ SOFTWARE.
3801
3637
  line-height: 1.71429rem;
3802
3638
  font-weight: 700;
3803
3639
  padding: 12px;
3804
- border-bottom: 1px solid #343741;
3805
- padding: 12px;
3806
3640
  width: 100%;
3807
3641
  text-align: left;
3808
- outline-offset: -2px; }
3642
+ outline-offset: -2px;
3643
+ border-bottom: 1px solid #343741; }
3809
3644
  .euiContextMenuPanelTitle:enabled:hover, .euiContextMenuPanelTitle:enabled:focus {
3810
3645
  text-decoration: underline; }
3811
3646
  .euiContextMenuPanelTitle--small {
3812
- overflow-wrap: break-word !important;
3813
- word-wrap: break-word !important;
3814
- word-break: break-word;
3815
- color: #DFE5EF;
3816
- font-size: 14px;
3817
- font-size: 1rem;
3818
- line-height: 1.71429rem;
3819
- font-weight: 700;
3820
- padding: 12px;
3821
- border-bottom: 1px solid #343741;
3822
3647
  padding: 6px 8px; }
3823
3648
 
3824
3649
  @-webkit-keyframes euiContextMenuPanelTxInLeft {
@@ -5729,10 +5554,6 @@ SOFTWARE.
5729
5554
  .euiEmptyPrompt--paddingLarge.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
5730
5555
  gap: 24px; }
5731
5556
 
5732
- .euiErrorBoundary {
5733
- background: repeating-linear-gradient(45deg, rgba(248, 107, 99, 0.25), rgba(248, 107, 99, 0.25) 1px, rgba(248, 107, 99, 0.05) 1px, rgba(248, 107, 99, 0.05) 20px);
5734
- padding: 16px; }
5735
-
5736
5557
  .euiFilterGroup {
5737
5558
  display: -webkit-inline-flex;
5738
5559
  display: inline-flex;
@@ -9543,165 +9364,6 @@ SOFTWARE.
9543
9364
  height: 16px;
9544
9365
  top: 9%; } }
9545
9366
 
9546
- /**
9547
- * 1. Fix for IE where the image correctly resizes in width but doesn't collapse its height
9548
- (https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
9549
- */
9550
- .euiImage {
9551
- display: inline-block;
9552
- max-width: 100%;
9553
- position: relative;
9554
- min-height: 1px;
9555
- /* 1 */
9556
- line-height: 0;
9557
- -webkit-flex-shrink: 0;
9558
- flex-shrink: 0; }
9559
- .euiImage .euiImage__img {
9560
- margin-bottom: 0;
9561
- max-width: 100%; }
9562
- .euiImage.euiImage--hasShadow .euiImage__img {
9563
- box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
9564
- .euiImage .euiImage__button {
9565
- position: relative;
9566
- cursor: pointer;
9567
- transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
9568
- .euiImage .euiImage__button:focus {
9569
- outline: 2px solid #36A2EF; }
9570
- .euiImage .euiImage__button:hover .euiImage__icon {
9571
- visibility: visible;
9572
- fill-opacity: 1; }
9573
- .euiImage .euiImage__button--fullWidth {
9574
- width: 100%; }
9575
- .euiImage.euiImage--allowFullScreen:hover .euiImage__caption {
9576
- text-decoration: underline; }
9577
- .euiImage.euiImage--allowFullScreen:not(.euiImage--hasShadow) .euiImage__button:hover,
9578
- .euiImage.euiImage--allowFullScreen:not(.euiImage--hasShadow) .euiImage__button:focus {
9579
- box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
9580
- .euiImage.euiImage--allowFullScreen.euiImage--hasShadow .euiImage__button:hover,
9581
- .euiImage.euiImage--allowFullScreen.euiImage--hasShadow .euiImage__button:focus {
9582
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125); }
9583
- .euiImage.euiImage--small .euiImage__img {
9584
- width: 8.57143rem; }
9585
- .euiImage.euiImage--medium .euiImage__img {
9586
- width: 14.28571rem; }
9587
- .euiImage.euiImage--large .euiImage__img {
9588
- width: 25.71429rem; }
9589
- .euiImage.euiImage--xlarge .euiImage__img {
9590
- width: 42.85714rem; }
9591
- .euiImage.euiImage--fullWidth {
9592
- width: 100%; }
9593
- .euiImage.euiImage--original .euiImage__img {
9594
- width: auto;
9595
- max-width: 100%; }
9596
- .euiImage.euiImage--floatLeft {
9597
- float: left; }
9598
- .euiImage.euiImage--floatLeft[class*='euiImage--margin'] {
9599
- margin-left: 0;
9600
- margin-top: 0; }
9601
- .euiImage.euiImage--floatRight {
9602
- float: right; }
9603
- .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
9604
- margin-right: 0;
9605
- margin-top: 0; }
9606
- .euiImage.euiImage--marginSmall {
9607
- margin: 8px; }
9608
- .euiImage.euiImage--marginMedium {
9609
- margin: 16px; }
9610
- .euiImage.euiImage--marginLarge {
9611
- margin: 24px; }
9612
- .euiImage.euiImage--marginXlarge {
9613
- margin: 32px; }
9614
-
9615
- .euiImage__img {
9616
- width: 100%;
9617
- vertical-align: middle; }
9618
-
9619
- .euiImage__caption {
9620
- font-size: 14px;
9621
- font-size: 1rem;
9622
- line-height: 1.71429rem;
9623
- margin-top: 4px;
9624
- text-align: center; }
9625
-
9626
- .euiImage__icon {
9627
- visibility: hidden;
9628
- fill-opacity: 0;
9629
- position: absolute;
9630
- right: 16px;
9631
- top: 16px;
9632
- transition: fill-opacity 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
9633
- cursor: pointer; }
9634
-
9635
- .euiImage-isFullScreen {
9636
- position: relative;
9637
- max-height: 80vh;
9638
- max-width: 80vw;
9639
- -webkit-animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1);
9640
- animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1); }
9641
- .euiImage-isFullScreen:hover .euiImage__button {
9642
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125); }
9643
- .euiImage-isFullScreen:hover .euiImage__caption {
9644
- text-decoration: underline; }
9645
- .euiImage-isFullScreen__img {
9646
- max-height: 80vh;
9647
- max-width: 80vw;
9648
- vertical-align: middle;
9649
- cursor: pointer;
9650
- transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
9651
-
9652
- .euiImage-isFullScreenCloseIcon {
9653
- position: absolute;
9654
- right: 16px;
9655
- top: 16px;
9656
- pointer-events: none; }
9657
-
9658
- @-webkit-keyframes euiImageFullScreen {
9659
- 0% {
9660
- opacity: 0;
9661
- -webkit-transform: translateY(64px);
9662
- transform: translateY(64px); }
9663
- 100% {
9664
- opacity: 1;
9665
- -webkit-transform: translateY(0);
9666
- transform: translateY(0); } }
9667
-
9668
- @keyframes euiImageFullScreen {
9669
- 0% {
9670
- opacity: 0;
9671
- -webkit-transform: translateY(64px);
9672
- transform: translateY(64px); }
9673
- 100% {
9674
- opacity: 1;
9675
- -webkit-transform: translateY(0);
9676
- transform: translateY(0); } }
9677
-
9678
- @media only screen and (max-width: 574px) {
9679
- .euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
9680
- float: none; }
9681
- .euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
9682
- margin-top: inherit;
9683
- margin-right: inherit;
9684
- margin-bottom: inherit;
9685
- margin-left: inherit; } }
9686
-
9687
- @media only screen and (min-width: 575px) and (max-width: 767px) {
9688
- .euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
9689
- float: none; }
9690
- .euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
9691
- margin-top: inherit;
9692
- margin-right: inherit;
9693
- margin-bottom: inherit;
9694
- margin-left: inherit; } }
9695
-
9696
- @media only screen and (min-width: 768px) and (max-width: 991px) {
9697
- .euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
9698
- float: none; }
9699
- .euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
9700
- margin-top: inherit;
9701
- margin-right: inherit;
9702
- margin-bottom: inherit;
9703
- margin-left: inherit; } }
9704
-
9705
9367
  /**
9706
9368
  * 1. Default to grid of 3
9707
9369
  */
@@ -10000,19 +9662,19 @@ SOFTWARE.
10000
9662
  .euiPinnableListGroup__itemExtraAction-pinned:not(:hover):not(:focus) {
10001
9663
  color: #62656d; }
10002
9664
 
10003
- .euiMarkdownEditor--isPreviewing .euiMarkdownEditor__toggleContainer {
10004
- display: none; }
10005
-
10006
- .euiMarkdownEditor--fullHeight {
9665
+ .euiMarkdownEditor {
10007
9666
  display: -webkit-flex;
10008
9667
  display: flex;
10009
9668
  -webkit-flex-direction: column;
10010
- flex-direction: column;
10011
- height: 100%; }
10012
- .euiMarkdownEditor--fullHeight .euiMarkdownEditorTextArea {
10013
- resize: none; }
10014
- .euiMarkdownEditor--fullHeight .euiMarkdownEditorDropZone {
9669
+ flex-direction: column; }
9670
+ .euiMarkdownEditor--isPreviewing .euiMarkdownEditor__toggleContainer {
9671
+ display: none; }
9672
+ .euiMarkdownEditor--fullHeight {
10015
9673
  height: 100%; }
9674
+ .euiMarkdownEditor--fullHeight .euiMarkdownEditorTextArea {
9675
+ resize: none; }
9676
+ .euiMarkdownEditor--fullHeight .euiMarkdownEditorDropZone {
9677
+ height: 100%; }
10016
9678
 
10017
9679
  .euiMarkdownEditorDropZone {
10018
9680
  display: -webkit-flex;
@@ -11292,215 +10954,6 @@ SOFTWARE.
11292
10954
  .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
11293
10955
  margin-top: 16px; } }
11294
10956
 
11295
- .euiPopover {
11296
- display: inline-block;
11297
- position: relative;
11298
- vertical-align: middle;
11299
- max-width: 100%; }
11300
-
11301
- .euiPopover__anchor {
11302
- display: inline-block; }
11303
-
11304
- .euiPopover--displayBlock {
11305
- display: block; }
11306
- .euiPopover--displayBlock .euiPopover__anchor {
11307
- display: block; }
11308
-
11309
- /**
11310
- * 1. Can expand further, but it looks weird if it's smaller than the originating button.
11311
- * 2. Animation happens on the panel. But don't animate when using the attached mode like for inputs
11312
- * 3. Make sure the panel stays within the window.
11313
- */
11314
- .euiPopover__panel {
11315
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
11316
- position: absolute;
11317
- min-width: 112px;
11318
- /* 1 */
11319
- max-width: calc(100vw - 32px);
11320
- /* 3 */
11321
- -webkit-backface-visibility: hidden;
11322
- backface-visibility: hidden;
11323
- pointer-events: none;
11324
- opacity: 0;
11325
- /* 2 */
11326
- transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms;
11327
- /* 2 */ }
11328
- .euiPopover__panel:not(.euiPopover__panel-isAttached) {
11329
- -webkit-transform: translateY(0) translateX(0) translateZ(0);
11330
- transform: translateY(0) translateX(0) translateZ(0);
11331
- /* 2 */
11332
- transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
11333
- transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
11334
- transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms; }
11335
- .euiPopover__panel.euiPopover__panel-isOpen {
11336
- opacity: 1;
11337
- pointer-events: auto; }
11338
- .euiPopover__panel .euiPopover__panelArrow {
11339
- position: absolute;
11340
- width: 0;
11341
- height: 0; }
11342
- .euiPopover__panel .euiPopover__panelArrow:before {
11343
- position: absolute;
11344
- content: '';
11345
- height: 0;
11346
- width: 0; }
11347
- .euiPopover__panel .euiPopover__panelArrow:after {
11348
- position: absolute;
11349
- content: '';
11350
- height: 0;
11351
- width: 0; }
11352
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:before {
11353
- bottom: -10px;
11354
- border-left: 12px solid transparent;
11355
- border-right: 12px solid transparent;
11356
- border-top: 12px solid #343741; }
11357
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
11358
- bottom: -9px;
11359
- border-left: 12px solid transparent;
11360
- border-right: 12px solid transparent;
11361
- border-top: 12px solid #1D1E24; }
11362
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:before {
11363
- left: -12px;
11364
- top: 50%;
11365
- border-top: 12px solid transparent;
11366
- border-bottom: 12px solid transparent;
11367
- border-right: 12px solid #343741; }
11368
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:after {
11369
- left: -11px;
11370
- top: 50%;
11371
- border-top: 12px solid transparent;
11372
- border-bottom: 12px solid transparent;
11373
- border-right: 12px solid #1D1E24; }
11374
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:before {
11375
- top: -12px;
11376
- border-left: 12px solid transparent;
11377
- border-right: 12px solid transparent;
11378
- border-bottom: 12px solid #343741; }
11379
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:after {
11380
- top: -11px;
11381
- border-left: 12px solid transparent;
11382
- border-right: 12px solid transparent;
11383
- border-bottom: 12px solid #1D1E24; }
11384
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:before {
11385
- right: -11px;
11386
- top: 50%;
11387
- border-top: 12px solid transparent;
11388
- border-bottom: 12px solid transparent;
11389
- border-left: 12px solid #343741; }
11390
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:after {
11391
- right: -10px;
11392
- top: 50%;
11393
- border-top: 12px solid transparent;
11394
- border-bottom: 12px solid transparent;
11395
- border-left: 12px solid #1D1E24; }
11396
- .euiPopover__panel.euiPopover__panel-noArrow .euiPopover__panelArrow {
11397
- display: none; }
11398
- .euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--bottom {
11399
- border-top-color: rgba(52, 55, 65, 0.8);
11400
- border-top-right-radius: 0;
11401
- border-top-left-radius: 0; }
11402
- .euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--top {
11403
- box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 0 17px rgba(0, 0, 0, 0.075);
11404
- border-bottom-color: rgba(52, 55, 65, 0.8);
11405
- border-bottom-right-radius: 0;
11406
- border-bottom-left-radius: 0; }
11407
-
11408
- .euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--top,
11409
- .euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--top {
11410
- -webkit-transform: translateY(8px) translateZ(0);
11411
- transform: translateY(8px) translateZ(0); }
11412
-
11413
- .euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--bottom,
11414
- .euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--bottom {
11415
- -webkit-transform: translateY(-8px) translateZ(0);
11416
- transform: translateY(-8px) translateZ(0); }
11417
-
11418
- .euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--left {
11419
- -webkit-transform: translateX(8px) translateZ(0);
11420
- transform: translateX(8px) translateZ(0); }
11421
-
11422
- .euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--right {
11423
- -webkit-transform: translateX(-8px) translateZ(0);
11424
- transform: translateX(-8px) translateZ(0); }
11425
-
11426
- .euiPopoverTitle {
11427
- overflow-wrap: break-word !important;
11428
- word-wrap: break-word !important;
11429
- word-break: break-word;
11430
- color: #DFE5EF;
11431
- font-size: 14px;
11432
- font-size: 1rem;
11433
- line-height: 1.71429rem;
11434
- font-weight: 700;
11435
- padding: 12px;
11436
- border-bottom: 1px solid #343741; }
11437
-
11438
- .euiPopoverTitle--paddingNone {
11439
- padding: 0; }
11440
-
11441
- .euiPopoverTitle--paddingSmall {
11442
- padding: 8px; }
11443
-
11444
- .euiPopoverTitle--paddingMedium {
11445
- padding: 16px; }
11446
-
11447
- .euiPopoverTitle--paddingLarge {
11448
- padding: 24px; }
11449
-
11450
- .euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle {
11451
- margin: -8px -8px 8px; }
11452
- .euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
11453
- padding: 12px 8px; }
11454
-
11455
- .euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle {
11456
- margin: -16px -16px 16px; }
11457
- .euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
11458
- padding: 12px 16px; }
11459
-
11460
- .euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle {
11461
- margin: -24px -24px 24px; }
11462
- .euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
11463
- padding: 12px 24px; }
11464
-
11465
- .euiPopoverFooter {
11466
- font-size: 14px;
11467
- font-size: 1rem;
11468
- line-height: 1.71429rem;
11469
- padding: 12px;
11470
- border-top: 1px solid #343741; }
11471
-
11472
- .euiPopoverFooter--paddingNone {
11473
- padding: 0; }
11474
-
11475
- .euiPopoverFooter--paddingSmall {
11476
- padding: 8px; }
11477
-
11478
- .euiPopoverFooter--paddingMedium {
11479
- padding: 16px; }
11480
-
11481
- .euiPopoverFooter--paddingLarge {
11482
- padding: 24px; }
11483
-
11484
- .euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter {
11485
- margin: 8px -8px -8px; }
11486
- .euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
11487
- padding: 12px 8px; }
11488
-
11489
- .euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter {
11490
- margin: 16px -16px -16px; }
11491
- .euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
11492
- padding: 12px 16px; }
11493
-
11494
- .euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter {
11495
- margin: 24px -24px -24px; }
11496
- .euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
11497
- padding: 12px 24px; }
11498
-
11499
- .euiInputPopover {
11500
- max-width: 400px; }
11501
- .euiInputPopover.euiInputPopover--fullWidth {
11502
- max-width: 100%; }
11503
-
11504
10957
  /**
11505
10958
  * 1. Portal content is absolutely positioned (e.g. tooltips, popovers, flyouts).
11506
10959
  */
@@ -13657,12 +13110,6 @@ button.euiSuggestItem {
13657
13110
  .euiTab__append {
13658
13111
  margin-left: 8px; }
13659
13112
 
13660
- .euiTextDiff del {
13661
- color: #F86B63; }
13662
-
13663
- .euiTextDiff ins {
13664
- color: #7DDED8; }
13665
-
13666
13113
  /**
13667
13114
  * 1. Allow list to expand as items are added, but cap it at the screen height.
13668
13115
  * 2. Allow some padding for shadow
@@ -14187,26 +13634,25 @@ button.euiSuggestItem {
14187
13634
  opacity: 0;
14188
13635
  transition: opacity 0s 350ms; }
14189
13636
 
14190
- .euiTour .euiPopover__panelArrow.euiPopover__panelArrow--right .euiTour__beacon {
14191
- opacity: 1;
13637
+ .euiTour[data-popover-open='true'] .euiTour__beacon {
13638
+ opacity: 1; }
13639
+
13640
+ .euiTour [data-popover-arrow='right'] .euiTour__beacon {
14192
13641
  top: 6px;
14193
13642
  left: -24px; }
14194
13643
 
14195
- .euiTour .euiPopover__panelArrow.euiPopover__panelArrow--left .euiTour__beacon {
14196
- opacity: 1;
13644
+ .euiTour [data-popover-arrow='left'] .euiTour__beacon {
14197
13645
  top: 6px;
14198
13646
  left: 12px; }
14199
13647
 
14200
- .euiTour .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
14201
- border-top-color: #25262E; }
13648
+ .euiTour [data-popover-arrow='top']:before {
13649
+ border-top-color: #141519; }
14202
13650
 
14203
- .euiTour .euiPopover__panelArrow.euiPopover__panelArrow--top .euiTour__beacon {
14204
- opacity: 1;
13651
+ .euiTour [data-popover-arrow='top'] .euiTour__beacon {
14205
13652
  top: 12px;
14206
13653
  left: 6px; }
14207
13654
 
14208
- .euiTour .euiPopover__panelArrow.euiPopover__panelArrow--bottom .euiTour__beacon {
14209
- opacity: 1;
13655
+ .euiTour [data-popover-arrow='bottom'] .euiTour__beacon {
14210
13656
  top: -24px;
14211
13657
  left: 6px; }
14212
13658
 
@@ -14658,9 +14104,6 @@ button.euiSuggestItem {
14658
14104
  border-top-right-radius: 4px;
14659
14105
  border-bottom-right-radius: 4px; }
14660
14106
 
14661
- .euiCommentEvent--regular {
14662
- box-shadow: none; }
14663
-
14664
14107
  .euiDataGrid--fontSizeLarge .euiDataGridRowCell {
14665
14108
  font-size: 16px;
14666
14109
  font-size: 1.14286rem;
@@ -14966,13 +14409,6 @@ button.euiSuggestItem {
14966
14409
  .euiListGroupItem--medium {
14967
14410
  font-size: 16px; }
14968
14411
 
14969
- .euiImage-isFullScreen .euiImage__caption {
14970
- color: #FFF;
14971
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
14972
-
14973
- .euiImage-isFullScreenCloseIcon {
14974
- fill: #FFF; }
14975
-
14976
14412
  .euiKeyPadMenuItem {
14977
14413
  border: none !important;
14978
14414
  box-shadow: none; }
@@ -15017,82 +14453,6 @@ button.euiSuggestItem {
15017
14453
  .euiOverlayMask {
15018
14454
  background: rgba(0, 0, 0, 0.5); }
15019
14455
 
15020
- .euiPopover__panel:focus {
15021
- outline-offset: 0; }
15022
-
15023
- .euiPopover__panel.euiPopover__panel-isAttached {
15024
- box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
15025
- .euiPopover__panel.euiPopover__panel-isAttached.euiPanel--borderRadiusNone {
15026
- border-radius: 0; }
15027
- .euiPopover__panel.euiPopover__panel-isAttached.euiPanel--borderRadiusMedium {
15028
- border-radius: 4px; }
15029
-
15030
- .euiPopover__panel .euiPopover__panelArrow:before {
15031
- -webkit-filter: blur(3px);
15032
- filter: blur(3px);
15033
- opacity: .2; }
15034
-
15035
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:before {
15036
- bottom: -12px;
15037
- border-top-color: #000;
15038
- -webkit-clip-path: polygon(-4px 0, 28px 0, 28px 16px, -4px 16px);
15039
- clip-path: polygon(-4px 0, 28px 0, 28px 16px, -4px 16px); }
15040
-
15041
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
15042
- bottom: -11px; }
15043
-
15044
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:before {
15045
- border-right-color: #000;
15046
- -webkit-clip-path: polygon(-4px -4px, 12px -4px, 12px 28px, -4px 28px);
15047
- clip-path: polygon(-4px -4px, 12px -4px, 12px 28px, -4px 28px); }
15048
-
15049
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:after {
15050
- left: -11px; }
15051
-
15052
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:before {
15053
- border-bottom-color: #000;
15054
- -webkit-clip-path: polygon(-4px -4px, 28px -4px, 28px 12px, -4px 12px);
15055
- clip-path: polygon(-4px -4px, 28px -4px, 28px 12px, -4px 12px); }
15056
-
15057
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:after {
15058
- top: -11px; }
15059
-
15060
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:before {
15061
- right: -12px;
15062
- border-left-color: #000;
15063
- -webkit-clip-path: polygon(0 -4px, 16px -4px, 16px 28px, 0 28px);
15064
- clip-path: polygon(0 -4px, 16px -4px, 16px 28px, 0 28px); }
15065
-
15066
- .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:after {
15067
- right: -11px; }
15068
-
15069
- .euiPopover__panel:not([class*='euiPanel--padding']) .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
15070
- padding: 0; }
15071
-
15072
- .euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
15073
- padding: 8px; }
15074
-
15075
- .euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
15076
- padding: 16px; }
15077
-
15078
- .euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
15079
- padding: 24px; }
15080
-
15081
- /**
15082
- * Footer specific overrides
15083
- */
15084
- .euiPopover__panel:not([class*='euiPanel--padding']) .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
15085
- padding: 0; }
15086
-
15087
- .euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
15088
- padding: 8px; }
15089
-
15090
- .euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
15091
- padding: 16px; }
15092
-
15093
- .euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
15094
- padding: 24px; }
15095
-
15096
14456
  .euiRangeTooltip__value {
15097
14457
  border-radius: 4px; }
15098
14458