@elastic/eui 62.2.1 → 64.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 (948) hide show
  1. package/dist/eui_charts_theme.js +330 -330
  2. package/dist/eui_charts_theme.js.map +1 -1
  3. package/dist/eui_theme_dark.css +3 -314
  4. package/dist/eui_theme_dark.json +0 -1
  5. package/dist/eui_theme_dark.json.d.ts +0 -1
  6. package/dist/eui_theme_dark.min.css +1 -1
  7. package/dist/eui_theme_light.css +3 -314
  8. package/dist/eui_theme_light.json +0 -1
  9. package/dist/eui_theme_light.json.d.ts +0 -1
  10. package/dist/eui_theme_light.min.css +1 -1
  11. package/es/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  12. package/es/components/accessibility/skip_link/skip_link.js +2 -0
  13. package/es/components/accordion/accordion.js +18 -7
  14. package/es/components/accordion/accordion.styles.js +4 -1
  15. package/es/components/aspect_ratio/aspect_ratio.js +10 -18
  16. package/es/components/avatar/avatar.js +1 -0
  17. package/es/components/badge/badge.js +1 -0
  18. package/es/components/badge/badge_group/badge_group.js +1 -0
  19. package/es/components/badge/beta_badge/beta_badge.js +1 -0
  20. package/es/components/badge/notification_badge/badge_notification.js +2 -1
  21. package/es/components/basic_table/basic_table.js +5 -2
  22. package/es/components/basic_table/in_memory_table.js +8 -3
  23. package/es/components/beacon/beacon.js +1 -0
  24. package/es/components/bottom_bar/bottom_bar.js +22 -3
  25. package/es/components/breadcrumbs/breadcrumb.js +1 -0
  26. package/es/components/breadcrumbs/breadcrumbs.js +2 -0
  27. package/es/components/button/_button_content_deprecated.js +3 -1
  28. package/es/components/button/button.js +4 -0
  29. package/es/components/button/button_display/_button_display.js +2 -0
  30. package/es/components/button/button_display/_button_display_content.js +3 -1
  31. package/es/components/button/button_empty/button_empty.js +3 -1
  32. package/es/components/button/button_group/button_group.js +4 -1
  33. package/es/components/button/button_group/button_group_button.js +2 -0
  34. package/es/components/button/button_icon/button_icon.js +1 -0
  35. package/es/components/call_out/call_out.js +1 -0
  36. package/es/components/card/card.js +3 -1
  37. package/es/components/card/card_select.js +3 -1
  38. package/es/components/code/code.js +1 -0
  39. package/es/components/code/code_block.js +1 -0
  40. package/es/components/collapsible_nav/collapsible_nav.js +8 -48
  41. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
  42. package/es/components/color_picker/color_palette_display/color_palette_display.js +1 -0
  43. package/es/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
  44. package/es/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
  45. package/es/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
  46. package/es/components/color_picker/color_picker.js +1 -0
  47. package/es/components/color_picker/color_picker_swatch.js +1 -0
  48. package/es/components/color_picker/color_stops/color_stop_thumb.js +1 -0
  49. package/es/components/color_picker/color_stops/color_stops.js +2 -1
  50. package/es/components/color_picker/hue.js +1 -0
  51. package/es/components/color_picker/saturation.js +1 -0
  52. package/es/components/combo_box/combo_box.js +2 -1
  53. package/es/components/combo_box/combo_box_input/combo_box_input.js +6 -3
  54. package/es/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
  55. package/es/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
  56. package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
  57. package/es/components/comment_list/comment.js +1 -0
  58. package/es/components/comment_list/comment_event.js +2 -1
  59. package/es/components/comment_list/comment_list.js +2 -0
  60. package/es/components/comment_list/comment_timeline.js +2 -1
  61. package/es/components/context_menu/context_menu.js +3 -1
  62. package/es/components/context_menu/context_menu_item.js +1 -0
  63. package/es/components/context_menu/context_menu_panel.js +1 -0
  64. package/es/components/control_bar/control_bar.js +3 -0
  65. package/es/components/copy/copy.js +2 -1
  66. package/es/components/datagrid/body/data_grid_body.js +12 -0
  67. package/es/components/datagrid/body/data_grid_cell.js +24 -0
  68. package/es/components/datagrid/body/header/data_grid_header_cell.js +12 -0
  69. package/es/components/datagrid/body/header/data_grid_header_row.js +13 -0
  70. package/es/components/datagrid/data_grid.js +13 -0
  71. package/es/components/datagrid/utils/in_memory.js +12 -0
  72. package/es/components/date_picker/auto_refresh/auto_refresh.js +3 -1
  73. package/es/components/date_picker/date_picker.js +1 -0
  74. package/es/components/date_picker/date_picker_range.js +45 -4
  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 +4 -2
  78. package/es/components/description_list/description_list_title.js +4 -2
  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 +1 -0
  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 +3 -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 +2 -0
  133. package/es/components/header/header_links/header_links.js +10 -2
  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 +1 -0
  142. package/es/components/index.js +1 -0
  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/list_group/list_group.js +3 -0
  147. package/es/components/list_group/list_group_item.js +2 -0
  148. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +5 -0
  149. package/es/components/loading/loading_chart.js +1 -0
  150. package/es/components/loading/loading_content.js +1 -0
  151. package/es/components/loading/loading_elastic.js +1 -0
  152. package/es/components/loading/loading_logo.js +1 -0
  153. package/es/components/loading/loading_spinner.js +1 -0
  154. package/es/components/mark/mark.js +1 -0
  155. package/es/components/markdown_editor/markdown_editor.js +2 -0
  156. package/es/components/markdown_editor/markdown_editor_text_area.js +1 -0
  157. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -0
  158. package/es/components/markdown_editor/markdown_format.js +1 -0
  159. package/es/components/modal/modal_body.js +2 -1
  160. package/es/components/modal/modal_footer.js +2 -1
  161. package/es/components/modal/modal_header.js +2 -1
  162. package/es/components/modal/modal_header_title.js +2 -1
  163. package/es/components/notification/notification_event.js +4 -1
  164. package/es/components/notification/notification_event_read_button.js +1 -0
  165. package/es/components/notification/notification_event_read_icon.js +1 -0
  166. package/es/components/overlay_mask/overlay_mask.js +3 -1
  167. package/es/components/page/_bottom_border.js +1 -0
  168. package/es/components/page/_restrict_width.js +34 -7
  169. package/es/components/page/index.js +5 -3
  170. package/es/components/page/page.js +20 -30
  171. package/es/components/page/page.styles.js +43 -0
  172. package/es/components/page/page_body/page_body.js +18 -26
  173. package/es/components/page/page_body/page_body.styles.js +16 -0
  174. package/es/components/page/page_content/index.js +4 -4
  175. package/es/components/page/page_content/page_content.js +8 -2
  176. package/es/components/page/page_content/page_content_body.js +13 -7
  177. package/es/components/page/page_content/page_content_header.js +9 -3
  178. package/es/components/page/page_content/page_content_header_section.js +9 -3
  179. package/es/components/page/page_header/page_header.js +30 -172
  180. package/es/components/page/page_header/page_header.styles.js +16 -0
  181. package/es/components/page/page_header/page_header_content.js +88 -16
  182. package/es/components/page/page_header/page_header_content.styles.js +84 -0
  183. package/es/components/page/page_header/page_header_section.js +2 -1
  184. package/es/components/page/page_section/index.js +8 -0
  185. package/es/components/page/page_section/page_section.js +103 -0
  186. package/es/components/page/page_section/page_section.styles.js +43 -0
  187. package/es/components/page/page_side_bar/index.js +1 -1
  188. package/es/components/page/page_side_bar/page_side_bar.js +10 -4
  189. package/es/components/page/page_sidebar/index.js +8 -0
  190. package/es/components/page/page_sidebar/page_sidebar.js +113 -0
  191. package/es/components/page/page_sidebar/page_sidebar.styles.js +29 -0
  192. package/es/components/page/page_template.js +61 -155
  193. package/es/components/page_template/bottom_bar/page_bottom_bar.js +102 -0
  194. package/es/components/page_template/empty_prompt/page_empty_prompt.js +108 -0
  195. package/es/components/page_template/index.js +8 -0
  196. package/es/components/page_template/inner/index.js +8 -0
  197. package/es/components/page_template/inner/page_inner.js +51 -0
  198. package/es/components/page_template/inner/page_inner.styles.js +22 -0
  199. package/es/components/page_template/outer/index.js +8 -0
  200. package/es/components/page_template/outer/page_outer.js +60 -0
  201. package/es/components/page_template/outer/page_outer.styles.js +49 -0
  202. package/es/components/page_template/page_template.js +383 -0
  203. package/es/components/pagination/pagination.js +1 -0
  204. package/es/components/pagination/pagination_button.js +2 -0
  205. package/es/components/panel/panel.js +2 -1
  206. package/es/components/panel/split_panel/split_panel.js +2 -1
  207. package/es/components/popover/input_popover.js +1 -0
  208. package/es/components/popover/popover.js +10 -2
  209. package/es/components/popover/popover_arrow/_popover_arrow.js +1 -0
  210. package/es/components/popover/popover_footer.js +1 -0
  211. package/es/components/popover/popover_panel/_popover_panel.js +1 -0
  212. package/es/components/popover/popover_panel/_popover_panel.styles.js +3 -2
  213. package/es/components/popover/popover_title.js +1 -0
  214. package/es/components/progress/progress.js +1 -0
  215. package/es/components/provider/cache/cache_provider.js +9 -3
  216. package/es/components/resizable_container/resizable_button.js +2 -1
  217. package/es/components/resizable_container/resizable_container.js +2 -1
  218. package/es/components/resizable_container/resizable_panel.js +2 -1
  219. package/es/components/search_bar/search_bar.js +3 -1
  220. package/es/components/selectable/selectable.js +2 -0
  221. package/es/components/selectable/selectable_list/selectable_list.js +4 -0
  222. package/es/components/selectable/selectable_list/selectable_list_item.js +2 -0
  223. package/es/components/selectable/selectable_message/selectable_message.js +1 -0
  224. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
  225. package/es/components/side_nav/side_nav.js +1 -0
  226. package/es/components/spacer/spacer.js +1 -0
  227. package/es/components/stat/stat.js +1 -0
  228. package/es/components/steps/step.js +1 -0
  229. package/es/components/steps/step_horizontal.js +2 -1
  230. package/es/components/steps/step_number.js +2 -1
  231. package/es/components/steps/steps.js +2 -1
  232. package/es/components/steps/steps_horizontal.js +2 -1
  233. package/es/components/steps/sub_steps.js +2 -1
  234. package/es/components/suggest/suggest.js +2 -0
  235. package/es/components/suggest/suggest_item.js +1 -0
  236. package/es/components/table/mobile/table_header_mobile.js +2 -1
  237. package/es/components/table/mobile/table_sort_mobile_item.js +2 -1
  238. package/es/components/table/table.js +2 -1
  239. package/es/components/table/table_body.js +1 -0
  240. package/es/components/table/table_footer.js +2 -1
  241. package/es/components/table/table_footer_cell.js +1 -0
  242. package/es/components/table/table_header.js +1 -0
  243. package/es/components/table/table_header_button.js +1 -0
  244. package/es/components/table/table_header_cell.js +1 -0
  245. package/es/components/table/table_header_cell_checkbox.js +1 -0
  246. package/es/components/table/table_row.js +1 -0
  247. package/es/components/table/table_row_cell.js +1 -0
  248. package/es/components/table/table_row_cell_checkbox.js +2 -1
  249. package/es/components/tabs/tab.js +1 -0
  250. package/es/components/tabs/tabbed_content/tabbed_content.js +7 -3
  251. package/es/components/text/text.js +1 -0
  252. package/es/components/text/text_align.js +1 -0
  253. package/es/components/text/text_color.js +1 -0
  254. package/es/components/timeline/timeline.js +4 -2
  255. package/es/components/timeline/timeline_item.js +2 -1
  256. package/es/components/title/title.js +1 -0
  257. package/es/components/toast/global_toast_list.js +4 -2
  258. package/es/components/toast/global_toast_list_item.js +1 -0
  259. package/es/components/toast/toast.js +2 -1
  260. package/es/components/tool_tip/tool_tip_popover.js +1 -0
  261. package/es/components/tour/tour.js +1 -214
  262. package/es/components/tour/tour.styles.js +57 -0
  263. package/es/components/tour/tour_step.js +36 -6
  264. package/es/components/tour/tour_step_indicator.js +23 -14
  265. package/es/components/tree_view/tree_view.js +1 -0
  266. package/es/global_styling/functions/logicals.js +1 -1
  267. package/es/global_styling/mixins/_helpers.js +27 -9
  268. package/es/global_styling/mixins/_responsive.js +18 -14
  269. package/es/global_styling/variables/breakpoint.js +2 -1
  270. package/es/services/breakpoint/_sorting.js +41 -0
  271. package/es/services/breakpoint/current_breakpoint.js +19 -6
  272. package/es/services/breakpoint/index.js +2 -2
  273. package/es/services/breakpoint/is_within_hooks.js +67 -0
  274. package/es/services/index.js +1 -1
  275. package/eui.d.ts +619 -369
  276. package/i18ntokens.json +20 -20
  277. package/lib/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  278. package/lib/components/accessibility/skip_link/skip_link.js +2 -0
  279. package/lib/components/accordion/accordion.js +18 -7
  280. package/lib/components/accordion/accordion.styles.js +4 -1
  281. package/lib/components/aspect_ratio/aspect_ratio.js +10 -20
  282. package/lib/components/avatar/avatar.js +1 -0
  283. package/lib/components/badge/badge.js +1 -0
  284. package/lib/components/badge/badge_group/badge_group.js +1 -0
  285. package/lib/components/badge/beta_badge/beta_badge.js +1 -0
  286. package/lib/components/badge/notification_badge/badge_notification.js +2 -1
  287. package/lib/components/basic_table/basic_table.js +5 -2
  288. package/lib/components/basic_table/in_memory_table.js +8 -3
  289. package/lib/components/beacon/beacon.js +1 -0
  290. package/lib/components/bottom_bar/bottom_bar.js +22 -3
  291. package/lib/components/breadcrumbs/breadcrumb.js +1 -0
  292. package/lib/components/breadcrumbs/breadcrumbs.js +2 -0
  293. package/lib/components/button/_button_content_deprecated.js +3 -1
  294. package/lib/components/button/button.js +4 -0
  295. package/lib/components/button/button_display/_button_display.js +2 -0
  296. package/lib/components/button/button_display/_button_display_content.js +3 -1
  297. package/lib/components/button/button_empty/button_empty.js +3 -1
  298. package/lib/components/button/button_group/button_group.js +4 -1
  299. package/lib/components/button/button_group/button_group_button.js +2 -0
  300. package/lib/components/button/button_icon/button_icon.js +1 -0
  301. package/lib/components/call_out/call_out.js +1 -0
  302. package/lib/components/card/card.js +3 -1
  303. package/lib/components/card/card_select.js +3 -1
  304. package/lib/components/code/code.js +1 -0
  305. package/lib/components/code/code_block.js +1 -0
  306. package/lib/components/collapsible_nav/collapsible_nav.js +6 -46
  307. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
  308. package/lib/components/color_picker/color_palette_display/color_palette_display.js +1 -0
  309. package/lib/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
  310. package/lib/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
  311. package/lib/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
  312. package/lib/components/color_picker/color_picker.js +1 -0
  313. package/lib/components/color_picker/color_picker_swatch.js +1 -0
  314. package/lib/components/color_picker/color_stops/color_stop_thumb.js +1 -0
  315. package/lib/components/color_picker/color_stops/color_stops.js +2 -1
  316. package/lib/components/color_picker/hue.js +1 -0
  317. package/lib/components/color_picker/saturation.js +1 -0
  318. package/lib/components/combo_box/combo_box.js +2 -1
  319. package/lib/components/combo_box/combo_box_input/combo_box_input.js +6 -3
  320. package/lib/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
  321. package/lib/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
  322. package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
  323. package/lib/components/comment_list/comment.js +1 -0
  324. package/lib/components/comment_list/comment_event.js +2 -1
  325. package/lib/components/comment_list/comment_list.js +2 -0
  326. package/lib/components/comment_list/comment_timeline.js +2 -1
  327. package/lib/components/context_menu/context_menu.js +3 -1
  328. package/lib/components/context_menu/context_menu_item.js +1 -0
  329. package/lib/components/context_menu/context_menu_panel.js +1 -0
  330. package/lib/components/control_bar/control_bar.js +3 -0
  331. package/lib/components/copy/copy.js +2 -1
  332. package/lib/components/datagrid/body/data_grid_body.js +12 -0
  333. package/lib/components/datagrid/body/data_grid_cell.js +24 -0
  334. package/lib/components/datagrid/body/header/data_grid_header_cell.js +12 -0
  335. package/lib/components/datagrid/body/header/data_grid_header_row.js +13 -0
  336. package/lib/components/datagrid/data_grid.js +13 -0
  337. package/lib/components/datagrid/utils/in_memory.js +12 -0
  338. package/lib/components/date_picker/auto_refresh/auto_refresh.js +3 -1
  339. package/lib/components/date_picker/date_picker.js +1 -0
  340. package/lib/components/date_picker/date_picker_range.js +45 -4
  341. package/lib/components/date_picker/super_date_picker/super_date_picker.js +2 -0
  342. package/lib/components/description_list/description_list.js +5 -2
  343. package/lib/components/description_list/description_list_description.js +2 -1
  344. package/lib/components/description_list/description_list_title.js +2 -1
  345. package/lib/components/drag_and_drop/draggable.js +2 -1
  346. package/lib/components/drag_and_drop/droppable.js +2 -1
  347. package/lib/components/empty_prompt/empty_prompt.js +1 -0
  348. package/lib/components/error_boundary/error_boundary.js +1 -0
  349. package/lib/components/expression/expression.js +1 -0
  350. package/lib/components/facet/facet_button.js +2 -1
  351. package/lib/components/facet/facet_group.js +1 -0
  352. package/lib/components/filter_group/filter_group.js +1 -0
  353. package/lib/components/filter_group/filter_select_item.js +2 -1
  354. package/lib/components/flex/flex_grid.js +1 -0
  355. package/lib/components/flex/flex_group.js +2 -1
  356. package/lib/components/flex/flex_item.js +1 -0
  357. package/lib/components/flyout/flyout.js +6 -33
  358. package/lib/components/flyout/flyout_body.js +1 -0
  359. package/lib/components/flyout/flyout_footer.js +2 -1
  360. package/lib/components/flyout/flyout_header.js +1 -0
  361. package/lib/components/focus_trap/focus_trap.js +1 -0
  362. package/lib/components/form/checkbox/checkbox.js +4 -2
  363. package/lib/components/form/checkbox/checkbox_group.js +2 -0
  364. package/lib/components/form/described_form_group/described_form_group.js +1 -0
  365. package/lib/components/form/field_number/field_number.js +1 -0
  366. package/lib/components/form/field_password/field_password.js +1 -0
  367. package/lib/components/form/field_search/field_search.js +2 -1
  368. package/lib/components/form/field_text/field_text.js +1 -0
  369. package/lib/components/form/file_picker/file_picker.js +2 -1
  370. package/lib/components/form/form.js +1 -0
  371. package/lib/components/form/form_control_layout/form_control_layout.js +2 -0
  372. package/lib/components/form/form_control_layout/form_control_layout_clear_button.js +1 -0
  373. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -0
  374. package/lib/components/form/form_control_layout/form_control_layout_icons.js +1 -0
  375. package/lib/components/form/form_error_text/form_error_text.js +2 -1
  376. package/lib/components/form/form_fieldset/form_fieldset.js +3 -1
  377. package/lib/components/form/form_fieldset/form_legend.js +1 -0
  378. package/lib/components/form/form_help_text/form_help_text.js +2 -1
  379. package/lib/components/form/form_label/form_label.js +2 -1
  380. package/lib/components/form/form_row/form_row.js +1 -0
  381. package/lib/components/form/radio/radio.js +3 -1
  382. package/lib/components/form/radio/radio_group.js +2 -0
  383. package/lib/components/form/range/dual_range.js +2 -1
  384. package/lib/components/form/range/range.js +4 -2
  385. package/lib/components/form/range/range_levels.js +2 -1
  386. package/lib/components/form/range/range_slider.js +1 -0
  387. package/lib/components/form/range/range_thumb.js +2 -1
  388. package/lib/components/form/range/range_track.js +2 -1
  389. package/lib/components/form/range/range_wrapper.js +2 -1
  390. package/lib/components/form/select/select.js +1 -0
  391. package/lib/components/form/super_select/super_select.js +1 -0
  392. package/lib/components/form/switch/switch.js +3 -1
  393. package/lib/components/form/text_area/text_area.js +1 -0
  394. package/lib/components/form/validatable_control/validatable_control.js +1 -0
  395. package/lib/components/header/header.js +3 -0
  396. package/lib/components/header/header_alert/header_alert.js +1 -0
  397. package/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -0
  398. package/lib/components/header/header_links/header_link.js +2 -0
  399. package/lib/components/header/header_links/header_links.js +10 -2
  400. package/lib/components/header/header_logo.js +1 -0
  401. package/lib/components/header/header_section/header_section.js +1 -0
  402. package/lib/components/header/header_section/header_section_item.js +1 -0
  403. package/lib/components/health/health.js +1 -0
  404. package/lib/components/highlight/highlight.js +1 -0
  405. package/lib/components/horizontal_rule/horizontal_rule.js +2 -1
  406. package/lib/components/icon/icon.js +1 -0
  407. package/lib/components/image/image.js +1 -0
  408. package/lib/components/index.js +13 -0
  409. package/lib/components/key_pad_menu/key_pad_menu.js +1 -0
  410. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -0
  411. package/lib/components/link/link.js +1 -0
  412. package/lib/components/list_group/list_group.js +3 -0
  413. package/lib/components/list_group/list_group_item.js +2 -0
  414. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +5 -0
  415. package/lib/components/loading/loading_chart.js +1 -0
  416. package/lib/components/loading/loading_content.js +1 -0
  417. package/lib/components/loading/loading_elastic.js +1 -0
  418. package/lib/components/loading/loading_logo.js +1 -0
  419. package/lib/components/loading/loading_spinner.js +1 -0
  420. package/lib/components/mark/mark.js +1 -0
  421. package/lib/components/markdown_editor/markdown_editor.js +2 -0
  422. package/lib/components/markdown_editor/markdown_editor_text_area.js +1 -0
  423. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -0
  424. package/lib/components/markdown_editor/markdown_format.js +1 -0
  425. package/lib/components/modal/modal_body.js +2 -1
  426. package/lib/components/modal/modal_footer.js +2 -1
  427. package/lib/components/modal/modal_header.js +2 -1
  428. package/lib/components/modal/modal_header_title.js +2 -1
  429. package/lib/components/notification/notification_event.js +4 -1
  430. package/lib/components/notification/notification_event_read_button.js +1 -0
  431. package/lib/components/overlay_mask/overlay_mask.js +3 -1
  432. package/lib/components/page/_bottom_border.js +5 -0
  433. package/lib/components/page/_restrict_width.js +38 -7
  434. package/lib/components/page/index.js +28 -12
  435. package/lib/components/page/page.js +23 -34
  436. package/lib/components/page/page.styles.js +46 -0
  437. package/lib/components/page/page_body/page_body.js +20 -29
  438. package/lib/components/page/page_body/page_body.styles.js +27 -0
  439. package/lib/components/page/page_content/index.js +8 -8
  440. package/lib/components/page/page_content/page_content.js +9 -4
  441. package/lib/components/page/page_content/page_content_body.js +14 -9
  442. package/lib/components/page/page_content/page_content_header.js +10 -5
  443. package/lib/components/page/page_content/page_content_header_section.js +10 -5
  444. package/lib/components/page/page_header/page_header.js +32 -175
  445. package/lib/components/page/page_header/page_header.styles.js +27 -0
  446. package/lib/components/page/page_header/page_header_content.js +112 -16
  447. package/lib/components/page/page_header/page_header_content.styles.js +87 -0
  448. package/lib/components/page/page_header/page_header_section.js +2 -1
  449. package/lib/components/page/page_section/index.js +13 -0
  450. package/lib/components/page/page_section/page_section.js +114 -0
  451. package/lib/components/page/page_section/page_section.styles.js +51 -0
  452. package/lib/components/page/page_side_bar/index.js +2 -2
  453. package/lib/components/page/page_side_bar/page_side_bar.js +11 -6
  454. package/lib/components/page/page_sidebar/index.js +13 -0
  455. package/lib/components/page/page_sidebar/page_sidebar.js +127 -0
  456. package/lib/components/page/page_sidebar/page_sidebar.styles.js +32 -0
  457. package/lib/components/page/page_template.js +83 -178
  458. package/lib/components/page_template/bottom_bar/page_bottom_bar.js +114 -0
  459. package/lib/components/page_template/empty_prompt/page_empty_prompt.js +117 -0
  460. package/lib/components/page_template/index.js +13 -0
  461. package/lib/components/page_template/inner/index.js +13 -0
  462. package/lib/components/page_template/inner/page_inner.js +60 -0
  463. package/lib/components/page_template/inner/page_inner.styles.js +35 -0
  464. package/lib/components/page_template/outer/index.js +13 -0
  465. package/lib/components/page_template/outer/page_outer.js +69 -0
  466. package/lib/components/page_template/outer/page_outer.styles.js +51 -0
  467. package/lib/components/page_template/page_template.js +406 -0
  468. package/lib/components/pagination/pagination.js +1 -0
  469. package/lib/components/panel/panel.js +2 -1
  470. package/lib/components/panel/split_panel/split_panel.js +2 -1
  471. package/lib/components/popover/input_popover.js +1 -0
  472. package/lib/components/popover/popover.js +10 -2
  473. package/lib/components/popover/popover_arrow/_popover_arrow.js +1 -0
  474. package/lib/components/popover/popover_footer.js +1 -0
  475. package/lib/components/popover/popover_panel/_popover_panel.js +1 -0
  476. package/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -3
  477. package/lib/components/popover/popover_title.js +1 -0
  478. package/lib/components/progress/progress.js +1 -0
  479. package/lib/components/provider/cache/cache_provider.js +11 -3
  480. package/lib/components/resizable_container/resizable_button.js +2 -1
  481. package/lib/components/resizable_container/resizable_container.js +2 -1
  482. package/lib/components/resizable_container/resizable_panel.js +2 -1
  483. package/lib/components/search_bar/search_bar.js +3 -1
  484. package/lib/components/selectable/selectable.js +2 -0
  485. package/lib/components/selectable/selectable_list/selectable_list.js +4 -0
  486. package/lib/components/selectable/selectable_list/selectable_list_item.js +2 -0
  487. package/lib/components/selectable/selectable_message/selectable_message.js +1 -0
  488. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
  489. package/lib/components/side_nav/side_nav.js +1 -0
  490. package/lib/components/spacer/spacer.js +1 -0
  491. package/lib/components/stat/stat.js +1 -0
  492. package/lib/components/steps/step.js +1 -0
  493. package/lib/components/steps/step_horizontal.js +2 -1
  494. package/lib/components/steps/step_number.js +2 -1
  495. package/lib/components/steps/steps.js +2 -1
  496. package/lib/components/steps/steps_horizontal.js +2 -1
  497. package/lib/components/steps/sub_steps.js +2 -1
  498. package/lib/components/suggest/suggest.js +2 -0
  499. package/lib/components/suggest/suggest_item.js +1 -0
  500. package/lib/components/table/mobile/table_header_mobile.js +2 -1
  501. package/lib/components/table/mobile/table_sort_mobile_item.js +2 -1
  502. package/lib/components/table/table.js +2 -1
  503. package/lib/components/table/table_body.js +1 -0
  504. package/lib/components/table/table_footer.js +2 -1
  505. package/lib/components/table/table_footer_cell.js +1 -0
  506. package/lib/components/table/table_header.js +1 -0
  507. package/lib/components/table/table_header_button.js +1 -0
  508. package/lib/components/table/table_header_cell.js +1 -0
  509. package/lib/components/table/table_header_cell_checkbox.js +1 -0
  510. package/lib/components/table/table_row.js +1 -0
  511. package/lib/components/table/table_row_cell.js +1 -0
  512. package/lib/components/table/table_row_cell_checkbox.js +2 -1
  513. package/lib/components/tabs/tab.js +1 -0
  514. package/lib/components/tabs/tabbed_content/tabbed_content.js +7 -3
  515. package/lib/components/text/text.js +1 -0
  516. package/lib/components/text/text_align.js +1 -0
  517. package/lib/components/text/text_color.js +1 -0
  518. package/lib/components/timeline/timeline.js +4 -2
  519. package/lib/components/timeline/timeline_item.js +2 -1
  520. package/lib/components/title/title.js +1 -0
  521. package/lib/components/toast/global_toast_list.js +4 -2
  522. package/lib/components/toast/global_toast_list_item.js +1 -0
  523. package/lib/components/toast/toast.js +2 -1
  524. package/lib/components/tool_tip/tool_tip_popover.js +1 -0
  525. package/lib/components/tour/tour.js +1 -71
  526. package/lib/components/tour/tour.styles.js +79 -0
  527. package/lib/components/tour/tour_step.js +31 -5
  528. package/lib/components/tour/tour_step_indicator.js +22 -19
  529. package/lib/components/tree_view/tree_view.js +1 -0
  530. package/lib/global_styling/functions/logicals.js +1 -1
  531. package/lib/global_styling/mixins/_helpers.js +27 -9
  532. package/lib/global_styling/mixins/_responsive.js +18 -14
  533. package/lib/global_styling/variables/breakpoint.js +3 -1
  534. package/lib/services/breakpoint/_sorting.js +53 -0
  535. package/lib/services/breakpoint/current_breakpoint.js +19 -5
  536. package/lib/services/breakpoint/index.js +4 -17
  537. package/lib/services/breakpoint/is_within_hooks.js +82 -0
  538. package/lib/services/index.js +14 -42
  539. package/optimize/es/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  540. package/optimize/es/components/accordion/accordion.js +9 -5
  541. package/optimize/es/components/accordion/accordion.styles.js +4 -1
  542. package/optimize/es/components/aspect_ratio/aspect_ratio.js +9 -18
  543. package/optimize/es/components/bottom_bar/bottom_bar.js +1 -1
  544. package/optimize/es/components/collapsible_nav/collapsible_nav.js +3 -38
  545. package/optimize/es/components/date_picker/date_picker_range.js +29 -3
  546. package/optimize/es/components/description_list/description_list_description.js +2 -1
  547. package/optimize/es/components/description_list/description_list_title.js +2 -1
  548. package/optimize/es/components/flyout/flyout.js +7 -34
  549. package/optimize/es/components/header/header.js +2 -0
  550. package/optimize/es/components/header/header_links/header_links.js +2 -1
  551. package/optimize/es/components/index.js +1 -0
  552. package/optimize/es/components/overlay_mask/overlay_mask.js +2 -1
  553. package/optimize/es/components/page/_bottom_border.js +1 -0
  554. package/optimize/es/components/page/_restrict_width.js +34 -7
  555. package/optimize/es/components/page/index.js +5 -3
  556. package/optimize/es/components/page/page.js +18 -28
  557. package/optimize/es/components/page/page.styles.js +43 -0
  558. package/optimize/es/components/page/page_body/page_body.js +18 -25
  559. package/optimize/es/components/page/page_body/page_body.styles.js +16 -0
  560. package/optimize/es/components/page/page_content/index.js +4 -4
  561. package/optimize/es/components/page/page_content/page_content.js +6 -1
  562. package/optimize/es/components/page/page_content/page_content_body.js +10 -5
  563. package/optimize/es/components/page/page_content/page_content_header.js +6 -1
  564. package/optimize/es/components/page/page_content/page_content_header_section.js +6 -1
  565. package/optimize/es/components/page/page_header/page_header.js +20 -32
  566. package/optimize/es/components/page/page_header/page_header.styles.js +16 -0
  567. package/optimize/es/components/page/page_header/page_header_content.js +62 -14
  568. package/optimize/es/components/page/page_header/page_header_content.styles.js +84 -0
  569. package/optimize/es/components/page/page_section/index.js +8 -0
  570. package/optimize/es/components/page/page_section/page_section.js +51 -0
  571. package/optimize/es/components/page/page_section/page_section.styles.js +43 -0
  572. package/optimize/es/components/page/page_side_bar/index.js +1 -1
  573. package/optimize/es/components/page/page_side_bar/page_side_bar.js +6 -1
  574. package/optimize/es/components/page/page_sidebar/index.js +8 -0
  575. package/optimize/es/components/page/page_sidebar/page_sidebar.js +62 -0
  576. package/optimize/es/components/page/page_sidebar/page_sidebar.styles.js +29 -0
  577. package/optimize/es/components/page/page_template.js +29 -9
  578. package/optimize/es/components/page_template/bottom_bar/page_bottom_bar.js +70 -0
  579. package/optimize/es/components/page_template/empty_prompt/page_empty_prompt.js +61 -0
  580. package/optimize/es/components/page_template/index.js +8 -0
  581. package/optimize/es/components/page_template/inner/index.js +8 -0
  582. package/optimize/es/components/page_template/inner/page_inner.js +47 -0
  583. package/optimize/es/components/page_template/inner/page_inner.styles.js +22 -0
  584. package/optimize/es/components/page_template/outer/index.js +8 -0
  585. package/optimize/es/components/page_template/outer/page_outer.js +33 -0
  586. package/optimize/es/components/page_template/outer/page_outer.styles.js +49 -0
  587. package/optimize/es/components/page_template/page_template.js +204 -0
  588. package/optimize/es/components/popover/popover.js +3 -1
  589. package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +3 -2
  590. package/optimize/es/components/provider/cache/cache_provider.js +9 -3
  591. package/optimize/es/components/tour/tour.styles.js +57 -0
  592. package/optimize/es/components/tour/tour_step.js +30 -6
  593. package/optimize/es/components/tour/tour_step_indicator.js +19 -12
  594. package/optimize/es/global_styling/functions/logicals.js +1 -1
  595. package/optimize/es/global_styling/mixins/_helpers.js +27 -9
  596. package/optimize/es/global_styling/mixins/_responsive.js +18 -14
  597. package/optimize/es/global_styling/variables/breakpoint.js +2 -1
  598. package/optimize/es/services/breakpoint/_sorting.js +31 -0
  599. package/optimize/es/services/breakpoint/current_breakpoint.js +19 -6
  600. package/optimize/es/services/breakpoint/index.js +2 -2
  601. package/optimize/es/services/breakpoint/is_within_hooks.js +67 -0
  602. package/optimize/es/services/index.js +1 -1
  603. package/optimize/lib/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  604. package/optimize/lib/components/accordion/accordion.js +9 -5
  605. package/optimize/lib/components/accordion/accordion.styles.js +4 -1
  606. package/optimize/lib/components/aspect_ratio/aspect_ratio.js +9 -20
  607. package/optimize/lib/components/bottom_bar/bottom_bar.js +1 -1
  608. package/optimize/lib/components/collapsible_nav/collapsible_nav.js +1 -37
  609. package/optimize/lib/components/date_picker/date_picker_range.js +29 -3
  610. package/optimize/lib/components/flyout/flyout.js +6 -33
  611. package/optimize/lib/components/header/header.js +2 -0
  612. package/optimize/lib/components/header/header_links/header_links.js +2 -1
  613. package/optimize/lib/components/index.js +13 -0
  614. package/optimize/lib/components/overlay_mask/overlay_mask.js +2 -1
  615. package/optimize/lib/components/page/_bottom_border.js +5 -0
  616. package/optimize/lib/components/page/_restrict_width.js +38 -7
  617. package/optimize/lib/components/page/index.js +28 -12
  618. package/optimize/lib/components/page/page.js +21 -33
  619. package/optimize/lib/components/page/page.styles.js +46 -0
  620. package/optimize/lib/components/page/page_body/page_body.js +20 -29
  621. package/optimize/lib/components/page/page_body/page_body.styles.js +27 -0
  622. package/optimize/lib/components/page/page_content/index.js +8 -8
  623. package/optimize/lib/components/page/page_content/page_content.js +7 -3
  624. package/optimize/lib/components/page/page_content/page_content_body.js +11 -7
  625. package/optimize/lib/components/page/page_content/page_content_header.js +7 -3
  626. package/optimize/lib/components/page/page_content/page_content_header_section.js +7 -3
  627. package/optimize/lib/components/page/page_header/page_header.js +22 -36
  628. package/optimize/lib/components/page/page_header/page_header.styles.js +27 -0
  629. package/optimize/lib/components/page/page_header/page_header_content.js +66 -13
  630. package/optimize/lib/components/page/page_header/page_header_content.styles.js +87 -0
  631. package/optimize/lib/components/page/page_section/index.js +13 -0
  632. package/optimize/lib/components/page/page_section/page_section.js +62 -0
  633. package/optimize/lib/components/page/page_section/page_section.styles.js +51 -0
  634. package/optimize/lib/components/page/page_side_bar/index.js +2 -2
  635. package/optimize/lib/components/page/page_side_bar/page_side_bar.js +7 -3
  636. package/optimize/lib/components/page/page_sidebar/index.js +13 -0
  637. package/optimize/lib/components/page/page_sidebar/page_sidebar.js +81 -0
  638. package/optimize/lib/components/page/page_sidebar/page_sidebar.styles.js +32 -0
  639. package/optimize/lib/components/page/page_template.js +51 -33
  640. package/optimize/lib/components/page_template/bottom_bar/page_bottom_bar.js +85 -0
  641. package/optimize/lib/components/page_template/empty_prompt/page_empty_prompt.js +71 -0
  642. package/optimize/lib/components/page_template/index.js +13 -0
  643. package/optimize/lib/components/page_template/inner/index.js +13 -0
  644. package/optimize/lib/components/page_template/inner/page_inner.js +57 -0
  645. package/optimize/lib/components/page_template/inner/page_inner.styles.js +35 -0
  646. package/optimize/lib/components/page_template/outer/index.js +13 -0
  647. package/optimize/lib/components/page_template/outer/page_outer.js +42 -0
  648. package/optimize/lib/components/page_template/outer/page_outer.styles.js +51 -0
  649. package/optimize/lib/components/page_template/page_template.js +230 -0
  650. package/optimize/lib/components/popover/popover.js +3 -1
  651. package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -3
  652. package/optimize/lib/components/provider/cache/cache_provider.js +11 -3
  653. package/optimize/lib/components/tour/tour.styles.js +79 -0
  654. package/optimize/lib/components/tour/tour_step.js +30 -5
  655. package/optimize/lib/components/tour/tour_step_indicator.js +20 -17
  656. package/optimize/lib/global_styling/functions/logicals.js +1 -1
  657. package/optimize/lib/global_styling/mixins/_helpers.js +27 -9
  658. package/optimize/lib/global_styling/mixins/_responsive.js +18 -14
  659. package/optimize/lib/global_styling/variables/breakpoint.js +3 -1
  660. package/optimize/lib/services/breakpoint/_sorting.js +45 -0
  661. package/optimize/lib/services/breakpoint/current_breakpoint.js +19 -5
  662. package/optimize/lib/services/breakpoint/index.js +4 -17
  663. package/optimize/lib/services/breakpoint/is_within_hooks.js +82 -0
  664. package/optimize/lib/services/index.js +14 -42
  665. package/package.json +2 -1
  666. package/src/components/index.scss +0 -1
  667. package/src/components/page/_index.scss +0 -5
  668. package/src/components/page/page_content/_page_content_body.scss +10 -1
  669. package/src/components/tabs/_tabs.scss +2 -0
  670. package/test-env/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  671. package/test-env/components/accessibility/skip_link/skip_link.js +2 -0
  672. package/test-env/components/accordion/accordion.js +18 -7
  673. package/test-env/components/accordion/accordion.styles.js +4 -1
  674. package/test-env/components/aspect_ratio/aspect_ratio.js +10 -20
  675. package/test-env/components/avatar/avatar.js +1 -0
  676. package/test-env/components/badge/badge.js +1 -0
  677. package/test-env/components/badge/badge_group/badge_group.js +1 -0
  678. package/test-env/components/badge/beta_badge/beta_badge.js +1 -0
  679. package/test-env/components/badge/notification_badge/badge_notification.js +2 -1
  680. package/test-env/components/basic_table/basic_table.js +5 -2
  681. package/test-env/components/basic_table/in_memory_table.js +8 -3
  682. package/test-env/components/beacon/beacon.js +1 -0
  683. package/test-env/components/bottom_bar/bottom_bar.js +22 -3
  684. package/test-env/components/breadcrumbs/breadcrumb.js +1 -0
  685. package/test-env/components/breadcrumbs/breadcrumbs.js +2 -0
  686. package/test-env/components/button/_button_content_deprecated.js +3 -1
  687. package/test-env/components/button/button.js +4 -0
  688. package/test-env/components/button/button_display/_button_display.js +2 -0
  689. package/test-env/components/button/button_display/_button_display_content.js +3 -1
  690. package/test-env/components/button/button_empty/button_empty.js +3 -1
  691. package/test-env/components/button/button_group/button_group.js +4 -1
  692. package/test-env/components/button/button_group/button_group_button.js +2 -0
  693. package/test-env/components/button/button_icon/button_icon.js +1 -0
  694. package/test-env/components/call_out/call_out.js +1 -0
  695. package/test-env/components/card/card.js +3 -1
  696. package/test-env/components/card/card_select.js +3 -1
  697. package/test-env/components/collapsible_nav/collapsible_nav.js +6 -40
  698. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
  699. package/test-env/components/color_picker/color_palette_display/color_palette_display.js +1 -0
  700. package/test-env/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
  701. package/test-env/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
  702. package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
  703. package/test-env/components/color_picker/color_picker.js +1 -0
  704. package/test-env/components/color_picker/color_picker_swatch.js +1 -0
  705. package/test-env/components/color_picker/color_stops/color_stop_thumb.js +1 -0
  706. package/test-env/components/color_picker/color_stops/color_stops.js +2 -1
  707. package/test-env/components/color_picker/hue.js +1 -0
  708. package/test-env/components/color_picker/saturation.js +1 -0
  709. package/test-env/components/combo_box/combo_box.js +2 -1
  710. package/test-env/components/combo_box/combo_box_input/combo_box_input.js +6 -3
  711. package/test-env/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
  712. package/test-env/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
  713. package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
  714. package/test-env/components/comment_list/comment.js +1 -0
  715. package/test-env/components/comment_list/comment_event.js +2 -1
  716. package/test-env/components/comment_list/comment_list.js +2 -0
  717. package/test-env/components/comment_list/comment_timeline.js +2 -1
  718. package/test-env/components/context_menu/context_menu.js +3 -1
  719. package/test-env/components/context_menu/context_menu_item.js +1 -0
  720. package/test-env/components/context_menu/context_menu_panel.js +1 -0
  721. package/test-env/components/control_bar/control_bar.js +3 -0
  722. package/test-env/components/copy/copy.js +2 -1
  723. package/test-env/components/datagrid/body/data_grid_body.js +12 -0
  724. package/test-env/components/datagrid/body/data_grid_cell.js +24 -0
  725. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +12 -0
  726. package/test-env/components/datagrid/body/header/data_grid_header_row.js +13 -0
  727. package/test-env/components/datagrid/data_grid.js +13 -0
  728. package/test-env/components/datagrid/utils/in_memory.js +12 -0
  729. package/test-env/components/date_picker/auto_refresh/auto_refresh.js +3 -1
  730. package/test-env/components/date_picker/date_picker.js +1 -0
  731. package/test-env/components/date_picker/date_picker_range.js +45 -4
  732. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +2 -0
  733. package/test-env/components/description_list/description_list.js +5 -2
  734. package/test-env/components/description_list/description_list_description.js +2 -1
  735. package/test-env/components/description_list/description_list_title.js +2 -1
  736. package/test-env/components/drag_and_drop/draggable.js +2 -1
  737. package/test-env/components/drag_and_drop/droppable.js +2 -1
  738. package/test-env/components/empty_prompt/empty_prompt.js +1 -0
  739. package/test-env/components/error_boundary/error_boundary.js +1 -0
  740. package/test-env/components/expression/expression.js +1 -0
  741. package/test-env/components/facet/facet_button.js +2 -1
  742. package/test-env/components/facet/facet_group.js +1 -0
  743. package/test-env/components/filter_group/filter_group.js +1 -0
  744. package/test-env/components/filter_group/filter_select_item.js +2 -1
  745. package/test-env/components/flex/flex_grid.js +1 -0
  746. package/test-env/components/flex/flex_group.js +2 -1
  747. package/test-env/components/flex/flex_item.js +1 -0
  748. package/test-env/components/flyout/flyout_body.js +1 -0
  749. package/test-env/components/flyout/flyout_footer.js +2 -1
  750. package/test-env/components/flyout/flyout_header.js +1 -0
  751. package/test-env/components/form/checkbox/checkbox.js +4 -2
  752. package/test-env/components/form/checkbox/checkbox_group.js +2 -0
  753. package/test-env/components/form/described_form_group/described_form_group.js +1 -0
  754. package/test-env/components/form/field_number/field_number.js +1 -0
  755. package/test-env/components/form/field_password/field_password.js +1 -0
  756. package/test-env/components/form/field_search/field_search.js +2 -1
  757. package/test-env/components/form/field_text/field_text.js +1 -0
  758. package/test-env/components/form/file_picker/file_picker.js +2 -1
  759. package/test-env/components/form/form.js +1 -0
  760. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -0
  761. package/test-env/components/form/form_control_layout/form_control_layout_clear_button.js +1 -0
  762. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -0
  763. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +1 -0
  764. package/test-env/components/form/form_error_text/form_error_text.js +2 -1
  765. package/test-env/components/form/form_fieldset/form_fieldset.js +3 -1
  766. package/test-env/components/form/form_fieldset/form_legend.js +1 -0
  767. package/test-env/components/form/form_help_text/form_help_text.js +2 -1
  768. package/test-env/components/form/form_label/form_label.js +2 -1
  769. package/test-env/components/form/form_row/form_row.js +1 -0
  770. package/test-env/components/form/radio/radio.js +3 -1
  771. package/test-env/components/form/radio/radio_group.js +2 -0
  772. package/test-env/components/form/range/dual_range.js +2 -1
  773. package/test-env/components/form/range/range.js +4 -2
  774. package/test-env/components/form/range/range_levels.js +2 -1
  775. package/test-env/components/form/range/range_slider.js +1 -0
  776. package/test-env/components/form/range/range_thumb.js +2 -1
  777. package/test-env/components/form/range/range_track.js +2 -1
  778. package/test-env/components/form/range/range_wrapper.js +2 -1
  779. package/test-env/components/form/select/select.js +1 -0
  780. package/test-env/components/form/super_select/super_select.js +1 -0
  781. package/test-env/components/form/switch/switch.js +3 -1
  782. package/test-env/components/form/text_area/text_area.js +1 -0
  783. package/test-env/components/form/validatable_control/validatable_control.js +1 -0
  784. package/test-env/components/header/header.js +3 -0
  785. package/test-env/components/header/header_alert/header_alert.js +1 -0
  786. package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -0
  787. package/test-env/components/header/header_links/header_link.js +2 -0
  788. package/test-env/components/header/header_links/header_links.js +10 -2
  789. package/test-env/components/header/header_logo.js +1 -0
  790. package/test-env/components/header/header_section/header_section.js +1 -0
  791. package/test-env/components/header/header_section/header_section_item.js +1 -0
  792. package/test-env/components/health/health.js +1 -0
  793. package/test-env/components/highlight/highlight.js +1 -0
  794. package/test-env/components/horizontal_rule/horizontal_rule.js +2 -1
  795. package/test-env/components/image/image.js +1 -0
  796. package/test-env/components/index.js +13 -0
  797. package/test-env/components/key_pad_menu/key_pad_menu.js +1 -0
  798. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -0
  799. package/test-env/components/link/link.js +1 -0
  800. package/test-env/components/list_group/list_group.js +3 -0
  801. package/test-env/components/list_group/list_group_item.js +2 -0
  802. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +5 -0
  803. package/test-env/components/loading/loading_chart.js +1 -0
  804. package/test-env/components/loading/loading_content.js +1 -0
  805. package/test-env/components/loading/loading_elastic.js +1 -0
  806. package/test-env/components/loading/loading_logo.js +1 -0
  807. package/test-env/components/loading/loading_spinner.js +1 -0
  808. package/test-env/components/mark/mark.js +1 -0
  809. package/test-env/components/markdown_editor/markdown_editor.js +2 -0
  810. package/test-env/components/markdown_editor/markdown_editor_text_area.js +1 -0
  811. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -0
  812. package/test-env/components/markdown_editor/markdown_format.js +1 -0
  813. package/test-env/components/modal/modal_body.js +2 -1
  814. package/test-env/components/modal/modal_footer.js +2 -1
  815. package/test-env/components/modal/modal_header.js +2 -1
  816. package/test-env/components/modal/modal_header_title.js +2 -1
  817. package/test-env/components/notification/notification_event.js +4 -1
  818. package/test-env/components/notification/notification_event_read_button.js +1 -0
  819. package/test-env/components/overlay_mask/overlay_mask.js +3 -1
  820. package/test-env/components/page/_bottom_border.js +5 -0
  821. package/test-env/components/page/_restrict_width.js +38 -7
  822. package/test-env/components/page/index.js +28 -12
  823. package/test-env/components/page/page.js +23 -34
  824. package/test-env/components/page/page.styles.js +46 -0
  825. package/test-env/components/page/page_body/page_body.js +20 -29
  826. package/test-env/components/page/page_body/page_body.styles.js +27 -0
  827. package/test-env/components/page/page_content/index.js +8 -8
  828. package/test-env/components/page/page_content/page_content.js +9 -4
  829. package/test-env/components/page/page_content/page_content_body.js +14 -9
  830. package/test-env/components/page/page_content/page_content_header.js +10 -5
  831. package/test-env/components/page/page_content/page_content_header_section.js +10 -5
  832. package/test-env/components/page/page_header/page_header.js +32 -175
  833. package/test-env/components/page/page_header/page_header.styles.js +27 -0
  834. package/test-env/components/page/page_header/page_header_content.js +113 -16
  835. package/test-env/components/page/page_header/page_header_content.styles.js +87 -0
  836. package/test-env/components/page/page_header/page_header_section.js +2 -1
  837. package/test-env/components/page/page_section/index.js +13 -0
  838. package/test-env/components/page/page_section/page_section.js +111 -0
  839. package/test-env/components/page/page_section/page_section.styles.js +51 -0
  840. package/test-env/components/page/page_side_bar/index.js +2 -2
  841. package/test-env/components/page/page_side_bar/page_side_bar.js +11 -6
  842. package/test-env/components/page/page_sidebar/index.js +13 -0
  843. package/test-env/components/page/page_sidebar/page_sidebar.js +116 -0
  844. package/test-env/components/page/page_sidebar/page_sidebar.styles.js +32 -0
  845. package/test-env/components/page/page_template.js +83 -179
  846. package/test-env/components/page_template/bottom_bar/page_bottom_bar.js +102 -0
  847. package/test-env/components/page_template/empty_prompt/page_empty_prompt.js +115 -0
  848. package/test-env/components/page_template/index.js +13 -0
  849. package/test-env/components/page_template/inner/index.js +13 -0
  850. package/test-env/components/page_template/inner/page_inner.js +57 -0
  851. package/test-env/components/page_template/inner/page_inner.styles.js +35 -0
  852. package/test-env/components/page_template/outer/index.js +13 -0
  853. package/test-env/components/page_template/outer/page_outer.js +66 -0
  854. package/test-env/components/page_template/outer/page_outer.styles.js +51 -0
  855. package/test-env/components/page_template/page_template.js +394 -0
  856. package/test-env/components/pagination/pagination.js +1 -0
  857. package/test-env/components/panel/panel.js +2 -1
  858. package/test-env/components/panel/split_panel/split_panel.js +2 -1
  859. package/test-env/components/popover/input_popover.js +1 -0
  860. package/test-env/components/popover/popover.js +10 -2
  861. package/test-env/components/popover/popover_arrow/_popover_arrow.js +1 -0
  862. package/test-env/components/popover/popover_footer.js +1 -0
  863. package/test-env/components/popover/popover_panel/_popover_panel.js +1 -0
  864. package/test-env/components/popover/popover_panel/_popover_panel.styles.js +5 -3
  865. package/test-env/components/popover/popover_title.js +1 -0
  866. package/test-env/components/progress/progress.js +1 -0
  867. package/test-env/components/provider/cache/cache_provider.js +11 -3
  868. package/test-env/components/resizable_container/resizable_button.js +2 -1
  869. package/test-env/components/resizable_container/resizable_container.js +2 -1
  870. package/test-env/components/resizable_container/resizable_panel.js +2 -1
  871. package/test-env/components/search_bar/search_bar.js +3 -1
  872. package/test-env/components/selectable/selectable.js +2 -0
  873. package/test-env/components/selectable/selectable_list/selectable_list.js +4 -0
  874. package/test-env/components/selectable/selectable_list/selectable_list_item.js +2 -0
  875. package/test-env/components/selectable/selectable_message/selectable_message.js +1 -0
  876. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
  877. package/test-env/components/side_nav/side_nav.js +1 -0
  878. package/test-env/components/spacer/spacer.js +1 -0
  879. package/test-env/components/stat/stat.js +1 -0
  880. package/test-env/components/steps/step.js +1 -0
  881. package/test-env/components/steps/step_horizontal.js +2 -1
  882. package/test-env/components/steps/step_number.js +2 -1
  883. package/test-env/components/steps/steps.js +2 -1
  884. package/test-env/components/steps/steps_horizontal.js +2 -1
  885. package/test-env/components/steps/sub_steps.js +2 -1
  886. package/test-env/components/suggest/suggest.js +2 -0
  887. package/test-env/components/suggest/suggest_item.js +1 -0
  888. package/test-env/components/table/mobile/table_header_mobile.js +2 -1
  889. package/test-env/components/table/mobile/table_sort_mobile_item.js +2 -1
  890. package/test-env/components/table/table.js +2 -1
  891. package/test-env/components/table/table_body.js +1 -0
  892. package/test-env/components/table/table_footer.js +2 -1
  893. package/test-env/components/table/table_footer_cell.js +1 -0
  894. package/test-env/components/table/table_header.js +1 -0
  895. package/test-env/components/table/table_header_button.js +1 -0
  896. package/test-env/components/table/table_header_cell.js +1 -0
  897. package/test-env/components/table/table_header_cell_checkbox.js +1 -0
  898. package/test-env/components/table/table_row.js +1 -0
  899. package/test-env/components/table/table_row_cell.js +1 -0
  900. package/test-env/components/table/table_row_cell_checkbox.js +2 -1
  901. package/test-env/components/tabs/tab.js +1 -0
  902. package/test-env/components/tabs/tabbed_content/tabbed_content.js +7 -3
  903. package/test-env/components/text/text.js +1 -0
  904. package/test-env/components/text/text_align.js +1 -0
  905. package/test-env/components/text/text_color.js +1 -0
  906. package/test-env/components/timeline/timeline.js +4 -2
  907. package/test-env/components/timeline/timeline_item.js +2 -1
  908. package/test-env/components/title/title.js +1 -0
  909. package/test-env/components/toast/global_toast_list.js +4 -2
  910. package/test-env/components/toast/global_toast_list_item.js +1 -0
  911. package/test-env/components/toast/toast.js +2 -1
  912. package/test-env/components/tool_tip/tool_tip_popover.js +1 -0
  913. package/test-env/components/tour/tour.js +1 -71
  914. package/test-env/components/tour/tour.styles.js +79 -0
  915. package/test-env/components/tour/tour_step.js +31 -5
  916. package/test-env/components/tour/tour_step_indicator.js +24 -20
  917. package/test-env/components/tree_view/tree_view.js +1 -0
  918. package/test-env/global_styling/functions/logicals.js +1 -1
  919. package/test-env/global_styling/mixins/_helpers.js +27 -9
  920. package/test-env/global_styling/mixins/_responsive.js +18 -14
  921. package/test-env/global_styling/variables/breakpoint.js +3 -1
  922. package/test-env/services/breakpoint/_sorting.js +45 -0
  923. package/test-env/services/breakpoint/current_breakpoint.js +19 -5
  924. package/test-env/services/breakpoint/current_breakpoint_hook.js +9 -2
  925. package/test-env/services/breakpoint/index.js +4 -17
  926. package/test-env/services/breakpoint/is_within_hooks.js +82 -0
  927. package/test-env/services/index.js +14 -42
  928. package/es/services/breakpoint/breakpoint.js +0 -86
  929. package/es/services/breakpoint/useIsWithinBreakpoints.js +0 -24
  930. package/lib/services/breakpoint/breakpoint.js +0 -105
  931. package/lib/services/breakpoint/useIsWithinBreakpoints.js +0 -34
  932. package/optimize/es/services/breakpoint/breakpoint.js +0 -86
  933. package/optimize/es/services/breakpoint/useIsWithinBreakpoints.js +0 -24
  934. package/optimize/lib/services/breakpoint/breakpoint.js +0 -105
  935. package/optimize/lib/services/breakpoint/useIsWithinBreakpoints.js +0 -34
  936. package/src/components/page/_mixins.scss +0 -12
  937. package/src/components/page/_page.scss +0 -41
  938. package/src/components/page/page_body/_index.scss +0 -1
  939. package/src/components/page/page_body/_page_body.scss +0 -45
  940. package/src/components/page/page_header/_index.scss +0 -3
  941. package/src/components/page/page_header/_page_header.scss +0 -78
  942. package/src/components/page/page_header/_page_header_content.scss +0 -15
  943. package/src/components/page/page_header/_page_header_section.scss +0 -26
  944. package/src/components/tour/_index.scss +0 -2
  945. package/src/components/tour/_tour.scss +0 -68
  946. package/src/components/tour/_tour_step_indicator.scss +0 -3
  947. package/test-env/services/breakpoint/breakpoint.js +0 -105
  948. package/test-env/services/breakpoint/useIsWithinBreakpoints.js +0 -34
