@elastic/eui 67.1.2 → 69.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 (617) hide show
  1. package/dist/eui_charts_theme.js +5661 -5814
  2. package/dist/eui_charts_theme.js.map +1 -1
  3. package/dist/eui_theme_dark.css +17 -813
  4. package/dist/eui_theme_dark.json +10 -57
  5. package/dist/eui_theme_dark.json.d.ts +6 -53
  6. package/dist/eui_theme_dark.min.css +1 -1
  7. package/dist/eui_theme_light.css +17 -813
  8. package/dist/eui_theme_light.json +10 -57
  9. package/dist/eui_theme_light.json.d.ts +6 -53
  10. package/dist/eui_theme_light.min.css +1 -1
  11. package/es/components/accessibility/skip_link/skip_link.js +78 -63
  12. package/es/components/avatar/avatar.js +1 -1
  13. package/es/components/badge/badge.js +1 -1
  14. package/es/components/badge/badge_group/badge_group.js +11 -16
  15. package/es/components/badge/badge_group/badge_group.styles.js +19 -0
  16. package/es/components/badge/beta_badge/beta_badge.js +17 -27
  17. package/es/components/badge/beta_badge/beta_badge.styles.js +73 -0
  18. package/es/components/badge/notification_badge/badge_notification.js +11 -14
  19. package/es/components/badge/notification_badge/badge_notification.styles.js +27 -0
  20. package/es/components/basic_table/basic_table.js +1 -1
  21. package/es/components/basic_table/collapsed_item_actions.js +1 -1
  22. package/es/components/basic_table/in_memory_table.js +7 -1
  23. package/es/components/breadcrumbs/breadcrumb.js +9 -5
  24. package/es/components/breadcrumbs/breadcrumbs.js +7 -4
  25. package/es/components/button/_button_content_deprecated.js +1 -1
  26. package/es/components/button/button_display/_button_display.js +1 -1
  27. package/es/components/button/button_display/_button_display_content.js +1 -1
  28. package/es/components/button/button_empty/button_empty.js +1 -1
  29. package/es/components/button/button_group/button_group.js +1 -1
  30. package/es/components/button/button_group/button_group_button.js +1 -1
  31. package/es/components/button/button_icon/button_icon.js +1 -1
  32. package/es/components/call_out/call_out.js +1 -1
  33. package/es/components/card/card.js +3 -3
  34. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  35. package/es/components/color_picker/color_palette_picker/color_palette_picker.js +18 -0
  36. package/es/components/color_picker/color_stops/color_stop_thumb.js +21 -5
  37. package/es/components/color_picker/color_stops/color_stops.js +14 -4
  38. package/es/components/combo_box/combo_box.js +52 -11
  39. package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +14 -6
  40. package/es/components/combo_box/matching_options.js +60 -11
  41. package/es/components/comment_list/comment.js +2 -2
  42. package/es/components/comment_list/comment_event.js +1 -1
  43. package/es/components/comment_list/comment_list.js +2 -2
  44. package/es/components/comment_list/comment_timeline.js +1 -1
  45. package/es/components/datagrid/body/data_grid_body.js +40 -39
  46. package/es/components/datagrid/body/data_grid_cell.js +75 -74
  47. package/es/components/datagrid/body/header/data_grid_header_cell.js +39 -38
  48. package/es/components/datagrid/body/header/data_grid_header_row.js +40 -39
  49. package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
  50. package/es/components/datagrid/data_grid.js +40 -39
  51. package/es/components/datagrid/utils/in_memory.js +39 -38
  52. package/es/components/date_picker/date_picker.js +2 -2
  53. package/es/components/date_picker/date_picker_range.js +1 -1
  54. package/es/components/date_picker/super_date_picker/super_date_picker.js +5 -3
  55. package/es/components/empty_prompt/empty_prompt.js +1 -1
  56. package/es/components/flex/flex_grid.js +30 -40
  57. package/es/components/flex/flex_grid.styles.js +137 -0
  58. package/es/components/flex/flex_group.js +16 -42
  59. package/es/components/flex/flex_group.styles.js +202 -0
  60. package/es/components/flex/flex_item.js +17 -16
  61. package/es/components/flex/flex_item.styles.js +148 -0
  62. package/es/components/flyout/flyout.styles.js +6 -5
  63. package/es/components/flyout/flyout_body.js +2 -3
  64. package/es/components/flyout/flyout_footer.js +2 -3
  65. package/es/components/flyout/flyout_header.js +2 -3
  66. package/es/components/flyout/index.js +2 -1
  67. package/es/components/form/checkbox/checkbox.js +9 -1
  68. package/es/components/form/described_form_group/described_form_group.js +28 -23
  69. package/es/components/form/eui_form_context.js +14 -0
  70. package/es/components/form/field_number/field_number.js +38 -23
  71. package/es/components/form/field_password/field_password.js +31 -20
  72. package/es/components/form/field_search/field_search.js +14 -2
  73. package/es/components/form/field_text/field_text.js +30 -20
  74. package/es/components/form/file_picker/file_picker.js +13 -1
  75. package/es/components/form/form.js +21 -3
  76. package/es/components/form/form.styles.js +99 -3
  77. package/es/components/form/form_control_layout/form_control_layout.js +19 -3
  78. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  79. package/es/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  80. package/es/components/form/form_row/form_row.js +22 -4
  81. package/es/components/form/range/dual_range.js +23 -3
  82. package/es/components/form/range/range.js +14 -2
  83. package/es/components/form/range/range_wrapper.js +16 -6
  84. package/es/components/form/select/select.js +41 -25
  85. package/es/components/form/super_select/super_select.js +18 -0
  86. package/es/components/form/super_select/super_select_control.js +26 -22
  87. package/es/components/form/switch/switch.js +9 -1
  88. package/es/components/form/text_area/text_area.js +26 -15
  89. package/es/components/header/header_links/header_link.js +1 -1
  90. package/es/components/header/header_links/header_links.js +1 -1
  91. package/es/components/header/header_logo.js +1 -1
  92. package/es/components/icon/assets/beta.js +38 -0
  93. package/es/components/icon/assets/filter.js +1 -2
  94. package/es/components/icon/assets/filterExclude.js +43 -0
  95. package/es/components/icon/assets/filterIgnore.js +38 -0
  96. package/es/components/icon/assets/filterInclude.js +38 -0
  97. package/es/components/icon/assets/indexTemporary.js +40 -0
  98. package/es/components/icon/assets/infinity.js +38 -0
  99. package/es/components/icon/assets/launch.js +45 -0
  100. package/es/components/icon/assets/sortAscending.js +38 -0
  101. package/es/components/icon/assets/sortDescending.js +38 -0
  102. package/es/components/icon/assets/spaces.js +41 -0
  103. package/es/components/icon/icon.js +1 -1
  104. package/es/components/icon/icon_map.js +10 -0
  105. package/es/components/image/image_fullscreen_wrapper.js +3 -3
  106. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
  107. package/es/components/list_group/list_group.js +48 -55
  108. package/es/components/list_group/list_group.styles.js +47 -0
  109. package/es/components/list_group/list_group_item.js +70 -59
  110. package/es/components/list_group/list_group_item.styles.js +95 -0
  111. package/es/components/list_group/list_group_item_extra_action.js +94 -0
  112. package/es/components/list_group/list_group_item_extra_action.styles.js +38 -0
  113. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +43 -38
  114. package/es/components/list_group/pinnable_list_group/pinnable_list_group.styles.js +30 -0
  115. package/es/components/loading/loading_logo.js +1 -1
  116. package/es/components/markdown_editor/markdown_editor.js +1 -1
  117. package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  118. package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
  119. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  120. package/es/components/notification/notification_event.js +2 -2
  121. package/es/components/notification/notification_event_meta.js +1 -1
  122. package/es/components/page/page_header/page_header_content.js +1 -1
  123. package/es/components/page/page_section/page_section.js +4 -3
  124. package/es/components/pagination/pagination.js +4 -4
  125. package/es/components/pagination/pagination_button.js +1 -1
  126. package/es/components/popover/input_popover.js +3 -2
  127. package/es/components/resizable_container/resizable_container.js +77 -16
  128. package/es/components/resizable_container/resizable_panel.js +2 -4
  129. package/es/components/search_bar/search_bar.js +6 -0
  130. package/es/components/selectable/selectable_list/selectable_list.js +1 -1
  131. package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
  132. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  133. package/es/components/suggest/suggest.js +1 -1
  134. package/es/components/suggest/suggest_item.js +1 -1
  135. package/es/components/table/table_header_button.js +1 -1
  136. package/es/components/text/text.js +1 -0
  137. package/es/components/timeline/timeline_item_icon.js +1 -1
  138. package/es/components/toast/global_toast_list.js +1 -1
  139. package/es/components/toast/toast.js +1 -1
  140. package/es/components/tool_tip/icon_tip.js +1 -1
  141. package/es/components/tool_tip/tool_tip_anchor.js +2 -2
  142. package/es/services/color/manipulation.js +9 -0
  143. package/es/services/index.js +1 -1
  144. package/es/test/rtl/component_helpers.d.ts +3 -0
  145. package/es/test/rtl/component_helpers.js +4 -1
  146. package/eui.d.ts +641 -148
  147. package/i18ntokens.json +58 -58
  148. package/lib/components/accessibility/skip_link/skip_link.js +84 -63
  149. package/lib/components/avatar/avatar.js +1 -1
  150. package/lib/components/badge/badge.js +1 -1
  151. package/lib/components/badge/badge_group/badge_group.js +12 -16
  152. package/lib/components/badge/badge_group/badge_group.styles.js +30 -0
  153. package/lib/components/badge/beta_badge/beta_badge.js +18 -29
  154. package/lib/components/badge/beta_badge/beta_badge.styles.js +80 -0
  155. package/lib/components/badge/notification_badge/badge_notification.js +12 -14
  156. package/lib/components/badge/notification_badge/badge_notification.styles.js +40 -0
  157. package/lib/components/basic_table/basic_table.js +1 -1
  158. package/lib/components/basic_table/collapsed_item_actions.js +1 -1
  159. package/lib/components/basic_table/in_memory_table.js +7 -1
  160. package/lib/components/breadcrumbs/breadcrumb.js +9 -5
  161. package/lib/components/breadcrumbs/breadcrumbs.js +7 -4
  162. package/lib/components/button/_button_content_deprecated.js +1 -1
  163. package/lib/components/button/button_display/_button_display.js +1 -1
  164. package/lib/components/button/button_display/_button_display_content.js +1 -1
  165. package/lib/components/button/button_empty/button_empty.js +1 -1
  166. package/lib/components/button/button_group/button_group.js +1 -1
  167. package/lib/components/button/button_group/button_group_button.js +1 -1
  168. package/lib/components/button/button_icon/button_icon.js +1 -1
  169. package/lib/components/call_out/call_out.js +1 -1
  170. package/lib/components/card/card.js +3 -3
  171. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  172. package/lib/components/color_picker/color_palette_picker/color_palette_picker.js +18 -0
  173. package/lib/components/color_picker/color_stops/color_stop_thumb.js +21 -5
  174. package/lib/components/color_picker/color_stops/color_stops.js +14 -4
  175. package/lib/components/combo_box/combo_box.js +51 -10
  176. package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +14 -6
  177. package/lib/components/combo_box/matching_options.js +64 -12
  178. package/lib/components/comment_list/comment.js +2 -2
  179. package/lib/components/comment_list/comment_event.js +1 -1
  180. package/lib/components/comment_list/comment_list.js +2 -2
  181. package/lib/components/comment_list/comment_timeline.js +1 -1
  182. package/lib/components/datagrid/body/data_grid_body.js +40 -39
  183. package/lib/components/datagrid/body/data_grid_cell.js +75 -74
  184. package/lib/components/datagrid/body/header/data_grid_header_cell.js +39 -38
  185. package/lib/components/datagrid/body/header/data_grid_header_row.js +40 -39
  186. package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
  187. package/lib/components/datagrid/data_grid.js +40 -39
  188. package/lib/components/datagrid/utils/in_memory.js +39 -38
  189. package/lib/components/date_picker/date_picker.js +2 -2
  190. package/lib/components/date_picker/date_picker_range.js +1 -1
  191. package/lib/components/date_picker/super_date_picker/super_date_picker.js +5 -3
  192. package/lib/components/empty_prompt/empty_prompt.js +1 -1
  193. package/lib/components/flex/flex_grid.js +33 -42
  194. package/lib/components/flex/flex_grid.styles.js +140 -0
  195. package/lib/components/flex/flex_group.js +17 -42
  196. package/lib/components/flex/flex_group.styles.js +205 -0
  197. package/lib/components/flex/flex_item.js +20 -19
  198. package/lib/components/flex/flex_item.styles.js +150 -0
  199. package/lib/components/flyout/flyout.styles.js +6 -3
  200. package/lib/components/flyout/flyout_body.js +2 -3
  201. package/lib/components/flyout/flyout_footer.js +2 -3
  202. package/lib/components/flyout/flyout_header.js +2 -3
  203. package/lib/components/flyout/index.js +15 -1
  204. package/lib/components/form/checkbox/checkbox.js +10 -3
  205. package/lib/components/form/described_form_group/described_form_group.js +29 -23
  206. package/lib/components/form/eui_form_context.js +28 -0
  207. package/lib/components/form/field_number/field_number.js +39 -23
  208. package/lib/components/form/field_password/field_password.js +32 -20
  209. package/lib/components/form/field_search/field_search.js +15 -2
  210. package/lib/components/form/field_text/field_text.js +31 -20
  211. package/lib/components/form/file_picker/file_picker.js +14 -1
  212. package/lib/components/form/form.js +23 -3
  213. package/lib/components/form/form.styles.js +110 -13
  214. package/lib/components/form/form_control_layout/form_control_layout.js +20 -3
  215. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  216. package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  217. package/lib/components/form/form_row/form_row.js +23 -4
  218. package/lib/components/form/range/dual_range.js +24 -4
  219. package/lib/components/form/range/range.js +15 -2
  220. package/lib/components/form/range/range_wrapper.js +17 -6
  221. package/lib/components/form/select/select.js +42 -25
  222. package/lib/components/form/super_select/super_select.js +18 -0
  223. package/lib/components/form/super_select/super_select_control.js +27 -22
  224. package/lib/components/form/switch/switch.js +10 -3
  225. package/lib/components/form/text_area/text_area.js +27 -15
  226. package/lib/components/header/header_links/header_link.js +1 -1
  227. package/lib/components/header/header_links/header_links.js +1 -1
  228. package/lib/components/header/header_logo.js +1 -1
  229. package/lib/components/icon/assets/beta.js +45 -0
  230. package/lib/components/icon/assets/filter.js +1 -2
  231. package/lib/components/icon/assets/filterExclude.js +50 -0
  232. package/lib/components/icon/assets/filterIgnore.js +45 -0
  233. package/lib/components/icon/assets/filterInclude.js +45 -0
  234. package/lib/components/icon/assets/indexTemporary.js +47 -0
  235. package/lib/components/icon/assets/infinity.js +45 -0
  236. package/lib/components/icon/assets/launch.js +52 -0
  237. package/lib/components/icon/assets/sortAscending.js +45 -0
  238. package/lib/components/icon/assets/sortDescending.js +45 -0
  239. package/lib/components/icon/assets/spaces.js +48 -0
  240. package/lib/components/icon/icon.js +1 -1
  241. package/lib/components/icon/icon_map.js +10 -0
  242. package/lib/components/icon/svgs/beta.svg +3 -0
  243. package/lib/components/icon/svgs/filter.svg +1 -1
  244. package/lib/components/icon/svgs/filterExclude.svg +5 -0
  245. package/lib/components/icon/svgs/filterIgnore.svg +4 -0
  246. package/lib/components/icon/svgs/filterInclude.svg +5 -0
  247. package/lib/components/icon/svgs/indexTemporary.svg +4 -0
  248. package/lib/components/icon/svgs/infinity.svg +3 -0
  249. package/lib/components/icon/svgs/launch.svg +5 -0
  250. package/lib/components/icon/svgs/sortAscending.svg +3 -0
  251. package/lib/components/icon/svgs/sortDescending.svg +3 -0
  252. package/lib/components/icon/svgs/spaces.svg +3 -0
  253. package/lib/components/image/image_fullscreen_wrapper.js +3 -3
  254. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
  255. package/lib/components/list_group/list_group.js +52 -55
  256. package/lib/components/list_group/list_group.styles.js +51 -0
  257. package/lib/components/list_group/list_group_item.js +72 -59
  258. package/lib/components/list_group/list_group_item.styles.js +111 -0
  259. package/lib/components/list_group/list_group_item_extra_action.js +105 -0
  260. package/lib/components/list_group/list_group_item_extra_action.styles.js +41 -0
  261. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +45 -39
  262. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.styles.js +33 -0
  263. package/lib/components/loading/loading_logo.js +1 -1
  264. package/lib/components/markdown_editor/markdown_editor.js +1 -1
  265. package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  266. package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
  267. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  268. package/lib/components/notification/notification_event.js +2 -2
  269. package/lib/components/notification/notification_event_meta.js +1 -1
  270. package/lib/components/page/page_header/page_header_content.js +1 -1
  271. package/lib/components/page/page_section/page_section.js +4 -3
  272. package/lib/components/pagination/pagination.js +4 -4
  273. package/lib/components/popover/input_popover.js +2 -1
  274. package/lib/components/resizable_container/resizable_container.js +77 -16
  275. package/lib/components/resizable_container/resizable_panel.js +2 -4
  276. package/lib/components/search_bar/search_bar.js +6 -0
  277. package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
  278. package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
  279. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  280. package/lib/components/suggest/suggest.js +1 -1
  281. package/lib/components/suggest/suggest_item.js +1 -1
  282. package/lib/components/table/table_header_button.js +1 -1
  283. package/lib/components/text/text.js +1 -0
  284. package/lib/components/timeline/timeline_item_icon.js +1 -1
  285. package/lib/components/toast/global_toast_list.js +1 -1
  286. package/lib/components/toast/toast.js +1 -1
  287. package/lib/components/tool_tip/icon_tip.js +1 -1
  288. package/lib/components/tool_tip/tool_tip_anchor.js +2 -2
  289. package/lib/services/color/manipulation.js +14 -2
  290. package/lib/services/index.js +7 -0
  291. package/lib/test/rtl/component_helpers.d.ts +3 -0
  292. package/lib/test/rtl/component_helpers.js +4 -1
  293. package/optimize/es/components/accessibility/skip_link/skip_link.js +58 -40
  294. package/optimize/es/components/badge/badge_group/badge_group.js +9 -13
  295. package/optimize/es/components/badge/badge_group/badge_group.styles.js +19 -0
  296. package/optimize/es/components/badge/beta_badge/beta_badge.js +14 -24
  297. package/optimize/es/components/badge/beta_badge/beta_badge.styles.js +63 -0
  298. package/optimize/es/components/badge/notification_badge/badge_notification.js +9 -12
  299. package/optimize/es/components/badge/notification_badge/badge_notification.styles.js +27 -0
  300. package/optimize/es/components/breadcrumbs/breadcrumb.js +3 -2
  301. package/optimize/es/components/breadcrumbs/breadcrumbs.js +7 -4
  302. package/optimize/es/components/color_picker/color_stops/color_stop_thumb.js +15 -5
  303. package/optimize/es/components/color_picker/color_stops/color_stops.js +9 -4
  304. package/optimize/es/components/combo_box/combo_box.js +47 -11
  305. package/optimize/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
  306. package/optimize/es/components/combo_box/matching_options.js +60 -11
  307. package/optimize/es/components/date_picker/super_date_picker/super_date_picker.js +5 -3
  308. package/optimize/es/components/flex/flex_grid.js +18 -34
  309. package/optimize/es/components/flex/flex_grid.styles.js +137 -0
  310. package/optimize/es/components/flex/flex_group.js +12 -38
  311. package/optimize/es/components/flex/flex_group.styles.js +202 -0
  312. package/optimize/es/components/flex/flex_item.js +11 -14
  313. package/optimize/es/components/flex/flex_item.styles.js +148 -0
  314. package/optimize/es/components/flyout/flyout.styles.js +6 -5
  315. package/optimize/es/components/flyout/flyout_body.js +2 -3
  316. package/optimize/es/components/flyout/flyout_footer.js +2 -3
  317. package/optimize/es/components/flyout/flyout_header.js +2 -3
  318. package/optimize/es/components/flyout/index.js +2 -1
  319. package/optimize/es/components/form/checkbox/checkbox.js +9 -1
  320. package/optimize/es/components/form/described_form_group/described_form_group.js +22 -22
  321. package/optimize/es/components/form/eui_form_context.js +14 -0
  322. package/optimize/es/components/form/field_number/field_number.js +26 -22
  323. package/optimize/es/components/form/field_password/field_password.js +24 -20
  324. package/optimize/es/components/form/field_search/field_search.js +8 -2
  325. package/optimize/es/components/form/field_text/field_text.js +22 -18
  326. package/optimize/es/components/form/file_picker/file_picker.js +7 -1
  327. package/optimize/es/components/form/form.js +11 -2
  328. package/optimize/es/components/form/form.styles.js +99 -3
  329. package/optimize/es/components/form/form_control_layout/form_control_layout.js +10 -2
  330. package/optimize/es/components/form/form_row/form_row.js +10 -4
  331. package/optimize/es/components/form/range/dual_range.js +17 -3
  332. package/optimize/es/components/form/range/range.js +8 -2
  333. package/optimize/es/components/form/range/range_wrapper.js +11 -6
  334. package/optimize/es/components/form/select/select.js +28 -24
  335. package/optimize/es/components/form/super_select/super_select_control.js +26 -22
  336. package/optimize/es/components/form/switch/switch.js +9 -1
  337. package/optimize/es/components/form/text_area/text_area.js +19 -15
  338. package/optimize/es/components/icon/assets/beta.js +34 -0
  339. package/optimize/es/components/icon/assets/filter.js +1 -2
  340. package/optimize/es/components/icon/assets/filterExclude.js +39 -0
  341. package/optimize/es/components/icon/assets/filterIgnore.js +34 -0
  342. package/optimize/es/components/icon/assets/filterInclude.js +34 -0
  343. package/optimize/es/components/icon/assets/indexTemporary.js +36 -0
  344. package/optimize/es/components/icon/assets/infinity.js +34 -0
  345. package/optimize/es/components/icon/assets/launch.js +41 -0
  346. package/optimize/es/components/icon/assets/sortAscending.js +34 -0
  347. package/optimize/es/components/icon/assets/sortDescending.js +34 -0
  348. package/optimize/es/components/icon/assets/spaces.js +37 -0
  349. package/optimize/es/components/icon/icon_map.js +10 -0
  350. package/optimize/es/components/image/image_fullscreen_wrapper.js +3 -3
  351. package/optimize/es/components/list_group/list_group.js +30 -39
  352. package/optimize/es/components/list_group/list_group.styles.js +47 -0
  353. package/optimize/es/components/list_group/list_group_item.js +61 -51
  354. package/optimize/es/components/list_group/list_group_item.styles.js +95 -0
  355. package/optimize/es/components/list_group/list_group_item_extra_action.js +38 -0
  356. package/optimize/es/components/list_group/list_group_item_extra_action.styles.js +38 -0
  357. package/optimize/es/components/list_group/pinnable_list_group/pinnable_list_group.js +16 -14
  358. package/optimize/es/components/list_group/pinnable_list_group/pinnable_list_group.styles.js +30 -0
  359. package/optimize/es/components/page/page_section/page_section.js +4 -3
  360. package/optimize/es/components/pagination/pagination.js +4 -4
  361. package/optimize/es/components/popover/input_popover.js +3 -2
  362. package/optimize/es/components/resizable_container/resizable_container.js +67 -16
  363. package/optimize/es/components/resizable_container/resizable_panel.js +2 -4
  364. package/optimize/es/components/tool_tip/tool_tip_anchor.js +2 -2
  365. package/optimize/es/services/color/manipulation.js +9 -0
  366. package/optimize/es/services/index.js +1 -1
  367. package/optimize/es/test/rtl/component_helpers.d.ts +3 -0
  368. package/optimize/es/test/rtl/component_helpers.js +4 -1
  369. package/optimize/lib/components/accessibility/skip_link/skip_link.js +70 -46
  370. package/optimize/lib/components/badge/badge_group/badge_group.js +10 -13
  371. package/optimize/lib/components/badge/badge_group/badge_group.styles.js +30 -0
  372. package/optimize/lib/components/badge/beta_badge/beta_badge.js +15 -26
  373. package/optimize/lib/components/badge/beta_badge/beta_badge.styles.js +72 -0
  374. package/optimize/lib/components/badge/notification_badge/badge_notification.js +10 -12
  375. package/optimize/lib/components/badge/notification_badge/badge_notification.styles.js +40 -0
  376. package/optimize/lib/components/breadcrumbs/breadcrumb.js +3 -2
  377. package/optimize/lib/components/breadcrumbs/breadcrumbs.js +7 -4
  378. package/optimize/lib/components/color_picker/color_stops/color_stop_thumb.js +17 -12
  379. package/optimize/lib/components/color_picker/color_stops/color_stops.js +11 -4
  380. package/optimize/lib/components/combo_box/combo_box.js +46 -10
  381. package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
  382. package/optimize/lib/components/combo_box/matching_options.js +64 -12
  383. package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.js +5 -3
  384. package/optimize/lib/components/flex/flex_grid.js +21 -36
  385. package/optimize/lib/components/flex/flex_grid.styles.js +140 -0
  386. package/optimize/lib/components/flex/flex_group.js +13 -38
  387. package/optimize/lib/components/flex/flex_group.styles.js +205 -0
  388. package/optimize/lib/components/flex/flex_item.js +14 -17
  389. package/optimize/lib/components/flex/flex_item.styles.js +150 -0
  390. package/optimize/lib/components/flyout/flyout.styles.js +6 -3
  391. package/optimize/lib/components/flyout/flyout_body.js +2 -3
  392. package/optimize/lib/components/flyout/flyout_footer.js +2 -3
  393. package/optimize/lib/components/flyout/flyout_header.js +2 -3
  394. package/optimize/lib/components/flyout/index.js +15 -1
  395. package/optimize/lib/components/form/checkbox/checkbox.js +10 -3
  396. package/optimize/lib/components/form/described_form_group/described_form_group.js +23 -22
  397. package/optimize/lib/components/form/eui_form_context.js +28 -0
  398. package/optimize/lib/components/form/field_number/field_number.js +27 -22
  399. package/optimize/lib/components/form/field_password/field_password.js +24 -20
  400. package/optimize/lib/components/form/field_search/field_search.js +7 -2
  401. package/optimize/lib/components/form/field_text/field_text.js +23 -18
  402. package/optimize/lib/components/form/file_picker/file_picker.js +7 -1
  403. package/optimize/lib/components/form/form.js +14 -2
  404. package/optimize/lib/components/form/form.styles.js +112 -13
  405. package/optimize/lib/components/form/form_control_layout/form_control_layout.js +10 -2
  406. package/optimize/lib/components/form/form_row/form_row.js +9 -4
  407. package/optimize/lib/components/form/range/dual_range.js +16 -4
  408. package/optimize/lib/components/form/range/range.js +7 -2
  409. package/optimize/lib/components/form/range/range_wrapper.js +12 -6
  410. package/optimize/lib/components/form/select/select.js +29 -24
  411. package/optimize/lib/components/form/super_select/super_select_control.js +27 -22
  412. package/optimize/lib/components/form/switch/switch.js +10 -3
  413. package/optimize/lib/components/form/text_area/text_area.js +20 -15
  414. package/optimize/lib/components/icon/assets/beta.js +44 -0
  415. package/optimize/lib/components/icon/assets/filter.js +1 -2
  416. package/optimize/lib/components/icon/assets/filterExclude.js +49 -0
  417. package/optimize/lib/components/icon/assets/filterIgnore.js +44 -0
  418. package/optimize/lib/components/icon/assets/filterInclude.js +44 -0
  419. package/optimize/lib/components/icon/assets/indexTemporary.js +46 -0
  420. package/optimize/lib/components/icon/assets/infinity.js +44 -0
  421. package/optimize/lib/components/icon/assets/launch.js +51 -0
  422. package/optimize/lib/components/icon/assets/sortAscending.js +44 -0
  423. package/optimize/lib/components/icon/assets/sortDescending.js +44 -0
  424. package/optimize/lib/components/icon/assets/spaces.js +47 -0
  425. package/optimize/lib/components/icon/icon_map.js +10 -0
  426. package/optimize/lib/components/icon/svgs/beta.svg +3 -0
  427. package/optimize/lib/components/icon/svgs/filter.svg +1 -1
  428. package/optimize/lib/components/icon/svgs/filterExclude.svg +5 -0
  429. package/optimize/lib/components/icon/svgs/filterIgnore.svg +4 -0
  430. package/optimize/lib/components/icon/svgs/filterInclude.svg +5 -0
  431. package/optimize/lib/components/icon/svgs/indexTemporary.svg +4 -0
  432. package/optimize/lib/components/icon/svgs/infinity.svg +3 -0
  433. package/optimize/lib/components/icon/svgs/launch.svg +5 -0
  434. package/optimize/lib/components/icon/svgs/sortAscending.svg +3 -0
  435. package/optimize/lib/components/icon/svgs/sortDescending.svg +3 -0
  436. package/optimize/lib/components/icon/svgs/spaces.svg +3 -0
  437. package/optimize/lib/components/image/image_fullscreen_wrapper.js +3 -3
  438. package/optimize/lib/components/list_group/list_group.js +34 -39
  439. package/optimize/lib/components/list_group/list_group.styles.js +51 -0
  440. package/optimize/lib/components/list_group/list_group_item.js +63 -51
  441. package/optimize/lib/components/list_group/list_group_item.styles.js +111 -0
  442. package/optimize/lib/components/list_group/list_group_item_extra_action.js +49 -0
  443. package/optimize/lib/components/list_group/list_group_item_extra_action.styles.js +41 -0
  444. package/optimize/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +18 -15
  445. package/optimize/lib/components/list_group/pinnable_list_group/pinnable_list_group.styles.js +33 -0
  446. package/optimize/lib/components/page/page_section/page_section.js +4 -3
  447. package/optimize/lib/components/pagination/pagination.js +4 -4
  448. package/optimize/lib/components/popover/input_popover.js +2 -1
  449. package/optimize/lib/components/resizable_container/resizable_container.js +67 -16
  450. package/optimize/lib/components/resizable_container/resizable_panel.js +2 -4
  451. package/optimize/lib/components/tool_tip/tool_tip_anchor.js +2 -2
  452. package/optimize/lib/services/color/manipulation.js +14 -2
  453. package/optimize/lib/services/index.js +7 -0
  454. package/optimize/lib/test/rtl/component_helpers.d.ts +3 -0
  455. package/optimize/lib/test/rtl/component_helpers.js +4 -1
  456. package/package.json +17 -15
  457. package/src/components/index.scss +0 -3
  458. package/src/global_styling/mixins/_form.scss +13 -4
  459. package/src/global_styling/variables/_borders.scss +2 -2
  460. package/src/global_styling/variables/_form.scss +17 -9
  461. package/src/themes/amsterdam/global_styling/mixins/_index.scss +0 -1
  462. package/src/themes/amsterdam/global_styling/variables/_index.scss +0 -2
  463. package/src/themes/amsterdam/overrides/_index.scss +0 -2
  464. package/test-env/components/accessibility/skip_link/skip_link.js +74 -63
  465. package/test-env/components/avatar/avatar.js +1 -1
  466. package/test-env/components/badge/badge.js +1 -1
  467. package/test-env/components/badge/badge_group/badge_group.js +12 -16
  468. package/test-env/components/badge/badge_group/badge_group.styles.js +30 -0
  469. package/test-env/components/badge/beta_badge/beta_badge.js +18 -29
  470. package/test-env/components/badge/beta_badge/beta_badge.styles.js +72 -0
  471. package/test-env/components/badge/notification_badge/badge_notification.js +12 -14
  472. package/test-env/components/badge/notification_badge/badge_notification.styles.js +40 -0
  473. package/test-env/components/basic_table/basic_table.js +1 -1
  474. package/test-env/components/basic_table/collapsed_item_actions.js +1 -1
  475. package/test-env/components/basic_table/in_memory_table.js +7 -1
  476. package/test-env/components/breadcrumbs/breadcrumb.js +9 -5
  477. package/test-env/components/breadcrumbs/breadcrumbs.js +7 -4
  478. package/test-env/components/button/_button_content_deprecated.js +1 -1
  479. package/test-env/components/button/button_display/_button_display.js +1 -1
  480. package/test-env/components/button/button_display/_button_display_content.js +1 -1
  481. package/test-env/components/button/button_empty/button_empty.js +1 -1
  482. package/test-env/components/button/button_group/button_group.js +1 -1
  483. package/test-env/components/button/button_group/button_group_button.js +1 -1
  484. package/test-env/components/button/button_icon/button_icon.js +1 -1
  485. package/test-env/components/call_out/call_out.js +1 -1
  486. package/test-env/components/card/card.js +3 -3
  487. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  488. package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js +18 -0
  489. package/test-env/components/color_picker/color_stops/color_stop_thumb.js +18 -12
  490. package/test-env/components/color_picker/color_stops/color_stops.js +12 -5
  491. package/test-env/components/combo_box/combo_box.js +51 -10
  492. package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +14 -6
  493. package/test-env/components/combo_box/matching_options.js +64 -12
  494. package/test-env/components/comment_list/comment.js +2 -2
  495. package/test-env/components/comment_list/comment_event.js +1 -1
  496. package/test-env/components/comment_list/comment_list.js +2 -2
  497. package/test-env/components/comment_list/comment_timeline.js +1 -1
  498. package/test-env/components/datagrid/body/data_grid_body.js +40 -39
  499. package/test-env/components/datagrid/body/data_grid_cell.js +75 -74
  500. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +39 -38
  501. package/test-env/components/datagrid/body/header/data_grid_header_row.js +40 -39
  502. package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
  503. package/test-env/components/datagrid/data_grid.js +40 -39
  504. package/test-env/components/datagrid/utils/in_memory.js +39 -38
  505. package/test-env/components/date_picker/date_picker.js +2 -2
  506. package/test-env/components/date_picker/date_picker_range.js +1 -1
  507. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +5 -3
  508. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  509. package/test-env/components/flex/flex_grid.js +33 -42
  510. package/test-env/components/flex/flex_grid.styles.js +140 -0
  511. package/test-env/components/flex/flex_group.js +17 -42
  512. package/test-env/components/flex/flex_group.styles.js +205 -0
  513. package/test-env/components/flex/flex_item.js +20 -18
  514. package/test-env/components/flex/flex_item.styles.js +150 -0
  515. package/test-env/components/flyout/flyout.styles.js +6 -3
  516. package/test-env/components/flyout/flyout_body.js +2 -3
  517. package/test-env/components/flyout/flyout_footer.js +2 -3
  518. package/test-env/components/flyout/flyout_header.js +2 -3
  519. package/test-env/components/flyout/index.js +15 -1
  520. package/test-env/components/form/checkbox/checkbox.js +10 -3
  521. package/test-env/components/form/described_form_group/described_form_group.js +29 -23
  522. package/test-env/components/form/eui_form_context.js +28 -0
  523. package/test-env/components/form/field_number/field_number.js +39 -23
  524. package/test-env/components/form/field_password/field_password.js +31 -20
  525. package/test-env/components/form/field_search/field_search.js +13 -2
  526. package/test-env/components/form/field_text/field_text.js +31 -20
  527. package/test-env/components/form/file_picker/file_picker.js +13 -1
  528. package/test-env/components/form/form.js +24 -3
  529. package/test-env/components/form/form.styles.js +112 -13
  530. package/test-env/components/form/form_control_layout/form_control_layout.js +17 -3
  531. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  532. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  533. package/test-env/components/form/form_row/form_row.js +21 -4
  534. package/test-env/components/form/range/dual_range.js +22 -4
  535. package/test-env/components/form/range/range.js +13 -2
  536. package/test-env/components/form/range/range_wrapper.js +17 -6
  537. package/test-env/components/form/select/select.js +41 -24
  538. package/test-env/components/form/super_select/super_select.js +18 -0
  539. package/test-env/components/form/super_select/super_select_control.js +27 -22
  540. package/test-env/components/form/switch/switch.js +10 -3
  541. package/test-env/components/form/text_area/text_area.js +27 -15
  542. package/test-env/components/header/header_links/header_link.js +1 -1
  543. package/test-env/components/header/header_links/header_links.js +1 -1
  544. package/test-env/components/header/header_logo.js +1 -1
  545. package/test-env/components/icon/assets/beta.js +44 -0
  546. package/test-env/components/icon/assets/filter.js +1 -2
  547. package/test-env/components/icon/assets/filterExclude.js +49 -0
  548. package/test-env/components/icon/assets/filterIgnore.js +44 -0
  549. package/test-env/components/icon/assets/filterInclude.js +44 -0
  550. package/test-env/components/icon/assets/indexTemporary.js +46 -0
  551. package/test-env/components/icon/assets/infinity.js +44 -0
  552. package/test-env/components/icon/assets/launch.js +51 -0
  553. package/test-env/components/icon/assets/sortAscending.js +44 -0
  554. package/test-env/components/icon/assets/sortDescending.js +44 -0
  555. package/test-env/components/icon/assets/spaces.js +47 -0
  556. package/test-env/components/icon/icon_map.js +10 -0
  557. package/test-env/components/image/image_fullscreen_wrapper.js +3 -3
  558. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
  559. package/test-env/components/list_group/list_group.js +52 -55
  560. package/test-env/components/list_group/list_group.styles.js +51 -0
  561. package/test-env/components/list_group/list_group_item.js +72 -59
  562. package/test-env/components/list_group/list_group_item.styles.js +111 -0
  563. package/test-env/components/list_group/list_group_item_extra_action.js +102 -0
  564. package/test-env/components/list_group/list_group_item_extra_action.styles.js +41 -0
  565. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +45 -39
  566. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.styles.js +33 -0
  567. package/test-env/components/loading/loading_logo.js +1 -1
  568. package/test-env/components/markdown_editor/markdown_editor.js +1 -1
  569. package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  570. package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
  571. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  572. package/test-env/components/notification/notification_event.js +2 -2
  573. package/test-env/components/notification/notification_event_meta.js +1 -1
  574. package/test-env/components/page/page_header/page_header_content.js +1 -1
  575. package/test-env/components/page/page_section/page_section.js +4 -3
  576. package/test-env/components/pagination/pagination.js +4 -4
  577. package/test-env/components/popover/input_popover.js +2 -1
  578. package/test-env/components/resizable_container/resizable_container.js +77 -16
  579. package/test-env/components/resizable_container/resizable_panel.js +2 -4
  580. package/test-env/components/search_bar/search_bar.js +6 -0
  581. package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
  582. package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
  583. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  584. package/test-env/components/suggest/suggest.js +1 -1
  585. package/test-env/components/suggest/suggest_item.js +1 -1
  586. package/test-env/components/table/table_header_button.js +1 -1
  587. package/test-env/components/text/text.js +1 -0
  588. package/test-env/components/timeline/timeline_item_icon.js +1 -1
  589. package/test-env/components/toast/global_toast_list.js +1 -1
  590. package/test-env/components/toast/toast.js +1 -1
  591. package/test-env/components/tool_tip/icon_tip.js +1 -1
  592. package/test-env/components/tool_tip/tool_tip_anchor.js +2 -2
  593. package/test-env/services/color/manipulation.js +14 -2
  594. package/test-env/services/index.js +7 -0
  595. package/test-env/test/rtl/component_helpers.js +4 -1
  596. package/src/components/badge/_index.scss +0 -3
  597. package/src/components/badge/badge_group/_badge_group.scss +0 -23
  598. package/src/components/badge/badge_group/_index.scss +0 -1
  599. package/src/components/badge/beta_badge/_beta_badge.scss +0 -91
  600. package/src/components/badge/beta_badge/_index.scss +0 -1
  601. package/src/components/badge/notification_badge/_index.scss +0 -1
  602. package/src/components/badge/notification_badge/_notification_badge.scss +0 -34
  603. package/src/components/flex/_flex_grid.scss +0 -99
  604. package/src/components/flex/_flex_group.scss +0 -100
  605. package/src/components/flex/_flex_item.scss +0 -35
  606. package/src/components/flex/_index.scss +0 -3
  607. package/src/components/list_group/_index.scss +0 -5
  608. package/src/components/list_group/_list_group.scss +0 -32
  609. package/src/components/list_group/_list_group_item.scss +0 -151
  610. package/src/components/list_group/_variables.scss +0 -21
  611. package/src/components/list_group/pinnable_list_group/_index.scss +0 -1
  612. package/src/components/list_group/pinnable_list_group/_pinnable_list_group.scss +0 -9
  613. package/src/themes/amsterdam/global_styling/mixins/_form.scss +0 -47
  614. package/src/themes/amsterdam/global_styling/variables/_borders.scss +0 -2
  615. package/src/themes/amsterdam/global_styling/variables/_form.scss +0 -23
  616. package/src/themes/amsterdam/overrides/_list_group_item.scss +0 -3
  617. package/src/themes/amsterdam/overrides/_notification_badge.scss +0 -4
