@elastic/eui 63.0.6 → 64.0.2

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 (846) hide show
  1. package/dist/eui_theme_dark.css +7 -357
  2. package/dist/eui_theme_dark.json +0 -1
  3. package/dist/eui_theme_dark.json.d.ts +0 -1
  4. package/dist/eui_theme_dark.min.css +1 -1
  5. package/dist/eui_theme_light.css +7 -357
  6. package/dist/eui_theme_light.json +0 -1
  7. package/dist/eui_theme_light.json.d.ts +0 -1
  8. package/dist/eui_theme_light.min.css +1 -1
  9. package/es/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  10. package/es/components/accessibility/skip_link/skip_link.js +2 -0
  11. package/es/components/accordion/accordion.js +18 -7
  12. package/es/components/accordion/accordion.styles.js +4 -1
  13. package/es/components/aspect_ratio/aspect_ratio.js +10 -18
  14. package/es/components/avatar/avatar.js +1 -0
  15. package/es/components/badge/badge.js +1 -0
  16. package/es/components/badge/badge_group/badge_group.js +1 -0
  17. package/es/components/badge/beta_badge/beta_badge.js +1 -0
  18. package/es/components/badge/notification_badge/badge_notification.js +2 -1
  19. package/es/components/basic_table/basic_table.js +5 -2
  20. package/es/components/basic_table/in_memory_table.js +8 -3
  21. package/es/components/beacon/beacon.js +1 -0
  22. package/es/components/bottom_bar/bottom_bar.js +2 -0
  23. package/es/components/breadcrumbs/breadcrumb.js +1 -0
  24. package/es/components/breadcrumbs/breadcrumb.styles.js +2 -2
  25. package/es/components/breadcrumbs/breadcrumbs.js +2 -0
  26. package/es/components/button/_button_content_deprecated.js +3 -1
  27. package/es/components/button/button.js +4 -0
  28. package/es/components/button/button_display/_button_display.js +8 -1
  29. package/es/components/button/button_display/_button_display_content.js +3 -1
  30. package/es/components/button/button_empty/button_empty.js +13 -2
  31. package/es/components/button/button_group/button_group.js +4 -1
  32. package/es/components/button/button_group/button_group_button.js +2 -0
  33. package/es/components/button/button_icon/button_icon.js +1 -0
  34. package/es/components/call_out/call_out.js +1 -0
  35. package/es/components/card/card.js +13 -2
  36. package/es/components/card/card_select.js +13 -2
  37. package/es/components/code/code.js +1 -0
  38. package/es/components/code/code_block.js +1 -0
  39. package/es/components/collapsible_nav/collapsible_nav.js +8 -48
  40. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
  41. package/es/components/color_picker/color_palette_display/color_palette_display.js +1 -0
  42. package/es/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
  43. package/es/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
  44. package/es/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
  45. package/es/components/color_picker/color_picker.js +1 -0
  46. package/es/components/color_picker/color_picker_swatch.js +1 -0
  47. package/es/components/color_picker/color_stops/color_stop_thumb.js +1 -0
  48. package/es/components/color_picker/color_stops/color_stops.js +2 -1
  49. package/es/components/color_picker/hue.js +1 -0
  50. package/es/components/color_picker/saturation.js +1 -0
  51. package/es/components/combo_box/combo_box.js +2 -1
  52. package/es/components/combo_box/combo_box_input/combo_box_input.js +6 -3
  53. package/es/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
  54. package/es/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
  55. package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
  56. package/es/components/comment_list/comment.js +1 -0
  57. package/es/components/comment_list/comment_event.js +2 -1
  58. package/es/components/comment_list/comment_list.js +2 -0
  59. package/es/components/comment_list/comment_timeline.js +2 -1
  60. package/es/components/context_menu/context_menu.js +3 -1
  61. package/es/components/context_menu/context_menu_item.js +1 -0
  62. package/es/components/context_menu/context_menu_panel.js +1 -0
  63. package/es/components/control_bar/control_bar.js +3 -0
  64. package/es/components/copy/copy.js +2 -1
  65. package/es/components/datagrid/body/data_grid_body.js +12 -0
  66. package/es/components/datagrid/body/data_grid_cell.js +24 -0
  67. package/es/components/datagrid/body/header/data_grid_header_cell.js +12 -0
  68. package/es/components/datagrid/body/header/data_grid_header_row.js +13 -0
  69. package/es/components/datagrid/data_grid.js +13 -0
  70. package/es/components/datagrid/utils/in_memory.js +12 -0
  71. package/es/components/date_picker/auto_refresh/auto_refresh.js +9 -2
  72. package/es/components/date_picker/date_picker.js +1 -0
  73. package/es/components/date_picker/date_picker_range.js +45 -4
  74. package/es/components/date_picker/super_date_picker/date_popover/date_popover_button.js +6 -2
  75. package/es/components/date_picker/super_date_picker/super_date_picker.js +2 -0
  76. package/es/components/description_list/description_list.js +5 -2
  77. package/es/components/description_list/description_list_description.js +2 -1
  78. package/es/components/description_list/description_list_title.js +2 -1
  79. package/es/components/drag_and_drop/draggable.js +2 -1
  80. package/es/components/drag_and_drop/droppable.js +2 -1
  81. package/es/components/empty_prompt/empty_prompt.js +1 -0
  82. package/es/components/error_boundary/error_boundary.js +1 -0
  83. package/es/components/expression/expression.js +13 -2
  84. package/es/components/facet/facet_button.js +2 -1
  85. package/es/components/facet/facet_group.js +1 -0
  86. package/es/components/filter_group/filter_group.js +1 -0
  87. package/es/components/filter_group/filter_select_item.js +2 -1
  88. package/es/components/flex/flex_grid.js +1 -0
  89. package/es/components/flex/flex_group.js +2 -1
  90. package/es/components/flex/flex_item.js +1 -0
  91. package/es/components/flyout/flyout.js +7 -34
  92. package/es/components/flyout/flyout_body.js +1 -0
  93. package/es/components/flyout/flyout_footer.js +2 -1
  94. package/es/components/flyout/flyout_header.js +1 -0
  95. package/es/components/focus_trap/focus_trap.js +1 -0
  96. package/es/components/form/checkbox/checkbox.js +4 -2
  97. package/es/components/form/checkbox/checkbox_group.js +2 -0
  98. package/es/components/form/described_form_group/described_form_group.js +1 -0
  99. package/es/components/form/field_number/field_number.js +1 -0
  100. package/es/components/form/field_password/field_password.js +1 -0
  101. package/es/components/form/field_search/field_search.js +2 -1
  102. package/es/components/form/field_text/field_text.js +1 -0
  103. package/es/components/form/file_picker/file_picker.js +2 -1
  104. package/es/components/form/form.js +1 -0
  105. package/es/components/form/form_control_layout/form_control_layout.js +2 -0
  106. package/es/components/form/form_control_layout/form_control_layout_clear_button.js +1 -0
  107. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -0
  108. package/es/components/form/form_control_layout/form_control_layout_icons.js +1 -0
  109. package/es/components/form/form_error_text/form_error_text.js +2 -1
  110. package/es/components/form/form_fieldset/form_fieldset.js +3 -1
  111. package/es/components/form/form_fieldset/form_legend.js +1 -0
  112. package/es/components/form/form_help_text/form_help_text.js +2 -1
  113. package/es/components/form/form_label/form_label.js +2 -1
  114. package/es/components/form/form_row/form_row.js +1 -0
  115. package/es/components/form/radio/radio.js +3 -1
  116. package/es/components/form/radio/radio_group.js +2 -0
  117. package/es/components/form/range/dual_range.js +2 -1
  118. package/es/components/form/range/range.js +4 -2
  119. package/es/components/form/range/range_levels.js +2 -1
  120. package/es/components/form/range/range_slider.js +1 -0
  121. package/es/components/form/range/range_thumb.js +2 -1
  122. package/es/components/form/range/range_track.js +2 -1
  123. package/es/components/form/range/range_wrapper.js +2 -1
  124. package/es/components/form/select/select.js +1 -0
  125. package/es/components/form/super_select/super_select.js +1 -0
  126. package/es/components/form/switch/switch.js +3 -1
  127. package/es/components/form/text_area/text_area.js +1 -0
  128. package/es/components/form/validatable_control/validatable_control.js +1 -0
  129. package/es/components/header/header.js +1 -0
  130. package/es/components/header/header_alert/header_alert.js +1 -0
  131. package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -0
  132. package/es/components/header/header_links/header_link.js +12 -1
  133. package/es/components/header/header_links/header_links.js +8 -1
  134. package/es/components/header/header_logo.js +1 -0
  135. package/es/components/header/header_section/header_section.js +1 -0
  136. package/es/components/header/header_section/header_section_item.js +1 -0
  137. package/es/components/health/health.js +1 -0
  138. package/es/components/highlight/highlight.js +1 -0
  139. package/es/components/horizontal_rule/horizontal_rule.js +2 -1
  140. package/es/components/icon/icon.js +1 -0
  141. package/es/components/image/image.js +7 -1
  142. package/es/components/image/image_button.styles.js +1 -1
  143. package/es/components/key_pad_menu/key_pad_menu.js +1 -0
  144. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -0
  145. package/es/components/link/link.js +1 -0
  146. package/es/components/link/link.styles.js +6 -5
  147. package/es/components/list_group/list_group.js +3 -0
  148. package/es/components/list_group/list_group_item.js +2 -0
  149. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +5 -0
  150. package/es/components/loading/loading_chart.js +1 -0
  151. package/es/components/loading/loading_content.js +1 -0
  152. package/es/components/loading/loading_elastic.js +1 -0
  153. package/es/components/loading/loading_logo.js +1 -0
  154. package/es/components/loading/loading_spinner.js +1 -0
  155. package/es/components/mark/mark.js +1 -0
  156. package/es/components/markdown_editor/markdown_editor.js +2 -0
  157. package/es/components/markdown_editor/markdown_editor_text_area.js +1 -0
  158. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -0
  159. package/es/components/markdown_editor/markdown_format.js +1 -0
  160. package/es/components/modal/modal_body.js +2 -1
  161. package/es/components/modal/modal_footer.js +2 -1
  162. package/es/components/modal/modal_header.js +2 -1
  163. package/es/components/modal/modal_header_title.js +2 -1
  164. package/es/components/notification/notification_event.js +14 -2
  165. package/es/components/notification/notification_event_read_button.js +1 -0
  166. package/es/components/notification/notification_event_read_icon.js +1 -0
  167. package/es/components/overlay_mask/overlay_mask.js +3 -1
  168. package/es/components/page/page.js +1 -0
  169. package/es/components/page/page_content/page_content.js +1 -0
  170. package/es/components/page/page_content/page_content_body.js +1 -0
  171. package/es/components/page/page_content/page_content_header.js +2 -1
  172. package/es/components/page/page_content/page_content_header_section.js +2 -1
  173. package/es/components/page/page_header/page_header.js +1 -0
  174. package/es/components/page/page_header/page_header_content.js +4 -0
  175. package/es/components/page/page_header/page_header_section.js +2 -1
  176. package/es/components/page/page_section/page_section.js +7 -1
  177. package/es/components/page/page_side_bar/page_side_bar.js +2 -1
  178. package/es/components/page/page_sidebar/page_sidebar.js +2 -1
  179. package/es/components/page/page_template.js +7 -1
  180. package/es/components/page_template/empty_prompt/page_empty_prompt.js +7 -1
  181. package/es/components/page_template/outer/page_outer.js +2 -1
  182. package/es/components/page_template/page_template.js +18 -3
  183. package/es/components/pagination/pagination.js +1 -0
  184. package/es/components/pagination/pagination_button.js +12 -1
  185. package/es/components/panel/panel.js +2 -1
  186. package/es/components/panel/split_panel/split_panel.js +2 -1
  187. package/es/components/popover/input_popover.js +1 -0
  188. package/es/components/popover/popover.js +10 -2
  189. package/es/components/popover/popover_arrow/_popover_arrow.js +1 -0
  190. package/es/components/popover/popover_footer.js +1 -0
  191. package/es/components/popover/popover_panel/_popover_panel.js +1 -0
  192. package/es/components/popover/popover_panel/_popover_panel.styles.js +3 -2
  193. package/es/components/popover/popover_title.js +1 -0
  194. package/es/components/progress/progress.js +7 -1
  195. package/es/components/provider/provider.js +25 -2
  196. package/es/components/resizable_container/resizable_button.js +2 -1
  197. package/es/components/resizable_container/resizable_container.js +2 -1
  198. package/es/components/resizable_container/resizable_panel.js +8 -2
  199. package/es/components/search_bar/search_bar.js +3 -1
  200. package/es/components/selectable/selectable.js +2 -0
  201. package/es/components/selectable/selectable_list/selectable_list.js +4 -0
  202. package/es/components/selectable/selectable_list/selectable_list_item.js +2 -0
  203. package/es/components/selectable/selectable_message/selectable_message.js +1 -0
  204. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
  205. package/es/components/side_nav/side_nav.js +6 -0
  206. package/es/components/spacer/spacer.js +1 -0
  207. package/es/components/stat/stat.js +1 -0
  208. package/es/components/steps/step.js +1 -0
  209. package/es/components/steps/step_horizontal.js +2 -1
  210. package/es/components/steps/step_number.js +2 -1
  211. package/es/components/steps/steps.js +2 -1
  212. package/es/components/steps/steps_horizontal.js +2 -1
  213. package/es/components/steps/sub_steps.js +2 -1
  214. package/es/components/suggest/suggest.js +2 -0
  215. package/es/components/suggest/suggest_item.js +1 -0
  216. package/es/components/table/mobile/table_header_mobile.js +2 -1
  217. package/es/components/table/mobile/table_sort_mobile_item.js +2 -1
  218. package/es/components/table/table.js +2 -1
  219. package/es/components/table/table_body.js +1 -0
  220. package/es/components/table/table_footer.js +2 -1
  221. package/es/components/table/table_footer_cell.js +1 -0
  222. package/es/components/table/table_header.js +1 -0
  223. package/es/components/table/table_header_button.js +1 -0
  224. package/es/components/table/table_header_cell.js +1 -0
  225. package/es/components/table/table_header_cell_checkbox.js +1 -0
  226. package/es/components/table/table_row.js +1 -0
  227. package/es/components/table/table_row_cell.js +1 -0
  228. package/es/components/table/table_row_cell_checkbox.js +2 -1
  229. package/es/components/tabs/tab.js +1 -0
  230. package/es/components/tabs/tabbed_content/tabbed_content.js +7 -3
  231. package/es/components/text/text.js +1 -0
  232. package/es/components/text/text.styles.js +1 -1
  233. package/es/components/text/text_align.js +1 -0
  234. package/es/components/text/text_color.js +1 -0
  235. package/es/components/timeline/timeline.js +4 -2
  236. package/es/components/timeline/timeline_item.js +2 -1
  237. package/es/components/title/title.js +1 -0
  238. package/es/components/toast/global_toast_list.js +4 -2
  239. package/es/components/toast/global_toast_list.styles.js +2 -2
  240. package/es/components/toast/global_toast_list_item.js +1 -0
  241. package/es/components/toast/toast.js +2 -1
  242. package/es/components/tool_tip/tool_tip_popover.js +1 -0
  243. package/es/components/tour/tour.js +1 -214
  244. package/es/components/tour/tour.styles.js +57 -0
  245. package/es/components/tour/tour_step.js +36 -6
  246. package/es/components/tour/tour_step_indicator.js +23 -14
  247. package/es/components/tree_view/tree_view.js +1 -0
  248. package/es/global_styling/functions/logicals.js +16 -2
  249. package/es/global_styling/mixins/_helpers.js +11 -4
  250. package/es/global_styling/mixins/_responsive.js +18 -14
  251. package/es/global_styling/mixins/_states.js +3 -4
  252. package/es/global_styling/mixins/_typography.js +3 -1
  253. package/es/global_styling/reset/global_styles.js +1 -1
  254. package/es/global_styling/utility/utility.js +10 -2
  255. package/es/global_styling/variables/breakpoint.js +2 -1
  256. package/es/services/breakpoint/_sorting.js +41 -0
  257. package/es/services/breakpoint/current_breakpoint.js +19 -6
  258. package/es/services/breakpoint/index.js +2 -2
  259. package/es/services/breakpoint/is_within_hooks.js +67 -0
  260. package/es/services/index.js +1 -1
  261. package/es/services/theme/hooks.js +11 -16
  262. package/eui.d.ts +275 -239
  263. package/i18ntokens.json +24 -24
  264. package/lib/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  265. package/lib/components/accessibility/skip_link/skip_link.js +2 -0
  266. package/lib/components/accordion/accordion.js +18 -7
  267. package/lib/components/accordion/accordion.styles.js +4 -1
  268. package/lib/components/aspect_ratio/aspect_ratio.js +10 -20
  269. package/lib/components/avatar/avatar.js +1 -0
  270. package/lib/components/badge/badge.js +1 -0
  271. package/lib/components/badge/badge_group/badge_group.js +1 -0
  272. package/lib/components/badge/beta_badge/beta_badge.js +1 -0
  273. package/lib/components/badge/notification_badge/badge_notification.js +2 -1
  274. package/lib/components/basic_table/basic_table.js +5 -2
  275. package/lib/components/basic_table/in_memory_table.js +8 -3
  276. package/lib/components/beacon/beacon.js +1 -0
  277. package/lib/components/bottom_bar/bottom_bar.js +2 -0
  278. package/lib/components/breadcrumbs/breadcrumb.js +1 -0
  279. package/lib/components/breadcrumbs/breadcrumb.styles.js +2 -2
  280. package/lib/components/breadcrumbs/breadcrumbs.js +2 -0
  281. package/lib/components/button/_button_content_deprecated.js +3 -1
  282. package/lib/components/button/button.js +4 -0
  283. package/lib/components/button/button_display/_button_display.js +8 -1
  284. package/lib/components/button/button_display/_button_display_content.js +3 -1
  285. package/lib/components/button/button_empty/button_empty.js +13 -2
  286. package/lib/components/button/button_group/button_group.js +4 -1
  287. package/lib/components/button/button_group/button_group_button.js +2 -0
  288. package/lib/components/button/button_icon/button_icon.js +1 -0
  289. package/lib/components/call_out/call_out.js +1 -0
  290. package/lib/components/card/card.js +13 -2
  291. package/lib/components/card/card_select.js +13 -2
  292. package/lib/components/code/code.js +1 -0
  293. package/lib/components/code/code_block.js +1 -0
  294. package/lib/components/collapsible_nav/collapsible_nav.js +6 -46
  295. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
  296. package/lib/components/color_picker/color_palette_display/color_palette_display.js +1 -0
  297. package/lib/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
  298. package/lib/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
  299. package/lib/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
  300. package/lib/components/color_picker/color_picker.js +1 -0
  301. package/lib/components/color_picker/color_picker_swatch.js +1 -0
  302. package/lib/components/color_picker/color_stops/color_stop_thumb.js +1 -0
  303. package/lib/components/color_picker/color_stops/color_stops.js +2 -1
  304. package/lib/components/color_picker/hue.js +1 -0
  305. package/lib/components/color_picker/saturation.js +1 -0
  306. package/lib/components/combo_box/combo_box.js +2 -1
  307. package/lib/components/combo_box/combo_box_input/combo_box_input.js +6 -3
  308. package/lib/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
  309. package/lib/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
  310. package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
  311. package/lib/components/comment_list/comment.js +1 -0
  312. package/lib/components/comment_list/comment_event.js +2 -1
  313. package/lib/components/comment_list/comment_list.js +2 -0
  314. package/lib/components/comment_list/comment_timeline.js +2 -1
  315. package/lib/components/context_menu/context_menu.js +3 -1
  316. package/lib/components/context_menu/context_menu_item.js +1 -0
  317. package/lib/components/context_menu/context_menu_panel.js +1 -0
  318. package/lib/components/control_bar/control_bar.js +3 -0
  319. package/lib/components/copy/copy.js +2 -1
  320. package/lib/components/datagrid/body/data_grid_body.js +12 -0
  321. package/lib/components/datagrid/body/data_grid_cell.js +24 -0
  322. package/lib/components/datagrid/body/header/data_grid_header_cell.js +12 -0
  323. package/lib/components/datagrid/body/header/data_grid_header_row.js +13 -0
  324. package/lib/components/datagrid/data_grid.js +13 -0
  325. package/lib/components/datagrid/utils/in_memory.js +12 -0
  326. package/lib/components/date_picker/auto_refresh/auto_refresh.js +9 -2
  327. package/lib/components/date_picker/date_picker.js +1 -0
  328. package/lib/components/date_picker/date_picker_range.js +45 -4
  329. package/lib/components/date_picker/super_date_picker/date_popover/date_popover_button.js +6 -1
  330. package/lib/components/date_picker/super_date_picker/super_date_picker.js +2 -0
  331. package/lib/components/description_list/description_list.js +5 -2
  332. package/lib/components/description_list/description_list_description.js +2 -1
  333. package/lib/components/description_list/description_list_title.js +2 -1
  334. package/lib/components/drag_and_drop/draggable.js +2 -1
  335. package/lib/components/drag_and_drop/droppable.js +2 -1
  336. package/lib/components/empty_prompt/empty_prompt.js +1 -0
  337. package/lib/components/error_boundary/error_boundary.js +1 -0
  338. package/lib/components/expression/expression.js +13 -2
  339. package/lib/components/facet/facet_button.js +2 -1
  340. package/lib/components/facet/facet_group.js +1 -0
  341. package/lib/components/filter_group/filter_group.js +1 -0
  342. package/lib/components/filter_group/filter_select_item.js +2 -1
  343. package/lib/components/flex/flex_grid.js +1 -0
  344. package/lib/components/flex/flex_group.js +2 -1
  345. package/lib/components/flex/flex_item.js +1 -0
  346. package/lib/components/flyout/flyout.js +6 -33
  347. package/lib/components/flyout/flyout_body.js +1 -0
  348. package/lib/components/flyout/flyout_footer.js +2 -1
  349. package/lib/components/flyout/flyout_header.js +1 -0
  350. package/lib/components/focus_trap/focus_trap.js +1 -0
  351. package/lib/components/form/checkbox/checkbox.js +4 -2
  352. package/lib/components/form/checkbox/checkbox_group.js +2 -0
  353. package/lib/components/form/described_form_group/described_form_group.js +1 -0
  354. package/lib/components/form/field_number/field_number.js +1 -0
  355. package/lib/components/form/field_password/field_password.js +1 -0
  356. package/lib/components/form/field_search/field_search.js +2 -1
  357. package/lib/components/form/field_text/field_text.js +1 -0
  358. package/lib/components/form/file_picker/file_picker.js +2 -1
  359. package/lib/components/form/form.js +1 -0
  360. package/lib/components/form/form_control_layout/form_control_layout.js +2 -0
  361. package/lib/components/form/form_control_layout/form_control_layout_clear_button.js +1 -0
  362. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -0
  363. package/lib/components/form/form_control_layout/form_control_layout_icons.js +1 -0
  364. package/lib/components/form/form_error_text/form_error_text.js +2 -1
  365. package/lib/components/form/form_fieldset/form_fieldset.js +3 -1
  366. package/lib/components/form/form_fieldset/form_legend.js +1 -0
  367. package/lib/components/form/form_help_text/form_help_text.js +2 -1
  368. package/lib/components/form/form_label/form_label.js +2 -1
  369. package/lib/components/form/form_row/form_row.js +1 -0
  370. package/lib/components/form/radio/radio.js +3 -1
  371. package/lib/components/form/radio/radio_group.js +2 -0
  372. package/lib/components/form/range/dual_range.js +2 -1
  373. package/lib/components/form/range/range.js +4 -2
  374. package/lib/components/form/range/range_levels.js +2 -1
  375. package/lib/components/form/range/range_slider.js +1 -0
  376. package/lib/components/form/range/range_thumb.js +2 -1
  377. package/lib/components/form/range/range_track.js +2 -1
  378. package/lib/components/form/range/range_wrapper.js +2 -1
  379. package/lib/components/form/select/select.js +1 -0
  380. package/lib/components/form/super_select/super_select.js +1 -0
  381. package/lib/components/form/switch/switch.js +3 -1
  382. package/lib/components/form/text_area/text_area.js +1 -0
  383. package/lib/components/form/validatable_control/validatable_control.js +1 -0
  384. package/lib/components/header/header.js +1 -0
  385. package/lib/components/header/header_alert/header_alert.js +1 -0
  386. package/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -0
  387. package/lib/components/header/header_links/header_link.js +12 -1
  388. package/lib/components/header/header_links/header_links.js +8 -1
  389. package/lib/components/header/header_logo.js +1 -0
  390. package/lib/components/header/header_section/header_section.js +1 -0
  391. package/lib/components/header/header_section/header_section_item.js +1 -0
  392. package/lib/components/health/health.js +1 -0
  393. package/lib/components/highlight/highlight.js +1 -0
  394. package/lib/components/horizontal_rule/horizontal_rule.js +2 -1
  395. package/lib/components/icon/icon.js +1 -0
  396. package/lib/components/image/image.js +7 -1
  397. package/lib/components/image/image_button.styles.js +1 -1
  398. package/lib/components/key_pad_menu/key_pad_menu.js +1 -0
  399. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -0
  400. package/lib/components/link/link.js +1 -0
  401. package/lib/components/link/link.styles.js +6 -5
  402. package/lib/components/list_group/list_group.js +3 -0
  403. package/lib/components/list_group/list_group_item.js +2 -0
  404. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +5 -0
  405. package/lib/components/loading/loading_chart.js +1 -0
  406. package/lib/components/loading/loading_content.js +1 -0
  407. package/lib/components/loading/loading_elastic.js +1 -0
  408. package/lib/components/loading/loading_logo.js +1 -0
  409. package/lib/components/loading/loading_spinner.js +1 -0
  410. package/lib/components/mark/mark.js +1 -0
  411. package/lib/components/markdown_editor/markdown_editor.js +2 -0
  412. package/lib/components/markdown_editor/markdown_editor_text_area.js +1 -0
  413. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -0
  414. package/lib/components/markdown_editor/markdown_format.js +1 -0
  415. package/lib/components/modal/modal_body.js +2 -1
  416. package/lib/components/modal/modal_footer.js +2 -1
  417. package/lib/components/modal/modal_header.js +2 -1
  418. package/lib/components/modal/modal_header_title.js +2 -1
  419. package/lib/components/notification/notification_event.js +14 -2
  420. package/lib/components/notification/notification_event_read_button.js +1 -0
  421. package/lib/components/overlay_mask/overlay_mask.js +3 -1
  422. package/lib/components/page/page.js +1 -0
  423. package/lib/components/page/page_content/page_content.js +1 -0
  424. package/lib/components/page/page_content/page_content_body.js +1 -0
  425. package/lib/components/page/page_content/page_content_header.js +2 -1
  426. package/lib/components/page/page_content/page_content_header_section.js +2 -1
  427. package/lib/components/page/page_header/page_header.js +1 -0
  428. package/lib/components/page/page_header/page_header_content.js +4 -0
  429. package/lib/components/page/page_header/page_header_section.js +2 -1
  430. package/lib/components/page/page_section/page_section.js +7 -1
  431. package/lib/components/page/page_side_bar/page_side_bar.js +2 -1
  432. package/lib/components/page/page_sidebar/page_sidebar.js +2 -1
  433. package/lib/components/page/page_template.js +7 -1
  434. package/lib/components/page_template/empty_prompt/page_empty_prompt.js +7 -1
  435. package/lib/components/page_template/outer/page_outer.js +2 -1
  436. package/lib/components/page_template/page_template.js +18 -3
  437. package/lib/components/pagination/pagination.js +1 -0
  438. package/lib/components/panel/panel.js +2 -1
  439. package/lib/components/panel/split_panel/split_panel.js +2 -1
  440. package/lib/components/popover/input_popover.js +1 -0
  441. package/lib/components/popover/popover.js +10 -2
  442. package/lib/components/popover/popover_arrow/_popover_arrow.js +1 -0
  443. package/lib/components/popover/popover_footer.js +1 -0
  444. package/lib/components/popover/popover_panel/_popover_panel.js +1 -0
  445. package/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -3
  446. package/lib/components/popover/popover_title.js +1 -0
  447. package/lib/components/progress/progress.js +7 -1
  448. package/lib/components/provider/provider.js +31 -6
  449. package/lib/components/resizable_container/resizable_button.js +2 -1
  450. package/lib/components/resizable_container/resizable_container.js +2 -1
  451. package/lib/components/resizable_container/resizable_panel.js +8 -2
  452. package/lib/components/search_bar/search_bar.js +3 -1
  453. package/lib/components/selectable/selectable.js +2 -0
  454. package/lib/components/selectable/selectable_list/selectable_list.js +4 -0
  455. package/lib/components/selectable/selectable_list/selectable_list_item.js +2 -0
  456. package/lib/components/selectable/selectable_message/selectable_message.js +1 -0
  457. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
  458. package/lib/components/side_nav/side_nav.js +6 -0
  459. package/lib/components/spacer/spacer.js +1 -0
  460. package/lib/components/stat/stat.js +1 -0
  461. package/lib/components/steps/step.js +1 -0
  462. package/lib/components/steps/step_horizontal.js +2 -1
  463. package/lib/components/steps/step_number.js +2 -1
  464. package/lib/components/steps/steps.js +2 -1
  465. package/lib/components/steps/steps_horizontal.js +2 -1
  466. package/lib/components/steps/sub_steps.js +2 -1
  467. package/lib/components/suggest/suggest.js +2 -0
  468. package/lib/components/suggest/suggest_item.js +1 -0
  469. package/lib/components/table/mobile/table_header_mobile.js +2 -1
  470. package/lib/components/table/mobile/table_sort_mobile_item.js +2 -1
  471. package/lib/components/table/table.js +2 -1
  472. package/lib/components/table/table_body.js +1 -0
  473. package/lib/components/table/table_footer.js +2 -1
  474. package/lib/components/table/table_footer_cell.js +1 -0
  475. package/lib/components/table/table_header.js +1 -0
  476. package/lib/components/table/table_header_button.js +1 -0
  477. package/lib/components/table/table_header_cell.js +1 -0
  478. package/lib/components/table/table_header_cell_checkbox.js +1 -0
  479. package/lib/components/table/table_row.js +1 -0
  480. package/lib/components/table/table_row_cell.js +1 -0
  481. package/lib/components/table/table_row_cell_checkbox.js +2 -1
  482. package/lib/components/tabs/tab.js +1 -0
  483. package/lib/components/tabs/tabbed_content/tabbed_content.js +7 -3
  484. package/lib/components/text/text.js +1 -0
  485. package/lib/components/text/text.styles.js +1 -1
  486. package/lib/components/text/text_align.js +1 -0
  487. package/lib/components/text/text_color.js +1 -0
  488. package/lib/components/timeline/timeline.js +4 -2
  489. package/lib/components/timeline/timeline_item.js +2 -1
  490. package/lib/components/title/title.js +1 -0
  491. package/lib/components/toast/global_toast_list.js +4 -2
  492. package/lib/components/toast/global_toast_list.styles.js +1 -1
  493. package/lib/components/toast/global_toast_list_item.js +1 -0
  494. package/lib/components/toast/toast.js +2 -1
  495. package/lib/components/tool_tip/tool_tip_popover.js +1 -0
  496. package/lib/components/tour/tour.js +1 -71
  497. package/lib/components/tour/tour.styles.js +79 -0
  498. package/lib/components/tour/tour_step.js +31 -5
  499. package/lib/components/tour/tour_step_indicator.js +22 -19
  500. package/lib/components/tree_view/tree_view.js +1 -0
  501. package/lib/global_styling/functions/logicals.js +21 -4
  502. package/lib/global_styling/mixins/_helpers.js +17 -6
  503. package/lib/global_styling/mixins/_responsive.js +18 -14
  504. package/lib/global_styling/mixins/_states.js +3 -4
  505. package/lib/global_styling/mixins/_typography.js +4 -1
  506. package/lib/global_styling/reset/global_styles.js +1 -1
  507. package/lib/global_styling/utility/utility.js +16 -3
  508. package/lib/global_styling/variables/breakpoint.js +3 -1
  509. package/lib/services/breakpoint/_sorting.js +53 -0
  510. package/lib/services/breakpoint/current_breakpoint.js +19 -5
  511. package/lib/services/breakpoint/index.js +4 -17
  512. package/lib/services/breakpoint/is_within_hooks.js +82 -0
  513. package/lib/services/index.js +14 -42
  514. package/lib/services/theme/hooks.js +10 -15
  515. package/optimize/es/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  516. package/optimize/es/components/accordion/accordion.js +9 -5
  517. package/optimize/es/components/accordion/accordion.styles.js +4 -1
  518. package/optimize/es/components/aspect_ratio/aspect_ratio.js +9 -18
  519. package/optimize/es/components/breadcrumbs/breadcrumb.styles.js +2 -2
  520. package/optimize/es/components/collapsible_nav/collapsible_nav.js +3 -38
  521. package/optimize/es/components/date_picker/date_picker_range.js +29 -3
  522. package/optimize/es/components/date_picker/super_date_picker/date_popover/date_popover_button.js +0 -1
  523. package/optimize/es/components/flyout/flyout.js +7 -34
  524. package/optimize/es/components/image/image_button.styles.js +1 -1
  525. package/optimize/es/components/link/link.styles.js +6 -5
  526. package/optimize/es/components/overlay_mask/overlay_mask.js +2 -1
  527. package/optimize/es/components/popover/popover.js +3 -1
  528. package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +3 -2
  529. package/optimize/es/components/provider/provider.js +25 -2
  530. package/optimize/es/components/text/text.styles.js +1 -1
  531. package/optimize/es/components/toast/global_toast_list.styles.js +2 -2
  532. package/optimize/es/components/tour/tour.styles.js +57 -0
  533. package/optimize/es/components/tour/tour_step.js +30 -6
  534. package/optimize/es/components/tour/tour_step_indicator.js +19 -12
  535. package/optimize/es/global_styling/functions/logicals.js +16 -2
  536. package/optimize/es/global_styling/mixins/_helpers.js +11 -4
  537. package/optimize/es/global_styling/mixins/_responsive.js +18 -14
  538. package/optimize/es/global_styling/mixins/_states.js +3 -4
  539. package/optimize/es/global_styling/mixins/_typography.js +3 -1
  540. package/optimize/es/global_styling/reset/global_styles.js +1 -1
  541. package/optimize/es/global_styling/utility/utility.js +10 -2
  542. package/optimize/es/global_styling/variables/breakpoint.js +2 -1
  543. package/optimize/es/services/breakpoint/_sorting.js +31 -0
  544. package/optimize/es/services/breakpoint/current_breakpoint.js +19 -6
  545. package/optimize/es/services/breakpoint/index.js +2 -2
  546. package/optimize/es/services/breakpoint/is_within_hooks.js +67 -0
  547. package/optimize/es/services/index.js +1 -1
  548. package/optimize/es/services/theme/hooks.js +11 -16
  549. package/optimize/lib/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  550. package/optimize/lib/components/accordion/accordion.js +9 -5
  551. package/optimize/lib/components/accordion/accordion.styles.js +4 -1
  552. package/optimize/lib/components/aspect_ratio/aspect_ratio.js +9 -20
  553. package/optimize/lib/components/breadcrumbs/breadcrumb.styles.js +2 -2
  554. package/optimize/lib/components/collapsible_nav/collapsible_nav.js +1 -37
  555. package/optimize/lib/components/date_picker/date_picker_range.js +29 -3
  556. package/optimize/lib/components/flyout/flyout.js +6 -33
  557. package/optimize/lib/components/image/image_button.styles.js +1 -1
  558. package/optimize/lib/components/link/link.styles.js +6 -5
  559. package/optimize/lib/components/overlay_mask/overlay_mask.js +2 -1
  560. package/optimize/lib/components/popover/popover.js +3 -1
  561. package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -3
  562. package/optimize/lib/components/provider/provider.js +31 -6
  563. package/optimize/lib/components/text/text.styles.js +1 -1
  564. package/optimize/lib/components/toast/global_toast_list.styles.js +1 -1
  565. package/optimize/lib/components/tour/tour.styles.js +79 -0
  566. package/optimize/lib/components/tour/tour_step.js +30 -5
  567. package/optimize/lib/components/tour/tour_step_indicator.js +20 -17
  568. package/optimize/lib/global_styling/functions/logicals.js +21 -4
  569. package/optimize/lib/global_styling/mixins/_helpers.js +17 -6
  570. package/optimize/lib/global_styling/mixins/_responsive.js +18 -14
  571. package/optimize/lib/global_styling/mixins/_states.js +3 -4
  572. package/optimize/lib/global_styling/mixins/_typography.js +4 -1
  573. package/optimize/lib/global_styling/reset/global_styles.js +1 -1
  574. package/optimize/lib/global_styling/utility/utility.js +16 -3
  575. package/optimize/lib/global_styling/variables/breakpoint.js +3 -1
  576. package/optimize/lib/services/breakpoint/_sorting.js +45 -0
  577. package/optimize/lib/services/breakpoint/current_breakpoint.js +19 -5
  578. package/optimize/lib/services/breakpoint/index.js +4 -17
  579. package/optimize/lib/services/breakpoint/is_within_hooks.js +82 -0
  580. package/optimize/lib/services/index.js +14 -42
  581. package/optimize/lib/services/theme/hooks.js +10 -15
  582. package/package.json +2 -1
  583. package/src/components/datagrid/_data_grid_data_row.scss +7 -0
  584. package/src/components/index.scss +0 -1
  585. package/src/global_styling/mixins/_helpers.scss +9 -0
  586. package/src/global_styling/utility/_utility.scss +0 -127
  587. package/test-env/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  588. package/test-env/components/accessibility/skip_link/skip_link.js +2 -0
  589. package/test-env/components/accordion/accordion.js +18 -7
  590. package/test-env/components/accordion/accordion.styles.js +4 -1
  591. package/test-env/components/aspect_ratio/aspect_ratio.js +10 -20
  592. package/test-env/components/avatar/avatar.js +1 -0
  593. package/test-env/components/badge/badge.js +1 -0
  594. package/test-env/components/badge/badge_group/badge_group.js +1 -0
  595. package/test-env/components/badge/beta_badge/beta_badge.js +1 -0
  596. package/test-env/components/badge/notification_badge/badge_notification.js +2 -1
  597. package/test-env/components/basic_table/basic_table.js +5 -2
  598. package/test-env/components/basic_table/in_memory_table.js +8 -3
  599. package/test-env/components/beacon/beacon.js +1 -0
  600. package/test-env/components/bottom_bar/bottom_bar.js +2 -0
  601. package/test-env/components/breadcrumbs/breadcrumb.js +1 -0
  602. package/test-env/components/breadcrumbs/breadcrumb.styles.js +2 -2
  603. package/test-env/components/breadcrumbs/breadcrumbs.js +2 -0
  604. package/test-env/components/button/_button_content_deprecated.js +3 -1
  605. package/test-env/components/button/button.js +4 -0
  606. package/test-env/components/button/button_display/_button_display.js +8 -1
  607. package/test-env/components/button/button_display/_button_display_content.js +3 -1
  608. package/test-env/components/button/button_empty/button_empty.js +13 -2
  609. package/test-env/components/button/button_group/button_group.js +4 -1
  610. package/test-env/components/button/button_group/button_group_button.js +2 -0
  611. package/test-env/components/button/button_icon/button_icon.js +1 -0
  612. package/test-env/components/call_out/call_out.js +1 -0
  613. package/test-env/components/card/card.js +13 -2
  614. package/test-env/components/card/card_select.js +13 -2
  615. package/test-env/components/collapsible_nav/collapsible_nav.js +6 -40
  616. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
  617. package/test-env/components/color_picker/color_palette_display/color_palette_display.js +1 -0
  618. package/test-env/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
  619. package/test-env/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
  620. package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
  621. package/test-env/components/color_picker/color_picker.js +1 -0
  622. package/test-env/components/color_picker/color_picker_swatch.js +1 -0
  623. package/test-env/components/color_picker/color_stops/color_stop_thumb.js +1 -0
  624. package/test-env/components/color_picker/color_stops/color_stops.js +2 -1
  625. package/test-env/components/color_picker/hue.js +1 -0
  626. package/test-env/components/color_picker/saturation.js +1 -0
  627. package/test-env/components/combo_box/combo_box.js +2 -1
  628. package/test-env/components/combo_box/combo_box_input/combo_box_input.js +6 -3
  629. package/test-env/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
  630. package/test-env/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
  631. package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
  632. package/test-env/components/comment_list/comment.js +1 -0
  633. package/test-env/components/comment_list/comment_event.js +2 -1
  634. package/test-env/components/comment_list/comment_list.js +2 -0
  635. package/test-env/components/comment_list/comment_timeline.js +2 -1
  636. package/test-env/components/context_menu/context_menu.js +3 -1
  637. package/test-env/components/context_menu/context_menu_item.js +1 -0
  638. package/test-env/components/context_menu/context_menu_panel.js +1 -0
  639. package/test-env/components/control_bar/control_bar.js +3 -0
  640. package/test-env/components/copy/copy.js +2 -1
  641. package/test-env/components/datagrid/body/data_grid_body.js +12 -0
  642. package/test-env/components/datagrid/body/data_grid_cell.js +24 -0
  643. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +12 -0
  644. package/test-env/components/datagrid/body/header/data_grid_header_row.js +13 -0
  645. package/test-env/components/datagrid/data_grid.js +13 -0
  646. package/test-env/components/datagrid/utils/in_memory.js +12 -0
  647. package/test-env/components/date_picker/auto_refresh/auto_refresh.js +9 -2
  648. package/test-env/components/date_picker/date_picker.js +1 -0
  649. package/test-env/components/date_picker/date_picker_range.js +45 -4
  650. package/test-env/components/date_picker/super_date_picker/date_popover/date_popover_button.js +6 -1
  651. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +2 -0
  652. package/test-env/components/description_list/description_list.js +5 -2
  653. package/test-env/components/description_list/description_list_description.js +2 -1
  654. package/test-env/components/description_list/description_list_title.js +2 -1
  655. package/test-env/components/drag_and_drop/draggable.js +2 -1
  656. package/test-env/components/drag_and_drop/droppable.js +2 -1
  657. package/test-env/components/empty_prompt/empty_prompt.js +1 -0
  658. package/test-env/components/error_boundary/error_boundary.js +1 -0
  659. package/test-env/components/expression/expression.js +13 -2
  660. package/test-env/components/facet/facet_button.js +2 -1
  661. package/test-env/components/facet/facet_group.js +1 -0
  662. package/test-env/components/filter_group/filter_group.js +1 -0
  663. package/test-env/components/filter_group/filter_select_item.js +2 -1
  664. package/test-env/components/flex/flex_grid.js +1 -0
  665. package/test-env/components/flex/flex_group.js +2 -1
  666. package/test-env/components/flex/flex_item.js +1 -0
  667. package/test-env/components/flyout/flyout_body.js +1 -0
  668. package/test-env/components/flyout/flyout_footer.js +2 -1
  669. package/test-env/components/flyout/flyout_header.js +1 -0
  670. package/test-env/components/form/checkbox/checkbox.js +4 -2
  671. package/test-env/components/form/checkbox/checkbox_group.js +2 -0
  672. package/test-env/components/form/described_form_group/described_form_group.js +1 -0
  673. package/test-env/components/form/field_number/field_number.js +1 -0
  674. package/test-env/components/form/field_password/field_password.js +1 -0
  675. package/test-env/components/form/field_search/field_search.js +2 -1
  676. package/test-env/components/form/field_text/field_text.js +1 -0
  677. package/test-env/components/form/file_picker/file_picker.js +2 -1
  678. package/test-env/components/form/form.js +1 -0
  679. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -0
  680. package/test-env/components/form/form_control_layout/form_control_layout_clear_button.js +1 -0
  681. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -0
  682. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +1 -0
  683. package/test-env/components/form/form_error_text/form_error_text.js +2 -1
  684. package/test-env/components/form/form_fieldset/form_fieldset.js +3 -1
  685. package/test-env/components/form/form_fieldset/form_legend.js +1 -0
  686. package/test-env/components/form/form_help_text/form_help_text.js +2 -1
  687. package/test-env/components/form/form_label/form_label.js +2 -1
  688. package/test-env/components/form/form_row/form_row.js +1 -0
  689. package/test-env/components/form/radio/radio.js +3 -1
  690. package/test-env/components/form/radio/radio_group.js +2 -0
  691. package/test-env/components/form/range/dual_range.js +2 -1
  692. package/test-env/components/form/range/range.js +4 -2
  693. package/test-env/components/form/range/range_levels.js +2 -1
  694. package/test-env/components/form/range/range_slider.js +1 -0
  695. package/test-env/components/form/range/range_thumb.js +2 -1
  696. package/test-env/components/form/range/range_track.js +2 -1
  697. package/test-env/components/form/range/range_wrapper.js +2 -1
  698. package/test-env/components/form/select/select.js +1 -0
  699. package/test-env/components/form/super_select/super_select.js +1 -0
  700. package/test-env/components/form/switch/switch.js +3 -1
  701. package/test-env/components/form/text_area/text_area.js +1 -0
  702. package/test-env/components/form/validatable_control/validatable_control.js +1 -0
  703. package/test-env/components/header/header.js +1 -0
  704. package/test-env/components/header/header_alert/header_alert.js +1 -0
  705. package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -0
  706. package/test-env/components/header/header_links/header_link.js +12 -1
  707. package/test-env/components/header/header_links/header_links.js +8 -1
  708. package/test-env/components/header/header_logo.js +1 -0
  709. package/test-env/components/header/header_section/header_section.js +1 -0
  710. package/test-env/components/header/header_section/header_section_item.js +1 -0
  711. package/test-env/components/health/health.js +1 -0
  712. package/test-env/components/highlight/highlight.js +1 -0
  713. package/test-env/components/horizontal_rule/horizontal_rule.js +2 -1
  714. package/test-env/components/image/image.js +7 -1
  715. package/test-env/components/image/image_button.styles.js +1 -1
  716. package/test-env/components/key_pad_menu/key_pad_menu.js +1 -0
  717. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -0
  718. package/test-env/components/link/link.js +1 -0
  719. package/test-env/components/link/link.styles.js +6 -5
  720. package/test-env/components/list_group/list_group.js +3 -0
  721. package/test-env/components/list_group/list_group_item.js +2 -0
  722. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +5 -0
  723. package/test-env/components/loading/loading_chart.js +1 -0
  724. package/test-env/components/loading/loading_content.js +1 -0
  725. package/test-env/components/loading/loading_elastic.js +1 -0
  726. package/test-env/components/loading/loading_logo.js +1 -0
  727. package/test-env/components/loading/loading_spinner.js +1 -0
  728. package/test-env/components/mark/mark.js +1 -0
  729. package/test-env/components/markdown_editor/markdown_editor.js +2 -0
  730. package/test-env/components/markdown_editor/markdown_editor_text_area.js +1 -0
  731. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -0
  732. package/test-env/components/markdown_editor/markdown_format.js +1 -0
  733. package/test-env/components/modal/modal_body.js +2 -1
  734. package/test-env/components/modal/modal_footer.js +2 -1
  735. package/test-env/components/modal/modal_header.js +2 -1
  736. package/test-env/components/modal/modal_header_title.js +2 -1
  737. package/test-env/components/notification/notification_event.js +14 -2
  738. package/test-env/components/notification/notification_event_read_button.js +1 -0
  739. package/test-env/components/overlay_mask/overlay_mask.js +3 -1
  740. package/test-env/components/page/page.js +1 -0
  741. package/test-env/components/page/page_content/page_content.js +1 -0
  742. package/test-env/components/page/page_content/page_content_body.js +1 -0
  743. package/test-env/components/page/page_content/page_content_header.js +2 -1
  744. package/test-env/components/page/page_content/page_content_header_section.js +2 -1
  745. package/test-env/components/page/page_header/page_header.js +1 -0
  746. package/test-env/components/page/page_header/page_header_content.js +4 -0
  747. package/test-env/components/page/page_header/page_header_section.js +2 -1
  748. package/test-env/components/page/page_section/page_section.js +7 -1
  749. package/test-env/components/page/page_side_bar/page_side_bar.js +2 -1
  750. package/test-env/components/page/page_sidebar/page_sidebar.js +2 -1
  751. package/test-env/components/page/page_template.js +7 -1
  752. package/test-env/components/page_template/empty_prompt/page_empty_prompt.js +7 -1
  753. package/test-env/components/page_template/outer/page_outer.js +2 -1
  754. package/test-env/components/page_template/page_template.js +18 -3
  755. package/test-env/components/pagination/pagination.js +1 -0
  756. package/test-env/components/panel/panel.js +2 -1
  757. package/test-env/components/panel/split_panel/split_panel.js +2 -1
  758. package/test-env/components/popover/input_popover.js +1 -0
  759. package/test-env/components/popover/popover.js +10 -2
  760. package/test-env/components/popover/popover_arrow/_popover_arrow.js +1 -0
  761. package/test-env/components/popover/popover_footer.js +1 -0
  762. package/test-env/components/popover/popover_panel/_popover_panel.js +1 -0
  763. package/test-env/components/popover/popover_panel/_popover_panel.styles.js +5 -3
  764. package/test-env/components/popover/popover_title.js +1 -0
  765. package/test-env/components/progress/progress.js +7 -1
  766. package/test-env/components/provider/provider.js +31 -6
  767. package/test-env/components/resizable_container/resizable_button.js +2 -1
  768. package/test-env/components/resizable_container/resizable_container.js +2 -1
  769. package/test-env/components/resizable_container/resizable_panel.js +8 -2
  770. package/test-env/components/search_bar/search_bar.js +3 -1
  771. package/test-env/components/selectable/selectable.js +2 -0
  772. package/test-env/components/selectable/selectable_list/selectable_list.js +4 -0
  773. package/test-env/components/selectable/selectable_list/selectable_list_item.js +2 -0
  774. package/test-env/components/selectable/selectable_message/selectable_message.js +1 -0
  775. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
  776. package/test-env/components/side_nav/side_nav.js +6 -0
  777. package/test-env/components/spacer/spacer.js +1 -0
  778. package/test-env/components/stat/stat.js +1 -0
  779. package/test-env/components/steps/step.js +1 -0
  780. package/test-env/components/steps/step_horizontal.js +2 -1
  781. package/test-env/components/steps/step_number.js +2 -1
  782. package/test-env/components/steps/steps.js +2 -1
  783. package/test-env/components/steps/steps_horizontal.js +2 -1
  784. package/test-env/components/steps/sub_steps.js +2 -1
  785. package/test-env/components/suggest/suggest.js +2 -0
  786. package/test-env/components/suggest/suggest_item.js +1 -0
  787. package/test-env/components/table/mobile/table_header_mobile.js +2 -1
  788. package/test-env/components/table/mobile/table_sort_mobile_item.js +2 -1
  789. package/test-env/components/table/table.js +2 -1
  790. package/test-env/components/table/table_body.js +1 -0
  791. package/test-env/components/table/table_footer.js +2 -1
  792. package/test-env/components/table/table_footer_cell.js +1 -0
  793. package/test-env/components/table/table_header.js +1 -0
  794. package/test-env/components/table/table_header_button.js +1 -0
  795. package/test-env/components/table/table_header_cell.js +1 -0
  796. package/test-env/components/table/table_header_cell_checkbox.js +1 -0
  797. package/test-env/components/table/table_row.js +1 -0
  798. package/test-env/components/table/table_row_cell.js +1 -0
  799. package/test-env/components/table/table_row_cell_checkbox.js +2 -1
  800. package/test-env/components/tabs/tab.js +1 -0
  801. package/test-env/components/tabs/tabbed_content/tabbed_content.js +7 -3
  802. package/test-env/components/text/text.js +1 -0
  803. package/test-env/components/text/text.styles.js +1 -1
  804. package/test-env/components/text/text_align.js +1 -0
  805. package/test-env/components/text/text_color.js +1 -0
  806. package/test-env/components/timeline/timeline.js +4 -2
  807. package/test-env/components/timeline/timeline_item.js +2 -1
  808. package/test-env/components/title/title.js +1 -0
  809. package/test-env/components/toast/global_toast_list.js +4 -2
  810. package/test-env/components/toast/global_toast_list.styles.js +1 -1
  811. package/test-env/components/toast/global_toast_list_item.js +1 -0
  812. package/test-env/components/toast/toast.js +2 -1
  813. package/test-env/components/tool_tip/tool_tip_popover.js +1 -0
  814. package/test-env/components/tour/tour.js +1 -71
  815. package/test-env/components/tour/tour.styles.js +79 -0
  816. package/test-env/components/tour/tour_step.js +31 -5
  817. package/test-env/components/tour/tour_step_indicator.js +24 -20
  818. package/test-env/components/tree_view/tree_view.js +1 -0
  819. package/test-env/global_styling/functions/logicals.js +21 -4
  820. package/test-env/global_styling/mixins/_helpers.js +17 -6
  821. package/test-env/global_styling/mixins/_responsive.js +18 -14
  822. package/test-env/global_styling/mixins/_states.js +3 -4
  823. package/test-env/global_styling/mixins/_typography.js +4 -1
  824. package/test-env/global_styling/reset/global_styles.js +1 -1
  825. package/test-env/global_styling/utility/utility.js +16 -3
  826. package/test-env/global_styling/variables/breakpoint.js +3 -1
  827. package/test-env/services/breakpoint/_sorting.js +45 -0
  828. package/test-env/services/breakpoint/current_breakpoint.js +19 -5
  829. package/test-env/services/breakpoint/current_breakpoint_hook.js +9 -2
  830. package/test-env/services/breakpoint/index.js +4 -17
  831. package/test-env/services/breakpoint/is_within_hooks.js +82 -0
  832. package/test-env/services/index.js +14 -42
  833. package/test-env/services/theme/hooks.js +10 -15
  834. package/es/services/breakpoint/breakpoint.js +0 -86
  835. package/es/services/breakpoint/useIsWithinBreakpoints.js +0 -24
  836. package/lib/services/breakpoint/breakpoint.js +0 -105
  837. package/lib/services/breakpoint/useIsWithinBreakpoints.js +0 -34
  838. package/optimize/es/services/breakpoint/breakpoint.js +0 -86
  839. package/optimize/es/services/breakpoint/useIsWithinBreakpoints.js +0 -24
  840. package/optimize/lib/services/breakpoint/breakpoint.js +0 -105
  841. package/optimize/lib/services/breakpoint/useIsWithinBreakpoints.js +0 -34
  842. package/src/components/tour/_index.scss +0 -2
  843. package/src/components/tour/_tour.scss +0 -68
  844. package/src/components/tour/_tour_step_indicator.scss +0 -3
  845. package/test-env/services/breakpoint/breakpoint.js +0 -105
  846. package/test-env/services/breakpoint/useIsWithinBreakpoints.js +0 -34