@@ -57,6 +57,7 @@ EuiBadgeGroup.propTypes = {
57
57
  className: _propTypes.default.string,
58
58
  "aria-label": _propTypes.default.string,
59
59
  "data-test-subj": _propTypes.default.string,
60
+ css: _propTypes.default.any,
60
61
 
61
62
  /**
62
63
  * Space between badges
@@ -160,6 +160,7 @@ EuiBetaBadge.propTypes = {
160
160
  className: _propTypes.default.string,
161
161
  "aria-label": _propTypes.default.string,
162
162
  "data-test-subj": _propTypes.default.string,
163
+ css: _propTypes.default.any,
163
164
 
164
165
  /**
165
166
  * Will apply an onclick to the badge itself
@@ -59,5 +59,6 @@ EuiNotificationBadge.propTypes = {
59
59
  color: _propTypes.default.oneOf(["accent", "subdued"]),
60
60
  className: _propTypes.default.string,
61
61
  "aria-label": _propTypes.default.string,
62
- "data-test-subj": _propTypes.default.string
62
+ "data-test-subj": _propTypes.default.string,
63
+ css: _propTypes.default.any
63
64
  };
@@ -1139,6 +1139,7 @@ EuiBasicTable.propTypes = {
1139
1139
  className: _propTypes.default.string,
1140
1140
  "aria-label": _propTypes.default.string,
1141
1141
  "data-test-subj": _propTypes.default.string,
1142
+ css: _propTypes.default.any,
1142
1143
 
1143
1144
  /**
1144
1145
  * Describes how to extract a unique ID from each item, used for selections & expanded rows
@@ -1248,7 +1249,8 @@ EuiBasicTable.propTypes = {
1248
1249
  readOnly: _propTypes.default.bool,
1249
1250
  className: _propTypes.default.string,
1250
1251
  "aria-label": _propTypes.default.string,
1251
- "data-test-subj": _propTypes.default.string
1252
+ "data-test-subj": _propTypes.default.string,
1253
+ css: _propTypes.default.any
1252
1254
  }).isRequired, _propTypes.default.shape({
1253
1255
  /**
1254
1256
  * A function that computes the value for each item and renders it
@@ -1288,7 +1290,8 @@ EuiBasicTable.propTypes = {
1288
1290
  readOnly: _propTypes.default.bool,
1289
1291
  className: _propTypes.default.string,
1290
1292
  "aria-label": _propTypes.default.string,
1291
- "data-test-subj": _propTypes.default.string
1293
+ "data-test-subj": _propTypes.default.string,
1294
+ css: _propTypes.default.any
1292
1295
  }).isRequired, _propTypes.default.shape({
1293
1296
  /**
1294
1297
  * An array of one of the objects: #DefaultItemAction or #CustomItemAction
@@ -578,6 +578,7 @@ EuiInMemoryTable.propTypes = {
578
578
  className: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
579
579
  "aria-label": _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
580
580
  "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
581
+ css: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.any]), _propTypes.default.any]),
581
582
 
582
583
  /**
583
584
  * Describes how to extract a unique ID from each item, used for selections & expanded rows
@@ -687,7 +688,8 @@ EuiInMemoryTable.propTypes = {
687
688
  readOnly: _propTypes.default.bool,
688
689
  className: _propTypes.default.string,
689
690
  "aria-label": _propTypes.default.string,
690
- "data-test-subj": _propTypes.default.string
691
+ "data-test-subj": _propTypes.default.string,
692
+ css: _propTypes.default.any
691
693
  }).isRequired, _propTypes.default.shape({
692
694
  /**
693
695
  * A function that computes the value for each item and renders it
@@ -727,7 +729,8 @@ EuiInMemoryTable.propTypes = {
727
729
  readOnly: _propTypes.default.bool,
728
730
  className: _propTypes.default.string,
729
731
  "aria-label": _propTypes.default.string,
730
- "data-test-subj": _propTypes.default.string
732
+ "data-test-subj": _propTypes.default.string,
733
+ css: _propTypes.default.any
731
734
  }).isRequired, _propTypes.default.shape({
732
735
  /**
733
736
  * An array of one of the objects: #DefaultItemAction or #CustomItemAction
@@ -1005,6 +1008,7 @@ EuiInMemoryTable.propTypes = {
1005
1008
  className: _propTypes.default.string,
1006
1009
  "aria-label": _propTypes.default.string,
1007
1010
  "data-test-subj": _propTypes.default.string,
1011
+ css: _propTypes.default.any,
1008
1012
  // Boolean values are not meaningful to this EuiSearchBox, but are allowed so that other
1009
1013
  // components can use e.g. a true value to mean "auto-derive a schema". See EuiInMemoryTable.
1010
1014
  // Admittedly, this is a bit of a hack.
@@ -1113,7 +1117,8 @@ EuiInMemoryTable.propTypes = {
1113
1117
  dateFormat: _propTypes.default.any,
1114
1118
  className: _propTypes.default.string,
1115
1119
  "aria-label": _propTypes.default.string,
1116
- "data-test-subj": _propTypes.default.string
1120
+ "data-test-subj": _propTypes.default.string,
1121
+ css: _propTypes.default.any
1117
1122
  }).isRequired]),
1118
1123
  pagination: _propTypes.default.oneOfType([_propTypes.default.oneOf([undefined]), _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.shape({
1119
1124
  pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.number.isRequired),
@@ -56,6 +56,7 @@ EuiBeacon.propTypes = {
56
56
  className: _propTypes.default.string,
57
57
  "aria-label": _propTypes.default.string,
58
58
  "data-test-subj": _propTypes.default.string,
59
+ css: _propTypes.default.any,
59
60
 
60
61
  /**
61
62
  * Height and width of the center circle. Value is passed directly to the `style` attribute
@@ -153,13 +153,14 @@ var _EuiBottomBar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
153
153
  token: "euiBottomBar.screenReaderAnnouncement",
154
154
  default: "There is a new region landmark with page level controls at the end of the document."
155
155
  }))));
156
- return usePortal ? (0, _react2.jsx)(_portal.EuiPortal, null, bar) : bar;
156
+ return usePortal ? (0, _react2.jsx)(_portal.EuiPortal, typeof usePortal !== 'boolean' ? usePortal : undefined, bar) : bar;
157
157
  });
158
158
 
159
159
  _EuiBottomBar.propTypes = {
160
160
  className: _propTypes.default.string,
161
161
  "aria-label": _propTypes.default.string,
162
162
  "data-test-subj": _propTypes.default.string,
163
+ css: _propTypes.default.any,
163
164
 
164
165
  /**
165
166
  * How to position the bottom bar against its parent.
@@ -170,7 +171,17 @@ _EuiBottomBar.propTypes = {
170
171
  * Whether to wrap in an EuiPortal which appends the component to the body element.
171
172
  * Only works if `position` is `fixed`.
172
173
  */
173
- usePortal: _propTypes.default.bool,
174
+ usePortal: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.shape({
175
+ /**
176
+ * ReactNode to render as this component's content
177
+ */
178
+ children: _propTypes.default.node.isRequired,
179
+ insert: _propTypes.default.shape({
180
+ sibling: _propTypes.default.any.isRequired,
181
+ position: _propTypes.default.oneOf(["before", "after"]).isRequired
182
+ }),
183
+ portalRef: _propTypes.default.func
184
+ }).isRequired]),
174
185
 