@@ -748,117 +748,6 @@ SOFTWARE.
748
748
  opacity: 1;
749
749
  visibility: visible; }
750
750
 
751
- .euiBadgeGroup__item {
752
- display: inline-block;
753
- max-width: 100%; }
754
-
755
- .euiBadgeGroup--gutterExtraSmall {
756
- margin: -2px; }
757
- .euiBadgeGroup--gutterExtraSmall > .euiBadgeGroup__item {
758
- margin: 2px;
759
- max-width: calc(100% - 4px); }
760
-
761
- .euiBadgeGroup--gutterSmall {
762
- margin: -4px; }
763
- .euiBadgeGroup--gutterSmall > .euiBadgeGroup__item {
764
- margin: 4px;
765
- max-width: calc(100% - 8px); }
766
-
767
- .euiBetaBadge {
768
- display: inline-block;
769
- padding: 0 16px;
770
- border-radius: 24px;
771
- box-shadow: inset 0 0 0 1px #343741;
772
- vertical-align: super;
773
- font-size: 12px;
774
- font-weight: 700;
775
- text-transform: uppercase;
776
- letter-spacing: .05em;
777
- line-height: 24px;
778
- text-align: center;
779
- white-space: nowrap;
780
- cursor: default;
781
- overflow: hidden;
782
- text-overflow: ellipsis; }
783
- .euiBetaBadge:focus {
784
- outline: 2px solid currentColor;
785
- outline-color: #FFF;
786
- outline-offset: 2px; }
787
- .euiBetaBadge:focus:focus-visible {
788
- outline-style: auto; }
789
- .euiBetaBadge:focus:not(:focus-visible) {
790
- outline: none; }
791
- .euiBetaBadge:not(.euiBetaBadge--hollow) {
792
- box-shadow: none; }
793
- .euiBetaBadge.euiBetaBadge--small {
794
- font-size: 8.75px;
795
- font-size: 0.625rem;
796
- line-height: 20px;
797
- padding: 0 12px; }
798
-
799
- .euiBetaBadge--iconOnly {
800
- padding: 0;
801
- width: 24px; }
802
- .euiBetaBadge--iconOnly .euiBetaBadge__icon {
803
- position: relative;
804
- -webkit-transform: translate(0, -1px);
805
- transform: translate(0, -1px); }
806
- .euiBetaBadge--iconOnly.euiBetaBadge--small {
807
- width: 20px;
808
- padding: 0; }
809
-
810
- .euiBetaBadge--singleLetter {
811
- padding: 0;
812
- width: 24px; }
813
- .euiBetaBadge--singleLetter.euiBetaBadge--small {
814
- width: 20px;
815
- padding: 0; }
816
-
817
- .euiBetaBadge--subdued {
818
- background: #71737a;
819
- color: #FFF; }
820
- .euiBetaBadge--subdued.euiBetaBadge-isClickable {
821
- color: #FFF; }
822
-
823
- .euiBetaBadge--hollow {
824
- background-color: #1D1E24; }
825
- .euiBetaBadge--hollow.euiBetaBadge-isClickable {
826
- color: #FFF; }
827
-
828
- .euiBetaBadge--accent {
829
- background: #F68FBE;
830
- color: #000; }
831
- .euiBetaBadge--accent.euiBetaBadge-isClickable {
832
- color: #000; }
833
-
834
- .euiNotificationBadge {
835
- -webkit-flex-shrink: 0;
836
- flex-shrink: 0;
837
- display: inline-block;
838
- border-radius: 6px;
839
- font-size: 12px;
840
- font-weight: 500;
841
- line-height: 16px;
842
- height: 16px;
843
- min-width: 16px;
844
- padding-left: 4px;
845
- padding-right: 4px;
846
- vertical-align: middle;
847
- text-align: center;
848
- transition: all 150ms ease-in;
849
- cursor: default;
850
- background: #F68FBE;
851
- color: #000; }
852
-
853
- .euiNotificationBadge--medium {
854
- line-height: 20px;
855
- height: 20px;
856
- min-width: 24px; }
857
-
858
- .euiNotificationBadge--subdued {
859
- background: #71737a;
860
- color: #FFF; }
861
-
862
751
  .euiBasicTable-loading {
863
752
  position: relative; }
864
753
  .euiBasicTable-loading tbody {
@@ -3886,7 +3775,7 @@ SOFTWARE.
3886
3775
  .euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusNone {
3887
3776
  border-radius: 0; }
3888
3777
  .euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusMedium {
3889
- border-radius: 4px; }
3778
+ border-radius: 6px; }
3890
3779
  .euiDroppable--withPanel.euiDroppable--withPanel--transparent {
3891
3780
  background-color: transparent; }
3892
3781
  .euiDroppable--withPanel.euiDroppable--withPanel--plain {
@@ -4235,527 +4124,6 @@ SOFTWARE.
4235
4124
  color: #98A2B3;
4236
4125
  font-size: 14px; }
4237
4126
 
4238
- .euiFlexGroup {
4239
- display: -webkit-flex;
4240
- display: flex;
4241
- -webkit-align-items: stretch;
4242
- align-items: stretch;
4243
- -webkit-flex-grow: 1;
4244
- flex-grow: 1; }
4245
- .euiFlexGroup .euiFlexItem {
4246
- -webkit-flex-grow: 1;
4247
- flex-grow: 1;
4248
- -webkit-flex-basis: 0%;
4249
- flex-basis: 0%; }
4250
-
4251
- .euiFlexGroup--gutterExtraSmall {
4252
- margin: -2px; }
4253
- .euiFlexGroup--gutterExtraSmall > .euiFlexItem {
4254
- margin: 2px; }
4255
-
4256
- .euiFlexGroup--gutterSmall {
4257
- margin: -4px; }
4258
- .euiFlexGroup--gutterSmall > .euiFlexItem {
4259
- margin: 4px; }
4260
-
4261
- .euiFlexGroup--gutterMedium {
4262
- margin: -8px; }
4263
- .euiFlexGroup--gutterMedium > .euiFlexItem {
4264
- margin: 8px; }
4265
-
4266
- .euiFlexGroup--gutterLarge {
4267
- margin: -12px; }
4268
- .euiFlexGroup--gutterLarge > .euiFlexItem {
4269
- margin: 12px; }
4270
-
4271
- .euiFlexGroup--gutterExtraLarge {
4272
- margin: -20px; }
4273
- .euiFlexGroup--gutterExtraLarge > .euiFlexItem {
4274
- margin: 20px; }
4275
-
4276
- .euiFlexGroup--justifyContentSpaceEvenly {
4277
- -webkit-justify-content: space-evenly;
4278
- justify-content: space-evenly; }
4279
-
4280
- .euiFlexGroup--justifyContentSpaceBetween {
4281
- -webkit-justify-content: space-between;
4282
- justify-content: space-between; }
4283
-
4284
- .euiFlexGroup--justifyContentSpaceAround {
4285
- -webkit-justify-content: space-around;
4286
- justify-content: space-around; }
4287
-
4288
- .euiFlexGroup--justifyContentCenter {
4289
- -webkit-justify-content: center;
4290
- justify-content: center; }
4291
-
4292
- .euiFlexGroup--justifyContentFlexEnd {
4293
- -webkit-justify-content: flex-end;
4294
- justify-content: flex-end; }
4295
-
4296
- .euiFlexGroup--alignItemsFlexStart {
4297
- -webkit-align-items: flex-start;
4298
- align-items: flex-start; }
4299
-
4300
- .euiFlexGroup--alignItemsCenter {
4301
- -webkit-align-items: center;
4302
- align-items: center; }
4303
-
4304
- .euiFlexGroup--alignItemsFlexEnd {
4305
- -webkit-align-items: flex-end;
4306
- align-items: flex-end; }
4307
-
4308
- .euiFlexGroup--alignItemsBaseline {
4309
- -webkit-align-items: baseline;
4310
- align-items: baseline; }
4311
-
4312
- .euiFlexGroup--directionRow {
4313
- -webkit-flex-direction: row;
4314
- flex-direction: row; }
4315
-
4316
- .euiFlexGroup--directionRowReverse {
4317
- -webkit-flex-direction: row-reverse;
4318
- flex-direction: row-reverse; }
4319
-
4320
- .euiFlexGroup--directionColumn {
4321
- -webkit-flex-direction: column;
4322
- flex-direction: column; }
4323
-
4324
- .euiFlexGroup--directionColumnReverse {
4325
- -webkit-flex-direction: column-reverse;
4326
- flex-direction: column-reverse; }
4327
-
4328
- .euiFlexGroup--wrap {
4329
- -webkit-flex-wrap: wrap;
4330
- flex-wrap: wrap; }
4331
-
4332
- @media only screen and (max-width: 574px) {
4333
- .euiFlexGroup--responsive {
4334
- -webkit-flex-wrap: wrap;
4335
- flex-wrap: wrap;
4336
- margin-left: 0;
4337
- margin-right: 0; } }
4338
-
4339
- @media only screen and (min-width: 575px) and (max-width: 767px) {
4340
- .euiFlexGroup--responsive {
4341
- -webkit-flex-wrap: wrap;
4342
- flex-wrap: wrap;
4343
- margin-left: 0;
4344
- margin-right: 0; } }
4345
-
4346
- .euiFlexGrid {
4347
- display: -webkit-flex;
4348
- display: flex;
4349
- -webkit-flex-wrap: wrap;
4350
- flex-wrap: wrap;
4351
- margin-bottom: 0; }
4352
- .euiFlexGrid > .euiFlexItem {
4353
- -webkit-flex-grow: 0;
4354
- flex-grow: 0; }
4355
- .euiFlexGrid > .euiFlexItem.euiFlexItem--flexGrowZero {
4356
- -webkit-flex-grow: 0 !important;
4357
- flex-grow: 0 !important;
4358
- -webkit-flex-basis: auto !important;
4359
- flex-basis: auto !important; }
4360
-
4361
- /**
4362
- * 1. For vertical layouts we use columns instead of flex
4363
- */
4364
- .euiFlexGrid--directionColumn {
4365
- display: block;
4366
- /* 1 */
4367
- -webkit-column-gap: 0;
4368
- -moz-column-gap: 0;
4369
- column-gap: 0; }
4370
- .euiFlexGrid--directionColumn > .euiFlexItem {
4371
- display: inline-block;
4372
- /* 1 */
4373
- line-height: initial; }
4374
-
4375
- /**
4376
- * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
4377
- * without columns.
4378
- */
4379
- .euiFlexGrid--gutterNone {
4380
- margin: 0px;
4381
- -webkit-align-items: stretch;
4382
- align-items: stretch; }
4383
- .euiFlexGrid--gutterNone > .euiFlexItem {
4384
- margin: 0px; }
4385
-
4386
- .euiFlexGrid--gutterNone.euiFlexGrid--fourths > .euiFlexItem {
4387
- -webkit-flex-basis: calc(25% - 0px);
4388
- flex-basis: calc(25% - 0px); }
4389
-
4390
- .euiFlexGrid--gutterNone.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
4391
- /* 1 */
4392
- -webkit-column-count: 4;
4393
- -moz-column-count: 4;
4394
- column-count: 4; }
4395
- .euiFlexGrid--gutterNone.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
4396
- width: calc(100% - 0px); }
4397
-
4398
- .euiFlexGrid--gutterNone.euiFlexGrid--thirds > .euiFlexItem {
4399
- -webkit-flex-basis: calc(33.3% - 0px);
4400
- flex-basis: calc(33.3% - 0px); }
4401
-
4402
- .euiFlexGrid--gutterNone.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
4403
- /* 1 */
4404
- -webkit-column-count: 3;
4405
- -moz-column-count: 3;
4406
- column-count: 3; }
4407
- .euiFlexGrid--gutterNone.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
4408
- width: calc(100% - 0px); }
4409
-
4410
- .euiFlexGrid--gutterNone.euiFlexGrid--halves > .euiFlexItem {
4411
- -webkit-flex-basis: calc(50% - 0px);
4412
- flex-basis: calc(50% - 0px); }
4413
-
4414
- .euiFlexGrid--gutterNone.euiFlexGrid--halves.euiFlexGrid--directionColumn {
4415
- /* 1 */
4416
- -webkit-column-count: 2;
4417
- -moz-column-count: 2;
4418
- column-count: 2; }
4419
- .euiFlexGrid--gutterNone.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
4420
- width: calc(100% - 0px); }
4421
-
4422
- .euiFlexGrid--gutterNone.euiFlexGrid--single > .euiFlexItem {
4423
- -webkit-flex-basis: calc(100% - 0px);
4424
- flex-basis: calc(100% - 0px); }
4425
-
4426
- .euiFlexGrid--gutterNone.euiFlexGrid--single.euiFlexGrid--directionColumn {
4427
- /* 1 */
4428
- -webkit-column-count: 1;
4429
- -moz-column-count: 1;
4430
- column-count: 1; }
4431
- .euiFlexGrid--gutterNone.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
4432
- width: calc(100% - 0px); }
4433
-
4434
- /**
4435
- * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
4436
- * without columns.
4437
- */
4438
- .euiFlexGrid--gutterSmall {
4439
- margin: -4px;
4440
- -webkit-align-items: stretch;
4441
- align-items: stretch; }
4442
- .euiFlexGrid--gutterSmall > .euiFlexItem {
4443
- margin: 4px; }
4444
-
4445
- .euiFlexGrid--gutterSmall.euiFlexGrid--fourths > .euiFlexItem {
4446
- -webkit-flex-basis: calc(25% - 8px);
4447
- flex-basis: calc(25% - 8px); }
4448
-
4449
- .euiFlexGrid--gutterSmall.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
4450
- /* 1 */
4451
- -webkit-column-count: 4;
4452
- -moz-column-count: 4;
4453
- column-count: 4; }
4454
- .euiFlexGrid--gutterSmall.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
4455
- width: calc(100% - 8px); }
4456
-
4457
- .euiFlexGrid--gutterSmall.euiFlexGrid--thirds > .euiFlexItem {
4458
- -webkit-flex-basis: calc(33.3% - 8px);
4459
- flex-basis: calc(33.3% - 8px); }
4460
-
4461
- .euiFlexGrid--gutterSmall.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
4462
- /* 1 */
4463
- -webkit-column-count: 3;
4464
- -moz-column-count: 3;
4465
- column-count: 3; }
4466
- .euiFlexGrid--gutterSmall.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
4467
- width: calc(100% - 8px); }
4468
-
4469
- .euiFlexGrid--gutterSmall.euiFlexGrid--halves > .euiFlexItem {
4470
- -webkit-flex-basis: calc(50% - 8px);
4471
- flex-basis: calc(50% - 8px); }
4472
-
4473
- .euiFlexGrid--gutterSmall.euiFlexGrid--halves.euiFlexGrid--directionColumn {
4474
- /* 1 */
4475
- -webkit-column-count: 2;
4476
- -moz-column-count: 2;
4477
- column-count: 2; }
4478
- .euiFlexGrid--gutterSmall.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
4479
- width: calc(100% - 8px); }
4480
-
4481
- .euiFlexGrid--gutterSmall.euiFlexGrid--single > .euiFlexItem {
4482
- -webkit-flex-basis: calc(100% - 8px);
4483
- flex-basis: calc(100% - 8px); }
4484
-
4485
- .euiFlexGrid--gutterSmall.euiFlexGrid--single.euiFlexGrid--directionColumn {
4486
- /* 1 */
4487
- -webkit-column-count: 1;
4488
- -moz-column-count: 1;
4489
- column-count: 1; }
4490
- .euiFlexGrid--gutterSmall.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
4491
- width: calc(100% - 8px); }
4492
-
4493
- /**
4494
- * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
4495
- * without columns.
4496
- */
4497
- .euiFlexGrid--gutterMedium {
4498
- margin: -8px;
4499
- -webkit-align-items: stretch;
4500
- align-items: stretch; }
4501
- .euiFlexGrid--gutterMedium > .euiFlexItem {
4502
- margin: 8px; }
4503
-
4504
- .euiFlexGrid--gutterMedium.euiFlexGrid--fourths > .euiFlexItem {
4505
- -webkit-flex-basis: calc(25% - 16px);
4506
- flex-basis: calc(25% - 16px); }
4507
-
4508
- .euiFlexGrid--gutterMedium.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
4509
- /* 1 */
4510
- -webkit-column-count: 4;
4511
- -moz-column-count: 4;
4512
- column-count: 4; }
4513
- .euiFlexGrid--gutterMedium.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
4514
- width: calc(100% - 16px); }
4515
-
4516
- .euiFlexGrid--gutterMedium.euiFlexGrid--thirds > .euiFlexItem {
4517
- -webkit-flex-basis: calc(33.3% - 16px);
4518
- flex-basis: calc(33.3% - 16px); }
4519
-
4520
- .euiFlexGrid--gutterMedium.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
4521
- /* 1 */
4522
- -webkit-column-count: 3;
4523
- -moz-column-count: 3;
4524
- column-count: 3; }
4525
- .euiFlexGrid--gutterMedium.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
4526
- width: calc(100% - 16px); }
4527
-
4528
- .euiFlexGrid--gutterMedium.euiFlexGrid--halves > .euiFlexItem {
4529
- -webkit-flex-basis: calc(50% - 16px);
4530
- flex-basis: calc(50% - 16px); }
4531
-
4532
- .euiFlexGrid--gutterMedium.euiFlexGrid--halves.euiFlexGrid--directionColumn {
4533
- /* 1 */
4534
- -webkit-column-count: 2;
4535
- -moz-column-count: 2;
4536
- column-count: 2; }
4537
- .euiFlexGrid--gutterMedium.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
4538
- width: calc(100% - 16px); }
4539
-
4540
- .euiFlexGrid--gutterMedium.euiFlexGrid--single > .euiFlexItem {
4541
- -webkit-flex-basis: calc(100% - 16px);
4542
- flex-basis: calc(100% - 16px); }
4543
-
4544
- .euiFlexGrid--gutterMedium.euiFlexGrid--single.euiFlexGrid--directionColumn {
4545
- /* 1 */
4546
- -webkit-column-count: 1;
4547
- -moz-column-count: 1;
4548
- column-count: 1; }
4549
- .euiFlexGrid--gutterMedium.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
4550
- width: calc(100% - 16px); }
4551
-
4552
- /**
4553
- * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
4554
- * without columns.
4555
- */
4556
- .euiFlexGrid--gutterLarge {
4557
- margin: -12px;
4558
- -webkit-align-items: stretch;
4559
- align-items: stretch; }
4560
- .euiFlexGrid--gutterLarge > .euiFlexItem {
4561
- margin: 12px; }
4562
-
4563
- .euiFlexGrid--gutterLarge.euiFlexGrid--fourths > .euiFlexItem {
4564
- -webkit-flex-basis: calc(25% - 24px);
4565
- flex-basis: calc(25% - 24px); }
4566
-
4567
- .euiFlexGrid--gutterLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
4568
- /* 1 */
4569
- -webkit-column-count: 4;
4570
- -moz-column-count: 4;
4571
- column-count: 4; }
4572
- .euiFlexGrid--gutterLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
4573
- width: calc(100% - 24px); }
4574
-
4575
- .euiFlexGrid--gutterLarge.euiFlexGrid--thirds > .euiFlexItem {
4576
- -webkit-flex-basis: calc(33.3% - 24px);
4577
- flex-basis: calc(33.3% - 24px); }
4578
-
4579
- .euiFlexGrid--gutterLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
4580
- /* 1 */
4581
- -webkit-column-count: 3;
4582
- -moz-column-count: 3;
4583
- column-count: 3; }
4584
- .euiFlexGrid--gutterLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
4585
- width: calc(100% - 24px); }
4586
-
4587
- .euiFlexGrid--gutterLarge.euiFlexGrid--halves > .euiFlexItem {
4588
- -webkit-flex-basis: calc(50% - 24px);
4589
- flex-basis: calc(50% - 24px); }
4590
-
4591
- .euiFlexGrid--gutterLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn {
4592
- /* 1 */
4593
- -webkit-column-count: 2;
4594
- -moz-column-count: 2;
4595
- column-count: 2; }
4596
- .euiFlexGrid--gutterLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
4597
- width: calc(100% - 24px); }
4598
-
4599
- .euiFlexGrid--gutterLarge.euiFlexGrid--single > .euiFlexItem {
4600
- -webkit-flex-basis: calc(100% - 24px);
4601
- flex-basis: calc(100% - 24px); }
4602
-
4603
- .euiFlexGrid--gutterLarge.euiFlexGrid--single.euiFlexGrid--directionColumn {
4604
- /* 1 */
4605
- -webkit-column-count: 1;
4606
- -moz-column-count: 1;
4607
- column-count: 1; }
4608
- .euiFlexGrid--gutterLarge.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
4609
- width: calc(100% - 24px); }
4610
-
4611
- /**
4612
- * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
4613
- * without columns.
4614
- */
4615
- .euiFlexGrid--gutterXLarge {
4616
- margin: -16px;
4617
- -webkit-align-items: stretch;
4618
- align-items: stretch; }
4619
- .euiFlexGrid--gutterXLarge > .euiFlexItem {
4620
- margin: 16px; }
4621
-
4622
- .euiFlexGrid--gutterXLarge.euiFlexGrid--fourths > .euiFlexItem {
4623
- -webkit-flex-basis: calc(25% - 32px);
4624
- flex-basis: calc(25% - 32px); }
4625
-
4626
- .euiFlexGrid--gutterXLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
4627
- /* 1 */
4628
- -webkit-column-count: 4;
4629
- -moz-column-count: 4;
4630
- column-count: 4; }
4631
- .euiFlexGrid--gutterXLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
4632
- width: calc(100% - 32px); }
4633
-
4634
- .euiFlexGrid--gutterXLarge.euiFlexGrid--thirds > .euiFlexItem {
4635
- -webkit-flex-basis: calc(33.3% - 32px);
4636
- flex-basis: calc(33.3% - 32px); }
4637
-
4638
- .euiFlexGrid--gutterXLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
4639
- /* 1 */
4640
- -webkit-column-count: 3;
4641
- -moz-column-count: 3;
4642
- column-count: 3; }
4643
- .euiFlexGrid--gutterXLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
4644
- width: calc(100% - 32px); }
4645
-
4646
- .euiFlexGrid--gutterXLarge.euiFlexGrid--halves > .euiFlexItem {
4647
- -webkit-flex-basis: calc(50% - 32px);
4648
- flex-basis: calc(50% - 32px); }
4649
-
4650
- .euiFlexGrid--gutterXLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn {
4651
- /* 1 */
4652
- -webkit-column-count: 2;
4653
- -moz-column-count: 2;
4654
- column-count: 2; }
4655
- .euiFlexGrid--gutterXLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
4656
- width: calc(100% - 32px); }
4657
-
4658
- .euiFlexGrid--gutterXLarge.euiFlexGrid--single > .euiFlexItem {
4659
- -webkit-flex-basis: calc(100% - 32px);
4660
- flex-basis: calc(100% - 32px); }
4661
-
4662
- .euiFlexGrid--gutterXLarge.euiFlexGrid--single.euiFlexGrid--directionColumn {
4663
- /* 1 */
4664
- -webkit-column-count: 1;
4665
- -moz-column-count: 1;
4666
- column-count: 1; }
4667
- .euiFlexGrid--gutterXLarge.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
4668
- width: calc(100% - 32px); }
4669
-
4670
- @media only screen and (max-width: 574px) {
4671
- .euiFlexGrid.euiFlexGrid--responsive {
4672
- margin-left: 0 !important;
4673
- margin-right: 0 !important;
4674
- -webkit-column-count: 1 !important;
4675
- -moz-column-count: 1 !important;
4676
- column-count: 1 !important; } }
4677
-
4678
- @media only screen and (min-width: 575px) and (max-width: 767px) {
4679
- .euiFlexGrid.euiFlexGrid--responsive {
4680
- margin-left: 0 !important;
4681
- margin-right: 0 !important;
4682
- -webkit-column-count: 1 !important;
4683
- -moz-column-count: 1 !important;
4684
- column-count: 1 !important; } }
4685
-
4686
- /**
4687
- * 1. Allow EuiPanels to expand to fill the item.
4688
- */
4689
- .euiFlexItem {
4690
- display: -webkit-flex;
4691
- display: flex;
4692
- /* 1 */
4693
- -webkit-flex-direction: column;
4694
- flex-direction: column;
4695
- /* 1 */
4696
- /*
4697
- * 1. We need the extra specificity here to override the FlexGroup > FlexItem styles.
4698
- * 2. FlexItem can be manually set to not grow if needed.
4699
- */ }
4700
- .euiFlexItem.euiFlexItem--flexGrowZero {
4701
- /* 1 */
4702
- -webkit-flex-grow: 0;
4703
- flex-grow: 0;
4704
- /* 2 */
4705
- -webkit-flex-basis: auto;
4706
- flex-basis: auto;
4707
- /* 2 */ }
4708
- .euiFlexItem.euiFlexItem--flexGrow1 {
4709
- -webkit-flex-grow: 1;
4710
- flex-grow: 1; }
4711
- .euiFlexItem.euiFlexItem--flexGrow2 {
4712
- -webkit-flex-grow: 2;
4713
- flex-grow: 2; }
4714
- .euiFlexItem.euiFlexItem--flexGrow3 {
4715
- -webkit-flex-grow: 3;
4716
- flex-grow: 3; }
4717
- .euiFlexItem.euiFlexItem--flexGrow4 {
4718
- -webkit-flex-grow: 4;
4719
- flex-grow: 4; }
4720
- .euiFlexItem.euiFlexItem--flexGrow5 {
4721
- -webkit-flex-grow: 5;
4722
- flex-grow: 5; }
4723
- .euiFlexItem.euiFlexItem--flexGrow6 {
4724
- -webkit-flex-grow: 6;
4725
- flex-grow: 6; }
4726
- .euiFlexItem.euiFlexItem--flexGrow7 {
4727
- -webkit-flex-grow: 7;
4728
- flex-grow: 7; }
4729
- .euiFlexItem.euiFlexItem--flexGrow8 {
4730
- -webkit-flex-grow: 8;
4731
- flex-grow: 8; }
4732
- .euiFlexItem.euiFlexItem--flexGrow9 {
4733
- -webkit-flex-grow: 9;
4734
- flex-grow: 9; }
4735
- .euiFlexItem.euiFlexItem--flexGrow10 {
4736
- -webkit-flex-grow: 10;
4737
- flex-grow: 10; }
4738
-
4739
- @media only screen and (max-width: 574px) {
4740
- .euiFlexGroup--responsive > .euiFlexItem,
4741
- .euiFlexGrid--responsive > .euiFlexItem {
4742
- width: 100% !important;
4743
- -webkit-flex-basis: 100% !important;
4744
- flex-basis: 100% !important;
4745
- margin-left: 0 !important;
4746
- margin-right: 0 !important;
4747
- margin-bottom: 16px !important; } }
4748
-
4749
- @media only screen and (min-width: 575px) and (max-width: 767px) {
4750
- .euiFlexGroup--responsive > .euiFlexItem,
4751
- .euiFlexGrid--responsive > .euiFlexItem {
4752
- width: 100% !important;
4753
- -webkit-flex-basis: 100% !important;
4754
- flex-basis: 100% !important;
4755
- margin-left: 0 !important;
4756
- margin-right: 0 !important;
4757
- margin-bottom: 16px !important; } }
4758
-
4759
4127
  /**
4760
4128
  * 1. Float above the visual radio and match its dimension, so that when users try to click it
4761
4129
  * they actually click this input.
@@ -6697,26 +6065,26 @@ SOFTWARE.
6697
6065
  height: 6px;
6698
6066
  width: 100%;
6699
6067
  background: #343741;
6700
- border: 0 solid #98A2B3;
6701
- border-radius: 4px; }
6068
+ border: 0 solid #343741;
6069
+ border-radius: 6px; }
6702
6070
  .euiRangeSlider::-moz-range-track {
6703
6071
  height: 6px;
6704
6072
  width: 100%;
6705
6073
  background: #343741;
6706
- border: 0 solid #98A2B3;
6707
- border-radius: 4px; }
6074
+ border: 0 solid #343741;
6075
+ border-radius: 6px; }
6708
6076
  .euiRangeSlider::-ms-fill-lower {
6709
6077
  height: 6px;
6710
6078
  width: 100%;
6711
6079
  background: #343741;
6712
- border: 0 solid #98A2B3;
6713
- border-radius: 4px; }
6080
+ border: 0 solid #343741;
6081
+ border-radius: 6px; }
6714
6082
  .euiRangeSlider::-ms-fill-upper {
6715
6083
  height: 6px;
6716
6084
  width: 100%;
6717
6085
  background: #343741;
6718
- border: 0 solid #98A2B3;
6719
- border-radius: 4px; }
6086
+ border: 0 solid #343741;
6087
+ border-radius: 6px; }
6720
6088
  .euiRangeSlider:focus {
6721
6089
  outline: none; }
6722
6090
  .euiRangeSlider:focus-visible::-webkit-slider-thumb, .euiRangeSlider--hasFocus::-webkit-slider-thumb {
@@ -6769,19 +6137,19 @@ SOFTWARE.
6769
6137
 
6770
6138
  .euiRangeSlider--hasRange::-webkit-slider-runnable-track {
6771
6139
  background-color: rgba(52, 55, 65, 0.4);
6772
- border-color: rgba(152, 162, 179, 0.4); }
6140
+ border-color: rgba(52, 55, 65, 0.4); }
6773
6141
 
6774
6142
  .euiRangeSlider--hasRange::-moz-range-track {
6775
6143
  background-color: rgba(52, 55, 65, 0.4);
6776
- border-color: rgba(152, 162, 179, 0.4); }
6144
+ border-color: rgba(52, 55, 65, 0.4); }
6777
6145
 
6778
6146
  .euiRangeSlider--hasRange::-ms-fill-lower {
6779
6147
  background-color: rgba(52, 55, 65, 0.4);
6780
- border-color: rgba(152, 162, 179, 0.4); }
6148
+ border-color: rgba(52, 55, 65, 0.4); }
6781
6149
 
6782
6150
  .euiRangeSlider--hasRange::-ms-fill-upper {
6783
6151
  background-color: rgba(52, 55, 65, 0.4);
6784
- border-color: rgba(152, 162, 179, 0.4); }
6152
+ border-color: rgba(52, 55, 65, 0.4); }
6785
6153
 
6786
6154
  .euiRangeThumb {
6787
6155
  padding: 7px;
@@ -7645,163 +7013,6 @@ SOFTWARE.
7645
7013
  color: #36A2EF;
7646
7014
  border-color: #36A2EF; }
7647
7015
 
7648
- /**
7649
- * The List Group component provides neatly styled lists containing plain text
7650
- * or links. The outer container can be bordered, with padding, or borderless
7651
- * with links flush to the sides.
7652
- */
7653
- .euiListGroup.euiListGroup-flush {
7654
- padding: 0;
7655
- border: none; }
7656
-
7657
- .euiListGroup.euiListGroup-bordered {
7658
- border-radius: 6px;
7659
- border: 1px solid #343741; }
7660
-
7661
- .euiListGroup-maxWidthDefault {
7662
- max-width: 400px; }
7663
-
7664
- .euiListGroup--gutterSmall {
7665
- padding: 8px; }
7666
- .euiListGroup--gutterSmall .euiListGroupItem:not(:first-of-type) {
7667
- margin-top: 8px; }
7668
-
7669
- .euiListGroup--gutterMedium {
7670
- padding: 16px; }
7671
- .euiListGroup--gutterMedium .euiListGroupItem:not(:first-of-type) {
7672
- margin-top: 16px; }
7673
-
7674
- .euiListGroupItem {
7675
- padding: 0;
7676
- border-radius: 6px;
7677
- display: -webkit-flex;
7678
- display: flex;
7679
- -webkit-align-items: center;
7680
- align-items: center;
7681
- transition: background-color 150ms;
7682
- position: relative; }
7683
- .euiListGroupItem.euiListGroupItem-isActive, .euiListGroupItem.euiListGroupItem-isClickable:hover, .euiListGroupItem.euiListGroupItem-isClickable:focus-within {
7684
- background-color: rgba(52, 55, 65, 0.25); }
7685
- .euiListGroupItem.euiListGroupItem--ghost.euiListGroupItem-isClickable:hover, .euiListGroupItem.euiListGroupItem--ghost.euiListGroupItem-isClickable:focus-within {
7686
- background-color: rgba(255, 255, 255, 0.1); }
7687
- .euiListGroupItem.euiListGroupItem-isClickable:hover .euiListGroupItem__button,
7688
- .euiListGroupItem .euiListGroupItem__button:hover,
7689
- .euiListGroupItem .euiListGroupItem__button:focus {
7690
- text-decoration: underline; }
7691
- .euiListGroupItem.euiListGroupItem-isDisabled, .euiListGroupItem.euiListGroupItem-isDisabled:hover, .euiListGroupItem.euiListGroupItem-isDisabled:focus,
7692
- .euiListGroupItem.euiListGroupItem-isDisabled .euiListGroupItem__button:hover,
7693
- .euiListGroupItem.euiListGroupItem-isDisabled .euiListGroupItem__button:focus {
7694
- color: #515761;
7695
- cursor: not-allowed;
7696
- background-color: transparent;
7697
- text-decoration: none; }
7698
-
7699
- .euiListGroupItem__text,
7700
- .euiListGroupItem__button {
7701
- line-height: 24px;
7702
- padding: 4px 8px;
7703
- display: -webkit-flex;
7704
- display: flex;
7705
- -webkit-align-items: center;
7706
- align-items: center;
7707
- -webkit-flex-grow: 1;
7708
- flex-grow: 1;
7709
- text-align: left;
7710
- max-width: 100%;
7711
- font-weight: inherit; }
7712
- .euiListGroupItem-hasExtraAction .euiListGroupItem__text, .euiListGroupItem-hasExtraAction
7713
- .euiListGroupItem__button {
7714
- max-width: calc(100% - 32px); }
7715
- .euiListGroupItem--primary .euiListGroupItem__text:not(:disabled), .euiListGroupItem--primary
7716
- .euiListGroupItem__button:not(:disabled) {
7717
- color: #36A2EF; }
7718
- .euiListGroupItem--text .euiListGroupItem__text:not(:disabled), .euiListGroupItem--text
7719
- .euiListGroupItem__button:not(:disabled) {
7720
- color: #DFE5EF; }
7721
- .euiListGroupItem--subdued .euiListGroupItem__text:not(:disabled), .euiListGroupItem--subdued
7722
- .euiListGroupItem__button:not(:disabled) {
7723
- color: #7a7f89; }
7724
- .euiListGroupItem--ghost .euiListGroupItem__text:not(:disabled), .euiListGroupItem--ghost
7725
- .euiListGroupItem__button:not(:disabled) {
7726
- color: #FFF; }
7727
- .euiListGroupItem-isActive:not(.euiListGroupItem--ghost) .euiListGroupItem__text, .euiListGroupItem-isActive:not(.euiListGroupItem--ghost)
7728
- .euiListGroupItem__button {
7729
- color: #DFE5EF; }
7730
-
7731
- .euiListGroupItem__label {
7732
- white-space: nowrap;
7733
- overflow: hidden;
7734
- text-overflow: ellipsis; }
7735
-
7736
- .euiListGroupItem__extraAction {
7737
- opacity: 0;
7738
- margin-right: 8px;
7739
- transition: opacity 150ms; }
7740
- .euiListGroupItem:not(.euiListGroupItem-isDisabled):focus .euiListGroupItem__extraAction,
7741
- .euiListGroupItem:not(.euiListGroupItem-isDisabled):hover .euiListGroupItem__extraAction, .euiListGroupItem__extraAction.euiListGroupItem__extraAction-alwaysShow, .euiListGroupItem__extraAction:focus {
7742
- opacity: 1; }
7743
-
7744
- .euiListGroupItem__icon {
7745
- margin-right: 12px;
7746
- -webkit-flex-grow: 0;
7747
- flex-grow: 0;
7748
- -webkit-flex-shrink: 0;
7749
- flex-shrink: 0; }
7750
-
7751
- .euiListGroupItem--xSmall {
7752
- font-size: 12px; }
7753
-
7754
- .euiListGroupItem--small {
7755
- font-size: 14px; }
7756
-
7757
- .euiListGroupItem--medium {
7758
- font-size: 14px; }
7759
-
7760
- .euiListGroupItem--large {
7761
- font-size: 22px; }
7762
-
7763
- .euiListGroupItem--xSmall,
7764
- .euiListGroupItem--small {
7765
- font-weight: 500;
7766
- letter-spacing: 0; }
7767
-
7768
- .euiListGroupItem--xSmall .euiListGroupItem__button,
7769
- .euiListGroupItem--xSmall .euiListGroupItem__text {
7770
- line-height: 16px; }
7771
-
7772
- .euiListGroupItem--large .euiListGroupItem__button,
7773
- .euiListGroupItem--large .euiListGroupItem__text {
7774
- line-height: 32px; }
7775
-
7776
- .euiListGroupItem--wrapText .euiListGroupItem__button,
7777
- .euiListGroupItem--wrapText .euiListGroupItem__text {
7778
- width: 100%;
7779
- word-break: break-word; }
7780
-
7781
- .euiListGroupItem--wrapText .euiListGroupItem__label {
7782
- white-space: inherit; }
7783
-
7784
- .euiListGroup-flush .euiListGroupItem {
7785
- border-radius: 0; }
7786
-
7787
- .euiListGroup-bordered .euiListGroupItem:first-child {
7788
- border-top-left-radius: 6px;
7789
- border-top-right-radius: 6px; }
7790
-
7791
- .euiListGroup-bordered .euiListGroupItem:last-child {
7792
- border-bottom-left-radius: 6px;
7793
- border-bottom-right-radius: 6px; }
7794
-
7795
- .euiListGroupItem__tooltip {
7796
- width: 100%; }
7797
-
7798
- .euiPinnableListGroup__itemExtraAction svg {
7799
- -webkit-transform: rotate(45deg);
7800
- transform: rotate(45deg); }
7801
-
7802
- .euiPinnableListGroup__itemExtraAction-pinned:not(:hover):not(:focus) {
7803
- color: #62656d; }
7804
-
7805
7016
  .euiMarkdownEditor {
7806
7017
  display: -webkit-flex;
7807
7018
  display: flex;
@@ -10448,7 +9659,7 @@ button.euiSuggestItem {
10448
9659
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusNone {
10449
9660
  border-radius: 0; }
10450
9661
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusMedium {
10451
- border-radius: 4px; }
9662
+ border-radius: 6px; }
10452
9663
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--transparent {
10453
9664
  background-color: transparent; }
10454
9665
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
@@ -10607,7 +9818,7 @@ button.euiSuggestItem {
10607
9818
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusNone {
10608
9819
  border-radius: 0; }
10609
9820
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusMedium {
10610
- border-radius: 4px; }
9821
+ border-radius: 6px; }
10611
9822
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--transparent {
10612
9823
  background-color: transparent; }
10613
9824
  .euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
@@ -11144,9 +10355,6 @@ button.euiSuggestItem {
11144
10355
  .euiHue__range:focus:focus-visible {
11145
10356
  outline: none; }
11146
10357
 
11147
- .euiListGroupItem--medium {
11148
- font-size: 16px; }
11149
-
11150
10358
  .euiKeyPadMenuItem {
11151
10359
  border: none !important;
11152
10360
  box-shadow: none; }
@@ -11184,10 +10392,6 @@ button.euiSuggestItem {
11184
10392
  .euiModal {
11185
10393
  border: none; }
11186
10394
 
11187
- .euiNotificationBadge {
11188
- font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1;
11189
- border-radius: 4px; }
11190
-
11191
10395
  .euiRangeTooltip__value {
11192
10396
  border-radius: 4px; }
11193
10397
 
@@ -11348,8 +10552,8 @@ button.euiSuggestItem {
11348
10552
  content: '';
11349
10553
  display: block;
11350
10554
  background: #343741;
11351
- border: 0 solid #98A2B3;
11352
- border-radius: 4px;
10555
+ border: 0 solid #343741;
10556
+ border-radius: 6px;
11353
10557
  position: absolute;
11354
10558
  left: 0; }
11355
10559