@@ -91,6 +91,7 @@ EuiDataGridHeaderRow.propTypes = {
91
91
  className: _propTypes.default.string,
92
92
  "aria-label": _propTypes.default.string,
93
93
  "data-test-subj": _propTypes.default.string,
94
+ css: _propTypes.default.any,
94
95
  leadingControlColumns: _propTypes.default.arrayOf(_propTypes.default.shape({
95
96
  /**
96
97
  * Used as the React `key` when rendering content
@@ -195,6 +196,7 @@ EuiDataGridHeaderRow.propTypes = {
195
196
  className: _propTypes.default.string,
196
197
  "aria-label": _propTypes.default.string,
197
198
  "data-test-subj": _propTypes.default.string,
199
+ css: _propTypes.default.any,
198
200
 
199
201
  /**
200
202
  * Size of the label text
@@ -300,6 +302,7 @@ EuiDataGridHeaderRow.propTypes = {
300
302
  isLoading: _propTypes.default.bool,
301
303
  className: _propTypes.default.string,
302
304
  "data-test-subj": _propTypes.default.string,
305
+ css: _propTypes.default.any,
303
306
  buttonRef: _propTypes.default.any,
304
307
  alwaysShow: _propTypes.default.bool
305
308
  }),
@@ -329,6 +332,7 @@ EuiDataGridHeaderRow.propTypes = {
329
332
  className: _propTypes.default.string,
330
333
  "aria-label": _propTypes.default.string,
331
334
  "data-test-subj": _propTypes.default.string,
335
+ css: _propTypes.default.any,
332
336
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
333
337
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
334
338
  label: _propTypes.default.node.isRequired,
@@ -356,6 +360,7 @@ EuiDataGridHeaderRow.propTypes = {
356
360
  isLoading: _propTypes.default.bool,
357
361
  className: _propTypes.default.string,
358
362
  "data-test-subj": _propTypes.default.string,
363
+ css: _propTypes.default.any,
359
364
  buttonRef: _propTypes.default.any,
360
365
  alwaysShow: _propTypes.default.bool
361
366
  }),
@@ -371,6 +376,7 @@ EuiDataGridHeaderRow.propTypes = {
371
376
  className: _propTypes.default.string,
372
377
  "aria-label": _propTypes.default.string,
373
378
  "data-test-subj": _propTypes.default.string,
379
+ css: _propTypes.default.any,
374
380
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
375
381
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
376
382
  label: _propTypes.default.node.isRequired,
@@ -398,6 +404,7 @@ EuiDataGridHeaderRow.propTypes = {
398
404
  isLoading: _propTypes.default.bool,
399
405
  className: _propTypes.default.string,
400
406
  "data-test-subj": _propTypes.default.string,
407
+ css: _propTypes.default.any,
401
408
  buttonRef: _propTypes.default.any,
402
409
  alwaysShow: _propTypes.default.bool
403
410
  }),
@@ -413,6 +420,7 @@ EuiDataGridHeaderRow.propTypes = {
413
420
  className: _propTypes.default.string,
414
421
  "aria-label": _propTypes.default.string,
415
422
  "data-test-subj": _propTypes.default.string,
423
+ css: _propTypes.default.any,
416
424
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
417
425
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
418
426
  label: _propTypes.default.node.isRequired,
@@ -440,6 +448,7 @@ EuiDataGridHeaderRow.propTypes = {
440
448
  isLoading: _propTypes.default.bool,
441
449
  className: _propTypes.default.string,
442
450
  "data-test-subj": _propTypes.default.string,
451
+ css: _propTypes.default.any,
443
452
  buttonRef: _propTypes.default.any,
444
453
  alwaysShow: _propTypes.default.bool
445
454
  }),
@@ -455,6 +464,7 @@ EuiDataGridHeaderRow.propTypes = {
455
464
  className: _propTypes.default.string,
456
465
  "aria-label": _propTypes.default.string,
457
466
  "data-test-subj": _propTypes.default.string,
467
+ css: _propTypes.default.any,
458
468
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
459
469
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
460
470
  label: _propTypes.default.node.isRequired,
@@ -482,6 +492,7 @@ EuiDataGridHeaderRow.propTypes = {
482
492
  isLoading: _propTypes.default.bool,
483
493
  className: _propTypes.default.string,
484
494
  "data-test-subj": _propTypes.default.string,
495
+ css: _propTypes.default.any,
485
496
  buttonRef: _propTypes.default.any,
486
497
  alwaysShow: _propTypes.default.bool
487
498
  }),
@@ -497,6 +508,7 @@ EuiDataGridHeaderRow.propTypes = {
497
508
  className: _propTypes.default.string,
498
509
  "aria-label": _propTypes.default.string,
499
510
  "data-test-subj": _propTypes.default.string,
511
+ css: _propTypes.default.any,
500
512
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
501
513
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
502
514
  label: _propTypes.default.node.isRequired,
@@ -524,6 +536,7 @@ EuiDataGridHeaderRow.propTypes = {
524
536
  isLoading: _propTypes.default.bool,
525
537
  className: _propTypes.default.string,
526
538
  "data-test-subj": _propTypes.default.string,
539
+ css: _propTypes.default.any,
527
540
  buttonRef: _propTypes.default.any,
528
541
  alwaysShow: _propTypes.default.bool
529
542
  }),
@@ -419,6 +419,7 @@ EuiDataGrid.propTypes = {
419
419
  className: _propTypes.default.string,
420
420
  "aria-label": _propTypes.default.string,
421
421
  "data-test-subj": _propTypes.default.string,
422
+ css: _propTypes.default.any,
422
423
 
423
424
  /**
424
425
  * An array of #EuiDataGridColumn objects. Lists the columns available and the schema and settings tied to it.
@@ -485,6 +486,7 @@ EuiDataGrid.propTypes = {
485
486
  className: _propTypes.default.string,
486
487
  "aria-label": _propTypes.default.string,
487
488
  "data-test-subj": _propTypes.default.string,
489
+ css: _propTypes.default.any,
488
490
 
489
491
  /**
490
492
  * Size of the label text
@@ -590,6 +592,7 @@ EuiDataGrid.propTypes = {
590
592
  isLoading: _propTypes.default.bool,
591
593
  className: _propTypes.default.string,
592
594
  "data-test-subj": _propTypes.default.string,
595
+ css: _propTypes.default.any,
593
596
  buttonRef: _propTypes.default.any,
594
597
  alwaysShow: _propTypes.default.bool
595
598
  }),
@@ -619,6 +622,7 @@ EuiDataGrid.propTypes = {
619
622
  className: _propTypes.default.string,
620
623
  "aria-label": _propTypes.default.string,
621
624
  "data-test-subj": _propTypes.default.string,
625
+ css: _propTypes.default.any,
622
626
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
623
627
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
624
628
  label: _propTypes.default.node.isRequired,
@@ -646,6 +650,7 @@ EuiDataGrid.propTypes = {
646
650
  isLoading: _propTypes.default.bool,
647
651
  className: _propTypes.default.string,
648
652
  "data-test-subj": _propTypes.default.string,
653
+ css: _propTypes.default.any,
649
654
  buttonRef: _propTypes.default.any,
650
655
  alwaysShow: _propTypes.default.bool
651
656
  }),
@@ -661,6 +666,7 @@ EuiDataGrid.propTypes = {
661
666
  className: _propTypes.default.string,
662
667
  "aria-label": _propTypes.default.string,
663
668
  "data-test-subj": _propTypes.default.string,
669
+ css: _propTypes.default.any,
664
670
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
665
671
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
666
672
  label: _propTypes.default.node.isRequired,
@@ -688,6 +694,7 @@ EuiDataGrid.propTypes = {
688
694
  isLoading: _propTypes.default.bool,
689
695
  className: _propTypes.default.string,
690
696
  "data-test-subj": _propTypes.default.string,
697
+ css: _propTypes.default.any,
691
698
  buttonRef: _propTypes.default.any,
692
699
  alwaysShow: _propTypes.default.bool
693
700
  }),
@@ -703,6 +710,7 @@ EuiDataGrid.propTypes = {
703
710
  className: _propTypes.default.string,
704
711
  "aria-label": _propTypes.default.string,
705
712
  "data-test-subj": _propTypes.default.string,
713
+ css: _propTypes.default.any,
706
714
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
707
715
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
708
716
  label: _propTypes.default.node.isRequired,
@@ -730,6 +738,7 @@ EuiDataGrid.propTypes = {
730
738
  isLoading: _propTypes.default.bool,
731
739
  className: _propTypes.default.string,
732
740
  "data-test-subj": _propTypes.default.string,
741
+ css: _propTypes.default.any,
733
742
  buttonRef: _propTypes.default.any,
734
743
  alwaysShow: _propTypes.default.bool
735
744
  }),
@@ -745,6 +754,7 @@ EuiDataGrid.propTypes = {
745
754
  className: _propTypes.default.string,
746
755
  "aria-label": _propTypes.default.string,
747
756
  "data-test-subj": _propTypes.default.string,
757
+ css: _propTypes.default.any,
748
758
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
749
759
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
750
760
  label: _propTypes.default.node.isRequired,
@@ -772,6 +782,7 @@ EuiDataGrid.propTypes = {
772
782
  isLoading: _propTypes.default.bool,
773
783
  className: _propTypes.default.string,
774
784
  "data-test-subj": _propTypes.default.string,
785
+ css: _propTypes.default.any,
775
786
  buttonRef: _propTypes.default.any,
776
787
  alwaysShow: _propTypes.default.bool
777
788
  }),
@@ -787,6 +798,7 @@ EuiDataGrid.propTypes = {
787
798
  className: _propTypes.default.string,
788
799
  "aria-label": _propTypes.default.string,
789
800
  "data-test-subj": _propTypes.default.string,
801
+ css: _propTypes.default.any,
790
802
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
791
803
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
792
804
  label: _propTypes.default.node.isRequired,
@@ -814,6 +826,7 @@ EuiDataGrid.propTypes = {
814
826
  isLoading: _propTypes.default.bool,
815
827
  className: _propTypes.default.string,
816
828
  "data-test-subj": _propTypes.default.string,
829
+ css: _propTypes.default.any,
817
830
  buttonRef: _propTypes.default.any,
818
831
  alwaysShow: _propTypes.default.bool
819
832
  }),
@@ -289,6 +289,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
289
289
  className: _propTypes.default.string,
290
290
  "aria-label": _propTypes.default.string,
291
291
  "data-test-subj": _propTypes.default.string,
292
+ css: _propTypes.default.any,
292
293
 
293
294
  /**
294
295
  * Size of the label text
@@ -394,6 +395,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
394
395
  isLoading: _propTypes.default.bool,
395
396
  className: _propTypes.default.string,
396
397
  "data-test-subj": _propTypes.default.string,
398
+ css: _propTypes.default.any,
397
399
  buttonRef: _propTypes.default.any,
398
400
  alwaysShow: _propTypes.default.bool
399
401
  }),
@@ -423,6 +425,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
423
425
  className: _propTypes.default.string,
424
426
  "aria-label": _propTypes.default.string,
425
427
  "data-test-subj": _propTypes.default.string,
428
+ css: _propTypes.default.any,
426
429
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
427
430
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
428
431
  label: _propTypes.default.node.isRequired,
@@ -450,6 +453,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
450
453
  isLoading: _propTypes.default.bool,
451
454
  className: _propTypes.default.string,
452
455
  "data-test-subj": _propTypes.default.string,
456
+ css: _propTypes.default.any,
453
457
  buttonRef: _propTypes.default.any,
454
458
  alwaysShow: _propTypes.default.bool
455
459
  }),
@@ -465,6 +469,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
465
469
  className: _propTypes.default.string,
466
470
  "aria-label": _propTypes.default.string,
467
471
  "data-test-subj": _propTypes.default.string,
472
+ css: _propTypes.default.any,
468
473
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
469
474
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
470
475
  label: _propTypes.default.node.isRequired,
@@ -492,6 +497,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
492
497
  isLoading: _propTypes.default.bool,
493
498
  className: _propTypes.default.string,
494
499
  "data-test-subj": _propTypes.default.string,
500
+ css: _propTypes.default.any,
495
501
  buttonRef: _propTypes.default.any,
496
502
  alwaysShow: _propTypes.default.bool
497
503
  }),
@@ -507,6 +513,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
507
513
  className: _propTypes.default.string,
508
514
  "aria-label": _propTypes.default.string,
509
515
  "data-test-subj": _propTypes.default.string,
516
+ css: _propTypes.default.any,
510
517
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
511
518
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
512
519
  label: _propTypes.default.node.isRequired,
@@ -534,6 +541,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
534
541
  isLoading: _propTypes.default.bool,
535
542
  className: _propTypes.default.string,
536
543
  "data-test-subj": _propTypes.default.string,
544
+ css: _propTypes.default.any,
537
545
  buttonRef: _propTypes.default.any,
538
546
  alwaysShow: _propTypes.default.bool
539
547
  }),
@@ -549,6 +557,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
549
557
  className: _propTypes.default.string,
550
558
  "aria-label": _propTypes.default.string,
551
559
  "data-test-subj": _propTypes.default.string,
560
+ css: _propTypes.default.any,
552
561
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
553
562
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
554
563
  label: _propTypes.default.node.isRequired,
@@ -576,6 +585,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
576
585
  isLoading: _propTypes.default.bool,
577
586
  className: _propTypes.default.string,
578
587
  "data-test-subj": _propTypes.default.string,
588
+ css: _propTypes.default.any,
579
589
  buttonRef: _propTypes.default.any,
580
590
  alwaysShow: _propTypes.default.bool
581
591
  }),
@@ -591,6 +601,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
591
601
  className: _propTypes.default.string,
592
602
  "aria-label": _propTypes.default.string,
593
603
  "data-test-subj": _propTypes.default.string,
604
+ css: _propTypes.default.any,
594
605
  size: _propTypes.default.oneOf(["xs", "s", "m", "l"]),
595
606
  color: _propTypes.default.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
596
607
  label: _propTypes.default.node.isRequired,
@@ -618,6 +629,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
618
629
  isLoading: _propTypes.default.bool,
619
630
  className: _propTypes.default.string,
620
631
  "data-test-subj": _propTypes.default.string,
632
+ css: _propTypes.default.any,
621
633
  buttonRef: _propTypes.default.any,
622
634
  alwaysShow: _propTypes.default.bool
623
635
  }),
@@ -212,7 +212,12 @@ EuiAutoRefreshButton.propTypes = {
212
212
  /**
213
213
  * Object of props passed to the <span/> wrapping the button's content
214
214
  */
215
- contentProps: _propTypes.default.any,
215
+ contentProps: _propTypes.default.shape({
216
+ className: _propTypes.default.string,
217
+ "aria-label": _propTypes.default.string,
218
+ "data-test-subj": _propTypes.default.string,
219
+ css: _propTypes.default.any
220
+ }),
216
221
 
217
222
  /**
218
223
  * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
@@ -222,10 +227,12 @@ EuiAutoRefreshButton.propTypes = {
222
227
  className: _propTypes.default.string,
223
228
  "aria-label": _propTypes.default.string,
224
229
  "data-test-subj": _propTypes.default.string,
230
+ css: _propTypes.default.any,
225
231
  ref: _propTypes.default.any,
226
232
  "data-text": _propTypes.default.string
227
233
  }),
228
234
  className: _propTypes.default.string,
229
235
  "aria-label": _propTypes.default.string,
230
- "data-test-subj": _propTypes.default.string
236
+ "data-test-subj": _propTypes.default.string,
237
+ css: _propTypes.default.any
231
238
  };
@@ -220,6 +220,7 @@ EuiDatePicker.propTypes = {
220
220
  className: _propTypes.default.string,
221
221
  "aria-label": _propTypes.default.string,
222
222
  "data-test-subj": _propTypes.default.string,
223
+ css: _propTypes.default.any,
223
224
 
224
225
  /**
225
226
  * Applies classes to the numbered days provided. Check docs for example.
@@ -23,7 +23,7 @@ var _icon = require("../icon");
23
23
 
24
24
  var _react2 = require("@emotion/react");
25
25
 
26
- var _excluded = ["children", "className", "startDateControl", "endDateControl", "iconType", "fullWidth", "isCustom", "readOnly", "isInvalid", "disabled"];
26
+ var _excluded = ["children", "className", "startDateControl", "endDateControl", "iconType", "fullWidth", "isCustom", "readOnly", "isInvalid", "disabled", "onFocus", "onBlur"];
27
27
 
28
28
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
29
 
@@ -41,6 +41,8 @@ var EuiDatePickerRange = function EuiDatePickerRange(_ref) {
41
41
  readOnly = _ref.readOnly,
42
42
  isInvalid = _ref.isInvalid,
43
43
  disabled = _ref.disabled,
44
+ _onFocus = _ref.onFocus,
45
+ _onBlur = _ref.onBlur,
44
46
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
45
47
  var classes = (0, _classnames.default)('euiDatePickerRange', {
46
48
  'euiDatePickerRange--fullWidth': fullWidth,
@@ -59,7 +61,19 @@ var EuiDatePickerRange = function EuiDatePickerRange(_ref) {
59
61
  readOnly: readOnly,
60
62
  disabled: disabled || startDateControl.props.disabled,
61
63
  isInvalid: isInvalid || startDateControl.props.isInvalid,
62
- className: (0, _classnames.default)('euiDatePickerRange__start', startDateControl.props.className)
64
+ className: (0, _classnames.default)('euiDatePickerRange__start', startDateControl.props.className),
65
+ onBlur: function onBlur(event) {
66
+ var _startDateControl$pro, _startDateControl$pro2;
67
+
68
+ (_startDateControl$pro = startDateControl.props) === null || _startDateControl$pro === void 0 ? void 0 : (_startDateControl$pro2 = _startDateControl$pro.onBlur) === null || _startDateControl$pro2 === void 0 ? void 0 : _startDateControl$pro2.call(_startDateControl$pro, event);
69
+ _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(event);
70
+ },
71
+ onFocus: function onFocus(event) {
72
+ var _startDateControl$pro3, _startDateControl$pro4;
73
+
74
+ (_startDateControl$pro3 = startDateControl.props) === null || _startDateControl$pro3 === void 0 ? void 0 : (_startDateControl$pro4 = _startDateControl$pro3.onFocus) === null || _startDateControl$pro4 === void 0 ? void 0 : _startDateControl$pro4.call(_startDateControl$pro3, event);
75
+ _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(event);
76
+ }
63
77
  });
64
78
  endControl = /*#__PURE__*/(0, _react.cloneElement)(endDateControl, {
65
79
  showIcon: false,
@@ -68,7 +82,19 @@ var EuiDatePickerRange = function EuiDatePickerRange(_ref) {
68
82
  disabled: disabled || endDateControl.props.disabled,
69
83
  isInvalid: isInvalid || endDateControl.props.isInvalid,
70
84
  popoverPlacement: 'downRight',
71
- className: (0, _classnames.default)('euiDatePickerRange__end', endDateControl.props.className)
85
+ className: (0, _classnames.default)('euiDatePickerRange__end', endDateControl.props.className),
86
+ onBlur: function onBlur(event) {
87
+ var _endDateControl$props, _endDateControl$props2;
88
+
89
+ (_endDateControl$props = endDateControl.props) === null || _endDateControl$props === void 0 ? void 0 : (_endDateControl$props2 = _endDateControl$props.onBlur) === null || _endDateControl$props2 === void 0 ? void 0 : _endDateControl$props2.call(_endDateControl$props, event);
90
+ _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(event);
91
+ },
92
+ onFocus: function onFocus(event) {
93
+ var _endDateControl$props3, _endDateControl$props4;
94
+
95
+ (_endDateControl$props3 = endDateControl.props) === null || _endDateControl$props3 === void 0 ? void 0 : (_endDateControl$props4 = _endDateControl$props3.onFocus) === null || _endDateControl$props4 === void 0 ? void 0 : _endDateControl$props4.call(_endDateControl$props3, event);
96
+ _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(event);
97
+ }
72
98
  });
73
99
  }
74
100
 
@@ -88,6 +114,7 @@ EuiDatePickerRange.propTypes = {
88
114
  className: _propTypes.default.string,
89
115
  "aria-label": _propTypes.default.string,
90
116
  "data-test-subj": _propTypes.default.string,
117
+ css: _propTypes.default.any,
91
118
 
92
119
  /**
93
120
  * Including any children will replace all innards with the provided children
@@ -128,5 +155,19 @@ EuiDatePickerRange.propTypes = {
128
155
  * Passes through to each control
129
156
  */
130
157
  readOnly: _propTypes.default.bool,
131
- fullWidth: _propTypes.default.bool
158
+
159
+ /**
160
+ * Passes through to each control
161
+ */
162
+ fullWidth: _propTypes.default.bool,
163
+
164
+ /**
165
+ * Triggered whenever the start or end controls are blurred
166
+ */
167
+ onBlur: _propTypes.default.any,
168
+
169
+ /**
170
+ * Triggered whenever the start or end controls are focused
171
+ */
172
+ onFocus: _propTypes.default.any
132
173
  };
@@ -100,7 +100,12 @@ var EuiDatePopoverButton = function EuiDatePopoverButton(props) {
100
100
  exports.EuiDatePopoverButton = EuiDatePopoverButton;
101
101
  EuiDatePopoverButton.propTypes = {
102
102
  className: _propTypes.default.string,
103
- buttonProps: _propTypes.default.any,
103
+ buttonProps: _propTypes.default.shape({
104
+ className: _propTypes.default.string,
105
+ "aria-label": _propTypes.default.string,
106
+ "data-test-subj": _propTypes.default.string,
107
+ css: _propTypes.default.any
108
+ }),
104
109
  dateFormat: _propTypes.default.string.isRequired,
105
110
  isDisabled: _propTypes.default.bool,
106
111
  isInvalid: _propTypes.default.bool,
@@ -498,6 +498,7 @@ EuiSuperDatePickerInternal.propTypes = {
498
498
  className: _propTypes.default.string,
499
499
  "aria-label": _propTypes.default.string,
500
500
  "data-test-subj": _propTypes.default.string,
501
+ css: _propTypes.default.any,
501
502
  // The below options are marked as required because they have default fallbacks
502
503
  commonlyUsedRanges: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape({
503
504
  end: _propTypes.default.oneOfType([_propTypes.default.oneOf(["now"]), _propTypes.default.string.isRequired]).isRequired,
@@ -702,6 +703,7 @@ EuiSuperDatePicker.propTypes = {
702
703
  className: _propTypes.default.string,
703
704
  "aria-label": _propTypes.default.string,
704
705
  "data-test-subj": _propTypes.default.string,
706
+ css: _propTypes.default.any,
705
707
  commonlyUsedRanges: _propTypes.default.arrayOf(_propTypes.default.shape({
706
708
  end: _propTypes.default.oneOfType([_propTypes.default.oneOf(["now"]), _propTypes.default.string.isRequired]).isRequired,
707
709
  label: _propTypes.default.string,
@@ -84,6 +84,7 @@ EuiDescriptionList.propTypes = {
84
84
  className: _propTypes.default.string,
85
85
  "aria-label": _propTypes.default.string,
86
86
  "data-test-subj": _propTypes.default.string,
87
+ css: _propTypes.default.any,
87
88
  listItems: _propTypes.default.arrayOf(_propTypes.default.shape({
88
89
  title: _propTypes.default.any.isRequired,
89
90
  description: _propTypes.default.any.isRequired
@@ -116,7 +117,8 @@ EuiDescriptionList.propTypes = {
116
117
  titleProps: _propTypes.default.shape({
117
118
  className: _propTypes.default.string,
118
119
  "aria-label": _propTypes.default.string,
119
- "data-test-subj": _propTypes.default.string
120
+ "data-test-subj": _propTypes.default.string,
121
+ css: _propTypes.default.any
120
122
  }),
121
123
 
122
124
  /**
@@ -125,6 +127,7 @@ EuiDescriptionList.propTypes = {
125
127
  descriptionProps: _propTypes.default.shape({
126
128
  className: _propTypes.default.string,
127
129
  "aria-label": _propTypes.default.string,
128
- "data-test-subj": _propTypes.default.string
130
+ "data-test-subj": _propTypes.default.string,
131
+ css: _propTypes.default.any
129
132
  })
130
133
  };
@@ -76,5 +76,6 @@ exports.EuiDescriptionListDescription = EuiDescriptionListDescription;
76
76
  EuiDescriptionListDescription.propTypes = {
77
77
  className: _propTypes.default.string,
78
78
  "aria-label": _propTypes.default.string,
79
- "data-test-subj": _propTypes.default.string
79
+ "data-test-subj": _propTypes.default.string,
80
+ css: _propTypes.default.any
80
81
  };
@@ -76,5 +76,6 @@ exports.EuiDescriptionListTitle = EuiDescriptionListTitle;
76
76
  EuiDescriptionListTitle.propTypes = {
77
77
  className: _propTypes.default.string,
78
78
  "aria-label": _propTypes.default.string,
79
- "data-test-subj": _propTypes.default.string
79
+ "data-test-subj": _propTypes.default.string,
80
+ css: _propTypes.default.any
80
81
  };
@@ -138,5 +138,6 @@ EuiDraggable.propTypes = {
138
138
  spacing: _propTypes.default.oneOf(["none", "s", "m", "l"]),
139
139
  style: _propTypes.default.any,
140
140
  "aria-label": _propTypes.default.string,
141
- "data-test-subj": _propTypes.default.string
141
+ "data-test-subj": _propTypes.default.string,
142
+ css: _propTypes.default.any
142
143
  };
@@ -132,5 +132,6 @@ EuiDroppable.propTypes = {
132
132
  */
133
133
  grow: _propTypes.default.bool,
134
134
  "aria-label": _propTypes.default.string,
135
- "data-test-subj": _propTypes.default.string
135
+ "data-test-subj": _propTypes.default.string,
136
+ css: _propTypes.default.any
136
137
  };
@@ -153,6 +153,7 @@ EuiEmptyPrompt.propTypes = {
153
153
  className: _propTypes.default.string,
154
154
  "aria-label": _propTypes.default.string,
155
155
  "data-test-subj": _propTypes.default.string,
156
+ css: _propTypes.default.any,
156
157
  element: _propTypes.default.oneOf(["div"]),
157
158
 
158
159
  /**
@@ -122,6 +122,7 @@ _EuiErrorBoundary.propTypes = {
122
122
  className: _propTypes.default.string,
123
123
  "aria-label": _propTypes.default.string,
124
124
  "data-test-subj": _propTypes.default.string,
125
+ css: _propTypes.default.any,
125
126
 
126
127
  /**
127
128
  * ReactNode to render as this component's content
@@ -99,6 +99,7 @@ EuiExpression.propTypes = {
99
99
  className: _propTypes.default.string,
100
100
  "aria-label": _propTypes.default.string,
101
101
  "data-test-subj": _propTypes.default.string,
102
+ css: _propTypes.default.any,
102
103
 
103
104
  /**
104
105
  * First part of the expression
@@ -108,7 +109,12 @@ EuiExpression.propTypes = {
108
109
  * First part of the expression
109
110
  */
110
111
  description: _propTypes.default.node.isRequired,
111
- descriptionProps: _propTypes.default.any,
112
+ descriptionProps: _propTypes.default.shape({
113
+ className: _propTypes.default.string,
114
+ "aria-label": _propTypes.default.string,
115
+ "data-test-subj": _propTypes.default.string,
116
+ css: _propTypes.default.any
117
+ }),
112
118
 
113
119
  /**
114
120
  * Second part of the expression
@@ -118,7 +124,12 @@ EuiExpression.propTypes = {
118
124
  * Second part of the expression
119
125
  */
120
126
  value: _propTypes.default.node,
121
- valueProps: _propTypes.default.any,
127
+ valueProps: _propTypes.default.shape({
128
+ className: _propTypes.default.string,
129
+ "aria-label": _propTypes.default.string,
130
+ "data-test-subj": _propTypes.default.string,
131
+ css: _propTypes.default.any
132
+ }),
122
133
 
123
134
  /**
124
135
  * Color of the `description`
@@ -140,5 +140,6 @@ EuiFacetButton.propTypes = {
140
140
  quantity: _propTypes.default.number,
141
141
  className: _propTypes.default.string,
142
142
  "aria-label": _propTypes.default.string,
143
- "data-test-subj": _propTypes.default.string
143
+ "data-test-subj": _propTypes.default.string,
144
+ css: _propTypes.default.any
144
145
  };
@@ -52,6 +52,7 @@ EuiFacetGroup.propTypes = {
52
52
  className: _propTypes.default.string,
53
53
  "aria-label": _propTypes.default.string,
54
54
  "data-test-subj": _propTypes.default.string,
55
+ css: _propTypes.default.any,
55
56
 
56
57
  /**
57
58
  * Vertically in a column, or horizontally in one wrapping line
@@ -42,6 +42,7 @@ EuiFilterGroup.propTypes = {
42
42
  className: _propTypes.default.string,
43
43
  "aria-label": _propTypes.default.string,
44
44
  "data-test-subj": _propTypes.default.string,
45
+ css: _propTypes.default.any,
45
46
  children: _propTypes.default.node,
46
47
 
47
48
  /**
@@ -160,5 +160,6 @@ EuiFilterSelectItem.propTypes = {
160
160
  isFocused: _propTypes.default.bool,
161
161
  className: _propTypes.default.string,
162
162
  "aria-label": _propTypes.default.string,
163
- "data-test-subj": _propTypes.default.string
163
+ "data-test-subj": _propTypes.default.string,
164
+ css: _propTypes.default.any
164
165
  };
@@ -78,6 +78,7 @@ EuiFlexGrid.propTypes = {
78
78
  className: _propTypes.default.string,
79
79
  "aria-label": _propTypes.default.string,
80
80
  "data-test-subj": _propTypes.default.string,
81
+ css: _propTypes.default.any,
81
82
 
82
83
  /**
83
84
  * ReactNode to render as this component's content
@@ -117,6 +117,7 @@ EuiFlexGroup.propTypes = {
117
117
  wrap: _propTypes.default.bool,
118
118
  className: _propTypes.default.string,
119
119
  "aria-label": _propTypes.default.string,
120
- "data-test-subj": _propTypes.default.string
120
+ "data-test-subj": _propTypes.default.string,
121
+ css: _propTypes.default.any
121
122
  };
122
123
  EuiFlexGroup.displayName = 'EuiFlexGroup';
@@ -49,6 +49,7 @@ EuiFlexItem.propTypes = {
49
49
  className: _propTypes.default.string,
50
50
  "aria-label": _propTypes.default.string,
51
51
  "data-test-subj": _propTypes.default.string,
52
+ css: _propTypes.default.any,
52
53
  grow: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, true, false, null]),
53
54
  component: _propTypes.default.any
54
55
  };
@@ -47,6 +47,7 @@ EuiFlyoutBody.propTypes = {
47
47
  className: _propTypes.default.string,
48
48
  "aria-label": _propTypes.default.string,
49
49
  "data-test-subj": _propTypes.default.string,
50
+ css: _propTypes.default.any,
50
51
 
51
52
  /**
52
53
  * Use to display a banner at the top of the body. It is suggested to use `EuiCallOut` for it.
@@ -35,5 +35,6 @@ exports.EuiFlyoutFooter = EuiFlyoutFooter;
35
35
  EuiFlyoutFooter.propTypes = {
36
36
  className: _propTypes.default.string,
37
37
  "aria-label": _propTypes.default.string,
38
- "data-test-subj": _propTypes.default.string
38
+ "data-test-subj": _propTypes.default.string,
39
+ css: _propTypes.default.any
39
40
  };