175
186
  /**
176
187
  * Whether the component should apply padding on the document body element to afford for its own displacement height.
@@ -232,6 +243,7 @@ EuiBottomBar.propTypes = {
232
243
  className: _propTypes.default.string,
233
244
  "aria-label": _propTypes.default.string,
234
245
  "data-test-subj": _propTypes.default.string,
246
+ css: _propTypes.default.any,
235
247
 
236
248
  /**
237
249
  * How to position the bottom bar against its parent.
@@ -242,7 +254,14 @@ EuiBottomBar.propTypes = {
242
254
  * Whether to wrap in an EuiPortal which appends the component to the body element.
243
255
  * Only works if `position` is `fixed`.
244
256
  */
245
- usePortal: _propTypes.default.bool,
257
+ usePortal: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.shape({
258
+ children: _propTypes.default.node.isRequired,
259
+ insert: _propTypes.default.shape({
260
+ sibling: _propTypes.default.any.isRequired,
261
+ position: _propTypes.default.oneOf(["before", "after"]).isRequired
262
+ }),
263
+ portalRef: _propTypes.default.func
264
+ }).isRequired]),
246
265
 
247
266
  /**
248
267
  * Whether the component should apply padding on the document body element to afford for its own displacement height.
@@ -131,6 +131,7 @@ EuiBreadcrumbContent.propTypes = {
131
131
  className: _propTypes.default.string,
132
132
  "aria-label": _propTypes.default.string,
133
133
  "data-test-subj": _propTypes.default.string,
134
+ css: _propTypes.default.any,
134
135
  href: _propTypes.default.string,
135
136
  rel: _propTypes.default.string,
136
137
  onClick: _propTypes.default.func,
@@ -109,6 +109,7 @@ EuiBreadcrumbs.propTypes = {
109
109
  className: _propTypes.default.string,
110
110
  "aria-label": _propTypes.default.string,
111
111
  "data-test-subj": _propTypes.default.string,
112
+ css: _propTypes.default.any,
112
113
 
113
114
  /**
114
115
  * Hides extra (above the max) breadcrumbs under a collapsed item as the window gets smaller.
@@ -141,6 +142,7 @@ EuiBreadcrumbs.propTypes = {
141
142
  className: _propTypes.default.string,
142
143
  "aria-label": _propTypes.default.string,
143
144
  "data-test-subj": _propTypes.default.string,
145
+ css: _propTypes.default.any,
144
146
  href: _propTypes.default.string,
145
147
  rel: _propTypes.default.string,
146
148
  onClick: _propTypes.default.func,
@@ -89,11 +89,13 @@ EuiButtonContentDeprecated.propTypes = {
89
89
  className: _propTypes.default.string,
90
90
  "aria-label": _propTypes.default.string,
91
91
  "data-test-subj": _propTypes.default.string,
92
+ css: _propTypes.default.any,
92
93
  ref: _propTypes.default.any,
93
94
  "data-text": _propTypes.default.string
94
95
  }),
95
96
  iconSize: _propTypes.default.oneOf(["s", "m"]),
96
97
  className: _propTypes.default.string,
97
98
  "aria-label": _propTypes.default.string,
98
- "data-test-subj": _propTypes.default.string
99
+ "data-test-subj": _propTypes.default.string,
100
+ css: _propTypes.default.any
99
101
  };
@@ -225,6 +225,7 @@ EuiButton.propTypes = {
225
225
  className: _propTypes.default.string,
226
226
  "aria-label": _propTypes.default.string,
227
227
  "data-test-subj": _propTypes.default.string,
228
+ css: _propTypes.default.any,
228
229
  ref: _propTypes.default.any,
229
230
  "data-text": _propTypes.default.string
230
231
  }),
@@ -232,6 +233,7 @@ EuiButton.propTypes = {
232
233
  className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
233
234
  "aria-label": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
234
235
  "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
236
+ css: _propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.any]),
235
237
  buttonRef: _propTypes.default.any
236
238
  };
237
239
  EuiButton.displayName = 'EuiButton';
@@ -362,6 +364,7 @@ EuiButtonDisplayDeprecated.propTypes = {
362
364
  className: _propTypes.default.string,
363
365
  "aria-label": _propTypes.default.string,
364
366
  "data-test-subj": _propTypes.default.string,
367
+ css: _propTypes.default.any,
365
368
  ref: _propTypes.default.any,
366
369
  "data-text": _propTypes.default.string
367
370
  }),
@@ -369,6 +372,7 @@ EuiButtonDisplayDeprecated.propTypes = {
369
372
  className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
370
373
  "aria-label": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
371
374
  "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
375
+ css: _propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.any]),
372
376
 
373
377
  /**
374
378
  * Provide a valid element to render the element as
@@ -126,6 +126,7 @@ EuiButtonDisplay.propTypes = {
126
126
  className: _propTypes.default.string,
127
127
  "aria-label": _propTypes.default.string,
128
128
  "data-test-subj": _propTypes.default.string,
129
+ css: _propTypes.default.any,
129
130
  ref: _propTypes.default.any,
130
131
  "data-text": _propTypes.default.string
131
132
  }),
@@ -134,6 +135,7 @@ EuiButtonDisplay.propTypes = {
134
135
  className: _propTypes.default.string,
135
136
  "aria-label": _propTypes.default.string,
136
137
  "data-test-subj": _propTypes.default.string,
138
+ css: _propTypes.default.any,
137
139
 
138
140
  /**
139
141
  * Provide a valid element to render the element as
@@ -97,6 +97,7 @@ EuiButtonDisplayContent.propTypes = {
97
97
  className: _propTypes.default.string,
98
98
  "aria-label": _propTypes.default.string,
99
99
  "data-test-subj": _propTypes.default.string,
100
+ css: _propTypes.default.any,
100
101
  ref: _propTypes.default.any,
101
102
  "data-text": _propTypes.default.string
102
103
  }),
@@ -104,5 +105,6 @@ EuiButtonDisplayContent.propTypes = {
104
105
  isDisabled: _propTypes.default.bool.isRequired,
105
106
  className: _propTypes.default.string,
106
107
  "aria-label": _propTypes.default.string,
107
- "data-test-subj": _propTypes.default.string
108
+ "data-test-subj": _propTypes.default.string,
109
+ css: _propTypes.default.any
108
110
  };
@@ -219,11 +219,13 @@ EuiButtonEmpty.propTypes = {
219
219
  className: _propTypes.default.string,
220
220
  "aria-label": _propTypes.default.string,
221
221
  "data-test-subj": _propTypes.default.string,
222
+ css: _propTypes.default.any,
222
223
  ref: _propTypes.default.any,
223
224
  "data-text": _propTypes.default.string
224
225
  }),
225
226
  iconSize: _propTypes.default.oneOf(["s", "m"]),
226
227
  className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
227
228
  "aria-label": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
228
- "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string])
229
+ "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
230
+ css: _propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.any])
229
231
  };
@@ -101,6 +101,7 @@ EuiButtonGroup.propTypes = {
101
101
  className: _propTypes.default.string,
102
102
  "aria-label": _propTypes.default.string,
103
103
  "data-test-subj": _propTypes.default.string,
104
+ css: _propTypes.default.any,
104
105
 
105
106
  /**
106
107
  * Typical sizing is `s`. Medium `m` size should be reserved for major features.
@@ -186,13 +187,15 @@ EuiButtonGroup.propTypes = {
186
187
  className: _propTypes.default.string,
187
188
  "aria-label": _propTypes.default.string,
188
189
  "data-test-subj": _propTypes.default.string,
190
+ css: _propTypes.default.any,
189
191
  ref: _propTypes.default.any,
190
192
  "data-text": _propTypes.default.string
191
193
  }),
192
194
  iconSize: _propTypes.default.oneOf(["s", "m"]),
193
195
  className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
194
196
  "aria-label": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
195
- "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string])
197
+ "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
198
+ css: _propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.any])
196
199
  }).isRequired).isRequired,
197
200
 
198
201
  /**
@@ -164,6 +164,7 @@ EuiButtonGroupButton.propTypes = {
164
164
  className: _propTypes.default.string,
165
165
  "aria-label": _propTypes.default.string,
166
166
  "data-test-subj": _propTypes.default.string,
167
+ css: _propTypes.default.any,
167
168
  ref: _propTypes.default.any,
168
169
  "data-text": _propTypes.default.string
169
170
  }),
@@ -171,6 +172,7 @@ EuiButtonGroupButton.propTypes = {
171
172
  className: _propTypes.default.string,
172
173
  "aria-label": _propTypes.default.string,
173
174
  "data-test-subj": _propTypes.default.string,
175
+ css: _propTypes.default.any,
174
176
 
175
177
  /**
176
178
  * Element to display based on single or multi
@@ -212,5 +212,6 @@ EuiButtonIcon.propTypes = {
212
212
  isLoading: _propTypes.default.bool,
213
213
  className: _propTypes.default.string,
214
214
  "data-test-subj": _propTypes.default.string,
215
+ css: _propTypes.default.any,
215
216
  buttonRef: _propTypes.default.any
216
217
  };
@@ -115,6 +115,7 @@ EuiCallOut.propTypes = {
115
115
  className: _propTypes.default.string,
116
116
  "aria-label": _propTypes.default.string,
117
117
  "data-test-subj": _propTypes.default.string,
118
+ css: _propTypes.default.any,
118
119
  title: _propTypes.default.node,
119
120
  iconType: _propTypes.default.oneOfType([_propTypes.default.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, _propTypes.default.string.isRequired, _propTypes.default.elementType.isRequired]),
120
121
  color: _propTypes.default.any,
@@ -434,13 +434,15 @@ EuiCard.propTypes = {
434
434
  className: _propTypes.default.string,
435
435
  "aria-label": _propTypes.default.string,
436
436
  "data-test-subj": _propTypes.default.string,
437
+ css: _propTypes.default.any,
437
438
  ref: _propTypes.default.any,
438
439
  "data-text": _propTypes.default.string
439
440
  }),
440
441
  iconSize: _propTypes.default.oneOf(["s", "m"]),
441
442
  className: _propTypes.default.string,
442
443
  "aria-label": _propTypes.default.string,
443
- "data-test-subj": _propTypes.default.string
444
+ "data-test-subj": _propTypes.default.string,
445
+ css: _propTypes.default.any
444
446
  }),
445
447
 
446
448
  /**
@@ -131,13 +131,15 @@ EuiCardSelect.propTypes = {
131
131
  className: _propTypes.default.string,
132
132
  "aria-label": _propTypes.default.string,
133
133
  "data-test-subj": _propTypes.default.string,
134
+ css: _propTypes.default.any,
134
135
  ref: _propTypes.default.any,
135
136
  "data-text": _propTypes.default.string
136
137
  }),
137
138
  iconSize: _propTypes.default.oneOf(["s", "m"]),
138
139
  className: _propTypes.default.string,
139
140
  "aria-label": _propTypes.default.string,
140
- "data-test-subj": _propTypes.default.string
141
+ "data-test-subj": _propTypes.default.string,
142
+ css: _propTypes.default.any
141
143
  };
142
144
 
143
145
  function euiCardSelectableText(isSelected, isDisabled, children) {
@@ -11,8 +11,6 @@ exports.EuiCollapsibleNav = void 0;
11
11
 
12
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
13
 
14
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
-
16
14
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
17
15
 
18
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -84,43 +82,9 @@ var EuiCollapsibleNav = function EuiCollapsibleNav(_ref) {
84
82
  var focusTrapProps = _objectSpread(_objectSpread({}, _focusTrapProps), {}, {
85
83
  shards: [buttonRef].concat((0, _toConsumableArray2.default)(_focusTrapProps.shards || []))
86
84
  });
87
- /**
88
- * Setting the initial state of pushed based on the `type` prop
89
- * and if the current window size is large enough (larger than `pushBreakpoint`)
90
- */
91
-
92
-
93
- var _useState = (0, _react.useState)((0, _services.isWithinMinBreakpoint)(typeof window === 'undefined' ? 0 : window.innerWidth, dockedBreakpoint)),
94
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
95
- windowIsLargeEnoughToPush = _useState2[0],
96
- setWindowIsLargeEnoughToPush = _useState2[1];
97
85
 
86
+ var windowIsLargeEnoughToPush = (0, _services.useIsWithinMinBreakpoint)(dockedBreakpoint);
98
87
  var navIsDocked = isDocked && windowIsLargeEnoughToPush;
99
- /**
100
- * Watcher added to the window to maintain `isPushed` state depending on
101
- * the window size compared to the `pushBreakpoint`
102
- */
103
-
104
- var functionToCallOnWindowResize = (0, _services.throttle)(function () {
105
- if ((0, _services.isWithinMinBreakpoint)(window.innerWidth, dockedBreakpoint)) {
106
- setWindowIsLargeEnoughToPush(true);
107
- } else {
108
- setWindowIsLargeEnoughToPush(false);
109
- } // reacts every 50ms to resize changes and always gets the final update
110
-
111
- }, 50);
112
- (0, _react.useEffect)(function () {
113
- if (isDocked) {
114
- // Only add the event listener if we'll need to accommodate with padding
115
- window.addEventListener('resize', functionToCallOnWindowResize);
116
- }
117
-
118
- return function () {
119
- if (isDocked) {
120
- window.removeEventListener('resize', functionToCallOnWindowResize);
121
- }
122
- };
123
- }, [isDocked, functionToCallOnWindowResize]);
124
88
  var classes = (0, _classnames.default)('euiCollapsibleNav', className); // Show a trigger button if one was passed but
125
89
  // not if navIsDocked and showButtonIfDocked is false
126
90
 
@@ -164,6 +128,7 @@ EuiCollapsibleNav.propTypes = {
164
128
  className: _propTypes.default.string,
165
129
  "aria-label": _propTypes.default.string,
166
130
  "data-test-subj": _propTypes.default.string,
131
+ css: _propTypes.default.any,
167
132
 
168
133
  /**
169
134
  * Sets the HTML element for `EuiFlyout`
@@ -220,6 +185,7 @@ EuiCollapsibleNav.propTypes = {
220
185
  className: _propTypes.default.string,
221
186
  "aria-label": _propTypes.default.string,
222
187
  "data-test-subj": _propTypes.default.string,
188
+ css: _propTypes.default.any,
223
189
 
224
190
  /**
225
191
  * Function that applies to clicking the mask itself and not the children
@@ -261,9 +227,9 @@ EuiCollapsibleNav.propTypes = {
261
227
  role: _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.string.isRequired]),
262
228
 
263
229
  /**
264
- * Named breakpoint or pixel value for customizing the minimum window width to enable docking
230
+ * Named breakpoint (`xs` through `xl`) for customizing the minimum window width to enable docking
265
231
  */
266
- pushMinBreakpoint: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.number.isRequired]),
232
+ pushMinBreakpoint: _propTypes.default.any,
267
233
  style: _propTypes.default.any,
268
234
 
269
235
  /**
@@ -287,7 +253,7 @@ EuiCollapsibleNav.propTypes = {
287
253
  * Keeps navigation flyout visible and push `<body>` content via padding
288
254
  */
289
255
  isDocked: _propTypes.default.bool,
290
- dockedBreakpoint: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.number.isRequired]),
256
+ dockedBreakpoint: _propTypes.default.any,
291
257
 
292
258
  /**
293
259
  * Button for controlling visible state of the nav
@@ -139,6 +139,7 @@ EuiCollapsibleNavGroup.propTypes = {
139
139
  className: _propTypes.default.string,
140
140
  "aria-label": _propTypes.default.string,
141
141
  "data-test-subj": _propTypes.default.string,
142
+ css: _propTypes.default.any,
142
143
 
143
144
  /**
144
145
  * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.
@@ -207,6 +208,7 @@ EuiCollapsibleNavGroup.propTypes = {
207
208
  className: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
208
209
  "aria-label": _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
209
210
  "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
211
+ css: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.any]), _propTypes.default.any]),
210
212
 
211
213
  /**
212
214
  * Applied to the entire .euiAccordion wrapper.
@@ -225,7 +227,8 @@ EuiCollapsibleNavGroup.propTypes = {
225
227
  buttonProps: _propTypes.default.shape({
226
228
  className: _propTypes.default.string,
227
229
  "aria-label": _propTypes.default.string,
228
- "data-test-subj": _propTypes.default.string
230
+ "data-test-subj": _propTypes.default.string,
231
+ css: _propTypes.default.any
229
232
  }),
230
233
 
231
234
  /**
@@ -289,6 +292,11 @@ EuiCollapsibleNavGroup.propTypes = {
289
292
  */
290
293
  isLoadingMessage: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.node.isRequired]),
291
294
 
295
+ /**
296
+ * Disable the open/close interaction and visually subdues the trigger
297
+ */
298
+ isDisabled: _propTypes.default.bool,
299
+
292
300
  /**
293
301
  * If `true`, wraps children in the body of an accordion,
294
302
  * requiring the prop `title` to be used as the button.
@@ -71,6 +71,7 @@ EuiColorPaletteDisplay.propTypes = {
71
71
  className: _propTypes.default.string,
72
72
  "aria-label": _propTypes.default.string,
73
73
  "data-test-subj": _propTypes.default.string,
74
+ css: _propTypes.default.any,
74
75
 
75
76
  /**
76
77
  * Array of color `strings` or an array of #ColorStop. The stops must be numbers in an ordered range.
@@ -48,6 +48,7 @@ EuiColorPaletteDisplayFixed.propTypes = {
48
48
  className: _propTypes.default.string,
49
49
  "aria-label": _propTypes.default.string,
50
50
  "data-test-subj": _propTypes.default.string,
51
+ css: _propTypes.default.any,
51
52
 
52
53
  /**
53
54
  * Array of color `strings` or an array of #ColorStop. The stops must be numbers in an ordered range.
@@ -51,6 +51,7 @@ EuiColorPaletteDisplayGradient.propTypes = {
51
51
  className: _propTypes.default.string,
52
52
  "aria-label": _propTypes.default.string,
53
53
  "data-test-subj": _propTypes.default.string,
54
+ css: _propTypes.default.any,
54
55
 
55
56
  /**
56
57
  * Array of color `strings` or an array of #ColorStop. The stops must be numbers in an ordered range.
@@ -103,6 +103,7 @@ EuiColorPalettePicker.propTypes = {
103
103
  className: _propTypes.default.string,
104
104
  "aria-label": _propTypes.default.string,
105
105
  "data-test-subj": _propTypes.default.string,
106
+ css: _propTypes.default.any,
106
107
  compressed: _propTypes.default.bool,
107
108
  fullWidth: _propTypes.default.bool,
108
109
  isInvalid: _propTypes.default.bool,
@@ -190,7 +191,8 @@ EuiColorPalettePicker.propTypes = {
190
191
  }).isRequired).isRequired]),
191
192
  className: _propTypes.default.string,
192
193
  "aria-label": _propTypes.default.string,
193
- "data-test-subj": _propTypes.default.string
194
+ "data-test-subj": _propTypes.default.string,
195
+ css: _propTypes.default.any
194
196
  }).isRequired, _propTypes.default.shape({
195
197
  /**
196
198
  * For storing unique value of item
@@ -216,7 +218,8 @@ EuiColorPalettePicker.propTypes = {
216
218
  }).isRequired).isRequired]).isRequired,
217
219
  className: _propTypes.default.string,
218
220
  "aria-label": _propTypes.default.string,
219
- "data-test-subj": _propTypes.default.string
221
+ "data-test-subj": _propTypes.default.string,
222
+ css: _propTypes.default.any
220
223
  }).isRequired, _propTypes.default.shape({
221
224
  /**
222
225
  * For storing unique value of item
@@ -242,6 +245,7 @@ EuiColorPalettePicker.propTypes = {
242
245
  }).isRequired).isRequired]).isRequired,
243
246
  className: _propTypes.default.string,
244
247
  "aria-label": _propTypes.default.string,
245
- "data-test-subj": _propTypes.default.string
248
+ "data-test-subj": _propTypes.default.string,
249
+ css: _propTypes.default.any
246
250
  }).isRequired]).isRequired).isRequired
247
251
  };
@@ -631,6 +631,7 @@ EuiColorPicker.propTypes = {
631
631
  className: _propTypes.default.string,
632
632
  "aria-label": _propTypes.default.string,
633
633
  "data-test-subj": _propTypes.default.string,
634
+ css: _propTypes.default.any,
634
635
 
635
636
  /**
636
637
  * hex (string)
@@ -67,6 +67,7 @@ EuiColorPickerSwatch.propTypes = {
67
67
  className: _propTypes.default.string,
68
68
  "aria-label": _propTypes.default.string,
69
69
  "data-test-subj": _propTypes.default.string,
70
+ css: _propTypes.default.any,
70
71
  color: _propTypes.default.string
71
72
  };
72
73
  EuiColorPickerSwatch.displayName = 'EuiColorPickerSwatch';
@@ -406,6 +406,7 @@ EuiColorStopThumb.propTypes = {
406
406
  valueInputProps: _propTypes.default.any,
407
407
  "aria-label": _propTypes.default.string,
408
408
  "data-test-subj": _propTypes.default.string,
409
+ css: _propTypes.default.any,
409
410
  stop: _propTypes.default.number.isRequired,
410
411
  color: _propTypes.default.string.isRequired
411
412
  };
@@ -538,5 +538,6 @@ EuiColorStops.propTypes = {
538
538
  */
539
539
  valueInputProps: _propTypes.default.any,
540
540
  "aria-label": _propTypes.default.string,
541
- "data-test-subj": _propTypes.default.string
541
+ "data-test-subj": _propTypes.default.string,
542
+ css: _propTypes.default.any
542
543
  };