@elastic/eui 63.0.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 (789) 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 +0 -44
  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 +0 -44
  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 +2 -0
  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 -2
  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 +8 -1
  134. package/es/components/header/header_logo.js +1 -0
  135. package/es/components/header/header_section/header_section.js +1 -0
  136. package/es/components/header/header_section/header_section_item.js +1 -0
  137. package/es/components/health/health.js +1 -0
  138. package/es/components/highlight/highlight.js +1 -0
  139. package/es/components/horizontal_rule/horizontal_rule.js +2 -1
  140. package/es/components/icon/icon.js +1 -0
  141. package/es/components/image/image.js +1 -0
  142. package/es/components/key_pad_menu/key_pad_menu.js +1 -0
  143. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -0
  144. package/es/components/link/link.js +1 -0
  145. package/es/components/list_group/list_group.js +3 -0
  146. package/es/components/list_group/list_group_item.js +2 -0
  147. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +5 -0
  148. package/es/components/loading/loading_chart.js +1 -0
  149. package/es/components/loading/loading_content.js +1 -0
  150. package/es/components/loading/loading_elastic.js +1 -0
  151. package/es/components/loading/loading_logo.js +1 -0
  152. package/es/components/loading/loading_spinner.js +1 -0
  153. package/es/components/mark/mark.js +1 -0
  154. package/es/components/markdown_editor/markdown_editor.js +2 -0
  155. package/es/components/markdown_editor/markdown_editor_text_area.js +1 -0
  156. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -0
  157. package/es/components/markdown_editor/markdown_format.js +1 -0
  158. package/es/components/modal/modal_body.js +2 -1
  159. package/es/components/modal/modal_footer.js +2 -1
  160. package/es/components/modal/modal_header.js +2 -1
  161. package/es/components/modal/modal_header_title.js +2 -1
  162. package/es/components/notification/notification_event.js +4 -1
  163. package/es/components/notification/notification_event_read_button.js +1 -0
  164. package/es/components/notification/notification_event_read_icon.js +1 -0
  165. package/es/components/overlay_mask/overlay_mask.js +3 -1
  166. package/es/components/page/page.js +1 -0
  167. package/es/components/page/page_content/page_content.js +1 -0
  168. package/es/components/page/page_content/page_content_body.js +1 -0
  169. package/es/components/page/page_content/page_content_header.js +2 -1
  170. package/es/components/page/page_content/page_content_header_section.js +2 -1
  171. package/es/components/page/page_header/page_header.js +1 -0
  172. package/es/components/page/page_header/page_header_content.js +4 -0
  173. package/es/components/page/page_header/page_header_section.js +2 -1
  174. package/es/components/page/page_section/page_section.js +1 -0
  175. package/es/components/page/page_side_bar/page_side_bar.js +2 -1
  176. package/es/components/page/page_sidebar/page_sidebar.js +5 -2
  177. package/es/components/page/page_template.js +7 -1
  178. package/es/components/page_template/empty_prompt/page_empty_prompt.js +1 -0
  179. package/es/components/page_template/outer/page_outer.js +2 -1
  180. package/es/components/page_template/page_template.js +9 -2
  181. package/es/components/pagination/pagination.js +1 -0
  182. package/es/components/pagination/pagination_button.js +2 -0
  183. package/es/components/panel/panel.js +2 -1
  184. package/es/components/panel/split_panel/split_panel.js +2 -1
  185. package/es/components/popover/input_popover.js +1 -0
  186. package/es/components/popover/popover.js +10 -2
  187. package/es/components/popover/popover_arrow/_popover_arrow.js +1 -0
  188. package/es/components/popover/popover_footer.js +1 -0
  189. package/es/components/popover/popover_panel/_popover_panel.js +1 -0
  190. package/es/components/popover/popover_panel/_popover_panel.styles.js +3 -2
  191. package/es/components/popover/popover_title.js +1 -0
  192. package/es/components/progress/progress.js +1 -0
  193. package/es/components/provider/cache/cache_provider.js +9 -3
  194. package/es/components/resizable_container/resizable_button.js +2 -1
  195. package/es/components/resizable_container/resizable_container.js +2 -1
  196. package/es/components/resizable_container/resizable_panel.js +2 -1
  197. package/es/components/search_bar/search_bar.js +3 -1
  198. package/es/components/selectable/selectable.js +2 -0
  199. package/es/components/selectable/selectable_list/selectable_list.js +4 -0
  200. package/es/components/selectable/selectable_list/selectable_list_item.js +2 -0
  201. package/es/components/selectable/selectable_message/selectable_message.js +1 -0
  202. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
  203. package/es/components/side_nav/side_nav.js +1 -0
  204. package/es/components/spacer/spacer.js +1 -0
  205. package/es/components/stat/stat.js +1 -0
  206. package/es/components/steps/step.js +1 -0
  207. package/es/components/steps/step_horizontal.js +2 -1
  208. package/es/components/steps/step_number.js +2 -1
  209. package/es/components/steps/steps.js +2 -1
  210. package/es/components/steps/steps_horizontal.js +2 -1
  211. package/es/components/steps/sub_steps.js +2 -1
  212. package/es/components/suggest/suggest.js +2 -0
  213. package/es/components/suggest/suggest_item.js +1 -0
  214. package/es/components/table/mobile/table_header_mobile.js +2 -1
  215. package/es/components/table/mobile/table_sort_mobile_item.js +2 -1
  216. package/es/components/table/table.js +2 -1
  217. package/es/components/table/table_body.js +1 -0
  218. package/es/components/table/table_footer.js +2 -1
  219. package/es/components/table/table_footer_cell.js +1 -0
  220. package/es/components/table/table_header.js +1 -0
  221. package/es/components/table/table_header_button.js +1 -0
  222. package/es/components/table/table_header_cell.js +1 -0
  223. package/es/components/table/table_header_cell_checkbox.js +1 -0
  224. package/es/components/table/table_row.js +1 -0
  225. package/es/components/table/table_row_cell.js +1 -0
  226. package/es/components/table/table_row_cell_checkbox.js +2 -1
  227. package/es/components/tabs/tab.js +1 -0
  228. package/es/components/tabs/tabbed_content/tabbed_content.js +7 -3
  229. package/es/components/text/text.js +1 -0
  230. package/es/components/text/text_align.js +1 -0
  231. package/es/components/text/text_color.js +1 -0
  232. package/es/components/timeline/timeline.js +4 -2
  233. package/es/components/timeline/timeline_item.js +2 -1
  234. package/es/components/title/title.js +1 -0
  235. package/es/components/toast/global_toast_list.js +4 -2
  236. package/es/components/toast/global_toast_list_item.js +1 -0
  237. package/es/components/toast/toast.js +2 -1
  238. package/es/components/tool_tip/tool_tip_popover.js +1 -0
  239. package/es/components/tour/tour.js +1 -214
  240. package/es/components/tour/tour.styles.js +57 -0
  241. package/es/components/tour/tour_step.js +36 -6
  242. package/es/components/tour/tour_step_indicator.js +23 -14
  243. package/es/components/tree_view/tree_view.js +1 -0
  244. package/es/global_styling/mixins/_responsive.js +18 -14
  245. package/es/global_styling/variables/breakpoint.js +2 -1
  246. package/es/services/breakpoint/_sorting.js +41 -0
  247. package/es/services/breakpoint/current_breakpoint.js +19 -6
  248. package/es/services/breakpoint/index.js +2 -2
  249. package/es/services/breakpoint/is_within_hooks.js +67 -0
  250. package/es/services/index.js +1 -1
  251. package/eui.d.ts +196 -320
  252. package/i18ntokens.json +20 -20
  253. package/lib/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  254. package/lib/components/accessibility/skip_link/skip_link.js +2 -0
  255. package/lib/components/accordion/accordion.js +18 -7
  256. package/lib/components/accordion/accordion.styles.js +4 -1
  257. package/lib/components/aspect_ratio/aspect_ratio.js +10 -20
  258. package/lib/components/avatar/avatar.js +1 -0
  259. package/lib/components/badge/badge.js +1 -0
  260. package/lib/components/badge/badge_group/badge_group.js +1 -0
  261. package/lib/components/badge/beta_badge/beta_badge.js +1 -0
  262. package/lib/components/badge/notification_badge/badge_notification.js +2 -1
  263. package/lib/components/basic_table/basic_table.js +5 -2
  264. package/lib/components/basic_table/in_memory_table.js +8 -3
  265. package/lib/components/beacon/beacon.js +1 -0
  266. package/lib/components/bottom_bar/bottom_bar.js +2 -0
  267. package/lib/components/breadcrumbs/breadcrumb.js +1 -0
  268. package/lib/components/breadcrumbs/breadcrumbs.js +2 -0
  269. package/lib/components/button/_button_content_deprecated.js +3 -1
  270. package/lib/components/button/button.js +4 -0
  271. package/lib/components/button/button_display/_button_display.js +2 -0
  272. package/lib/components/button/button_display/_button_display_content.js +3 -1
  273. package/lib/components/button/button_empty/button_empty.js +3 -1
  274. package/lib/components/button/button_group/button_group.js +4 -1
  275. package/lib/components/button/button_group/button_group_button.js +2 -0
  276. package/lib/components/button/button_icon/button_icon.js +1 -0
  277. package/lib/components/call_out/call_out.js +1 -0
  278. package/lib/components/card/card.js +3 -1
  279. package/lib/components/card/card_select.js +3 -1
  280. package/lib/components/code/code.js +1 -0
  281. package/lib/components/code/code_block.js +1 -0
  282. package/lib/components/collapsible_nav/collapsible_nav.js +6 -46
  283. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
  284. package/lib/components/color_picker/color_palette_display/color_palette_display.js +1 -0
  285. package/lib/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
  286. package/lib/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
  287. package/lib/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
  288. package/lib/components/color_picker/color_picker.js +1 -0
  289. package/lib/components/color_picker/color_picker_swatch.js +1 -0
  290. package/lib/components/color_picker/color_stops/color_stop_thumb.js +1 -0
  291. package/lib/components/color_picker/color_stops/color_stops.js +2 -1
  292. package/lib/components/color_picker/hue.js +1 -0
  293. package/lib/components/color_picker/saturation.js +1 -0
  294. package/lib/components/combo_box/combo_box.js +2 -1
  295. package/lib/components/combo_box/combo_box_input/combo_box_input.js +6 -3
  296. package/lib/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
  297. package/lib/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
  298. package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
  299. package/lib/components/comment_list/comment.js +1 -0
  300. package/lib/components/comment_list/comment_event.js +2 -1
  301. package/lib/components/comment_list/comment_list.js +2 -0
  302. package/lib/components/comment_list/comment_timeline.js +2 -1
  303. package/lib/components/context_menu/context_menu.js +3 -1
  304. package/lib/components/context_menu/context_menu_item.js +1 -0
  305. package/lib/components/context_menu/context_menu_panel.js +1 -0
  306. package/lib/components/control_bar/control_bar.js +3 -0
  307. package/lib/components/copy/copy.js +2 -1
  308. package/lib/components/datagrid/body/data_grid_body.js +12 -0
  309. package/lib/components/datagrid/body/data_grid_cell.js +24 -0
  310. package/lib/components/datagrid/body/header/data_grid_header_cell.js +12 -0
  311. package/lib/components/datagrid/body/header/data_grid_header_row.js +13 -0
  312. package/lib/components/datagrid/data_grid.js +13 -0
  313. package/lib/components/datagrid/utils/in_memory.js +12 -0
  314. package/lib/components/date_picker/auto_refresh/auto_refresh.js +3 -1
  315. package/lib/components/date_picker/date_picker.js +1 -0
  316. package/lib/components/date_picker/date_picker_range.js +45 -4
  317. package/lib/components/date_picker/super_date_picker/super_date_picker.js +2 -0
  318. package/lib/components/description_list/description_list.js +5 -2
  319. package/lib/components/description_list/description_list_description.js +2 -1
  320. package/lib/components/description_list/description_list_title.js +2 -1
  321. package/lib/components/drag_and_drop/draggable.js +2 -1
  322. package/lib/components/drag_and_drop/droppable.js +2 -1
  323. package/lib/components/empty_prompt/empty_prompt.js +1 -0
  324. package/lib/components/error_boundary/error_boundary.js +1 -0
  325. package/lib/components/expression/expression.js +1 -0
  326. package/lib/components/facet/facet_button.js +2 -1
  327. package/lib/components/facet/facet_group.js +1 -0
  328. package/lib/components/filter_group/filter_group.js +1 -0
  329. package/lib/components/filter_group/filter_select_item.js +2 -1
  330. package/lib/components/flex/flex_grid.js +1 -0
  331. package/lib/components/flex/flex_group.js +2 -1
  332. package/lib/components/flex/flex_item.js +1 -0
  333. package/lib/components/flyout/flyout.js +6 -33
  334. package/lib/components/flyout/flyout_body.js +1 -0
  335. package/lib/components/flyout/flyout_footer.js +2 -1
  336. package/lib/components/flyout/flyout_header.js +1 -0
  337. package/lib/components/focus_trap/focus_trap.js +1 -0
  338. package/lib/components/form/checkbox/checkbox.js +4 -2
  339. package/lib/components/form/checkbox/checkbox_group.js +2 -0
  340. package/lib/components/form/described_form_group/described_form_group.js +1 -0
  341. package/lib/components/form/field_number/field_number.js +1 -0
  342. package/lib/components/form/field_password/field_password.js +1 -0
  343. package/lib/components/form/field_search/field_search.js +2 -1
  344. package/lib/components/form/field_text/field_text.js +1 -0
  345. package/lib/components/form/file_picker/file_picker.js +2 -1
  346. package/lib/components/form/form.js +1 -0
  347. package/lib/components/form/form_control_layout/form_control_layout.js +2 -0
  348. package/lib/components/form/form_control_layout/form_control_layout_clear_button.js +1 -0
  349. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -0
  350. package/lib/components/form/form_control_layout/form_control_layout_icons.js +1 -0
  351. package/lib/components/form/form_error_text/form_error_text.js +2 -1
  352. package/lib/components/form/form_fieldset/form_fieldset.js +3 -1
  353. package/lib/components/form/form_fieldset/form_legend.js +1 -0
  354. package/lib/components/form/form_help_text/form_help_text.js +2 -1
  355. package/lib/components/form/form_label/form_label.js +2 -1
  356. package/lib/components/form/form_row/form_row.js +1 -0
  357. package/lib/components/form/radio/radio.js +3 -1
  358. package/lib/components/form/radio/radio_group.js +2 -0
  359. package/lib/components/form/range/dual_range.js +2 -1
  360. package/lib/components/form/range/range.js +4 -2
  361. package/lib/components/form/range/range_levels.js +2 -1
  362. package/lib/components/form/range/range_slider.js +1 -0
  363. package/lib/components/form/range/range_thumb.js +2 -1
  364. package/lib/components/form/range/range_track.js +2 -1
  365. package/lib/components/form/range/range_wrapper.js +2 -1
  366. package/lib/components/form/select/select.js +1 -0
  367. package/lib/components/form/super_select/super_select.js +1 -0
  368. package/lib/components/form/switch/switch.js +3 -1
  369. package/lib/components/form/text_area/text_area.js +1 -0
  370. package/lib/components/form/validatable_control/validatable_control.js +1 -0
  371. package/lib/components/header/header.js +3 -2
  372. package/lib/components/header/header_alert/header_alert.js +1 -0
  373. package/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -0
  374. package/lib/components/header/header_links/header_link.js +2 -0
  375. package/lib/components/header/header_links/header_links.js +8 -1
  376. package/lib/components/header/header_logo.js +1 -0
  377. package/lib/components/header/header_section/header_section.js +1 -0
  378. package/lib/components/header/header_section/header_section_item.js +1 -0
  379. package/lib/components/health/health.js +1 -0
  380. package/lib/components/highlight/highlight.js +1 -0
  381. package/lib/components/horizontal_rule/horizontal_rule.js +2 -1
  382. package/lib/components/icon/icon.js +1 -0
  383. package/lib/components/image/image.js +1 -0
  384. package/lib/components/key_pad_menu/key_pad_menu.js +1 -0
  385. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -0
  386. package/lib/components/link/link.js +1 -0
  387. package/lib/components/list_group/list_group.js +3 -0
  388. package/lib/components/list_group/list_group_item.js +2 -0
  389. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +5 -0
  390. package/lib/components/loading/loading_chart.js +1 -0
  391. package/lib/components/loading/loading_content.js +1 -0
  392. package/lib/components/loading/loading_elastic.js +1 -0
  393. package/lib/components/loading/loading_logo.js +1 -0
  394. package/lib/components/loading/loading_spinner.js +1 -0
  395. package/lib/components/mark/mark.js +1 -0
  396. package/lib/components/markdown_editor/markdown_editor.js +2 -0
  397. package/lib/components/markdown_editor/markdown_editor_text_area.js +1 -0
  398. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -0
  399. package/lib/components/markdown_editor/markdown_format.js +1 -0
  400. package/lib/components/modal/modal_body.js +2 -1
  401. package/lib/components/modal/modal_footer.js +2 -1
  402. package/lib/components/modal/modal_header.js +2 -1
  403. package/lib/components/modal/modal_header_title.js +2 -1
  404. package/lib/components/notification/notification_event.js +4 -1
  405. package/lib/components/notification/notification_event_read_button.js +1 -0
  406. package/lib/components/overlay_mask/overlay_mask.js +3 -1
  407. package/lib/components/page/page.js +1 -0
  408. package/lib/components/page/page_content/page_content.js +1 -0
  409. package/lib/components/page/page_content/page_content_body.js +1 -0
  410. package/lib/components/page/page_content/page_content_header.js +2 -1
  411. package/lib/components/page/page_content/page_content_header_section.js +2 -1
  412. package/lib/components/page/page_header/page_header.js +1 -0
  413. package/lib/components/page/page_header/page_header_content.js +4 -0
  414. package/lib/components/page/page_header/page_header_section.js +2 -1
  415. package/lib/components/page/page_section/page_section.js +1 -0
  416. package/lib/components/page/page_side_bar/page_side_bar.js +2 -1
  417. package/lib/components/page/page_sidebar/page_sidebar.js +5 -2
  418. package/lib/components/page/page_template.js +7 -1
  419. package/lib/components/page_template/empty_prompt/page_empty_prompt.js +1 -0
  420. package/lib/components/page_template/outer/page_outer.js +2 -1
  421. package/lib/components/page_template/page_template.js +9 -2
  422. package/lib/components/pagination/pagination.js +1 -0
  423. package/lib/components/panel/panel.js +2 -1
  424. package/lib/components/panel/split_panel/split_panel.js +2 -1
  425. package/lib/components/popover/input_popover.js +1 -0
  426. package/lib/components/popover/popover.js +10 -2
  427. package/lib/components/popover/popover_arrow/_popover_arrow.js +1 -0
  428. package/lib/components/popover/popover_footer.js +1 -0
  429. package/lib/components/popover/popover_panel/_popover_panel.js +1 -0
  430. package/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -3
  431. package/lib/components/popover/popover_title.js +1 -0
  432. package/lib/components/progress/progress.js +1 -0
  433. package/lib/components/provider/cache/cache_provider.js +11 -3
  434. package/lib/components/resizable_container/resizable_button.js +2 -1
  435. package/lib/components/resizable_container/resizable_container.js +2 -1
  436. package/lib/components/resizable_container/resizable_panel.js +2 -1
  437. package/lib/components/search_bar/search_bar.js +3 -1
  438. package/lib/components/selectable/selectable.js +2 -0
  439. package/lib/components/selectable/selectable_list/selectable_list.js +4 -0
  440. package/lib/components/selectable/selectable_list/selectable_list_item.js +2 -0
  441. package/lib/components/selectable/selectable_message/selectable_message.js +1 -0
  442. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
  443. package/lib/components/side_nav/side_nav.js +1 -0
  444. package/lib/components/spacer/spacer.js +1 -0
  445. package/lib/components/stat/stat.js +1 -0
  446. package/lib/components/steps/step.js +1 -0
  447. package/lib/components/steps/step_horizontal.js +2 -1
  448. package/lib/components/steps/step_number.js +2 -1
  449. package/lib/components/steps/steps.js +2 -1
  450. package/lib/components/steps/steps_horizontal.js +2 -1
  451. package/lib/components/steps/sub_steps.js +2 -1
  452. package/lib/components/suggest/suggest.js +2 -0
  453. package/lib/components/suggest/suggest_item.js +1 -0
  454. package/lib/components/table/mobile/table_header_mobile.js +2 -1
  455. package/lib/components/table/mobile/table_sort_mobile_item.js +2 -1
  456. package/lib/components/table/table.js +2 -1
  457. package/lib/components/table/table_body.js +1 -0
  458. package/lib/components/table/table_footer.js +2 -1
  459. package/lib/components/table/table_footer_cell.js +1 -0
  460. package/lib/components/table/table_header.js +1 -0
  461. package/lib/components/table/table_header_button.js +1 -0
  462. package/lib/components/table/table_header_cell.js +1 -0
  463. package/lib/components/table/table_header_cell_checkbox.js +1 -0
  464. package/lib/components/table/table_row.js +1 -0
  465. package/lib/components/table/table_row_cell.js +1 -0
  466. package/lib/components/table/table_row_cell_checkbox.js +2 -1
  467. package/lib/components/tabs/tab.js +1 -0
  468. package/lib/components/tabs/tabbed_content/tabbed_content.js +7 -3
  469. package/lib/components/text/text.js +1 -0
  470. package/lib/components/text/text_align.js +1 -0
  471. package/lib/components/text/text_color.js +1 -0
  472. package/lib/components/timeline/timeline.js +4 -2
  473. package/lib/components/timeline/timeline_item.js +2 -1
  474. package/lib/components/title/title.js +1 -0
  475. package/lib/components/toast/global_toast_list.js +4 -2
  476. package/lib/components/toast/global_toast_list_item.js +1 -0
  477. package/lib/components/toast/toast.js +2 -1
  478. package/lib/components/tool_tip/tool_tip_popover.js +1 -0
  479. package/lib/components/tour/tour.js +1 -71
  480. package/lib/components/tour/tour.styles.js +79 -0
  481. package/lib/components/tour/tour_step.js +31 -5
  482. package/lib/components/tour/tour_step_indicator.js +22 -19
  483. package/lib/components/tree_view/tree_view.js +1 -0
  484. package/lib/global_styling/mixins/_responsive.js +18 -14
  485. package/lib/global_styling/variables/breakpoint.js +3 -1
  486. package/lib/services/breakpoint/_sorting.js +53 -0
  487. package/lib/services/breakpoint/current_breakpoint.js +19 -5
  488. package/lib/services/breakpoint/index.js +4 -17
  489. package/lib/services/breakpoint/is_within_hooks.js +82 -0
  490. package/lib/services/index.js +14 -42
  491. package/optimize/es/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  492. package/optimize/es/components/accordion/accordion.js +9 -5
  493. package/optimize/es/components/accordion/accordion.styles.js +4 -1
  494. package/optimize/es/components/aspect_ratio/aspect_ratio.js +9 -18
  495. package/optimize/es/components/collapsible_nav/collapsible_nav.js +3 -38
  496. package/optimize/es/components/date_picker/date_picker_range.js +29 -3
  497. package/optimize/es/components/description_list/description_list_description.js +2 -1
  498. package/optimize/es/components/description_list/description_list_title.js +2 -1
  499. package/optimize/es/components/flyout/flyout.js +7 -34
  500. package/optimize/es/components/header/header.js +2 -2
  501. package/optimize/es/components/overlay_mask/overlay_mask.js +2 -1
  502. package/optimize/es/components/page/page_sidebar/page_sidebar.js +3 -1
  503. package/optimize/es/components/page_template/page_template.js +3 -1
  504. package/optimize/es/components/popover/popover.js +3 -1
  505. package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +3 -2
  506. package/optimize/es/components/provider/cache/cache_provider.js +9 -3
  507. package/optimize/es/components/tour/tour.styles.js +57 -0
  508. package/optimize/es/components/tour/tour_step.js +30 -6
  509. package/optimize/es/components/tour/tour_step_indicator.js +19 -12
  510. package/optimize/es/global_styling/mixins/_responsive.js +18 -14
  511. package/optimize/es/global_styling/variables/breakpoint.js +2 -1
  512. package/optimize/es/services/breakpoint/_sorting.js +31 -0
  513. package/optimize/es/services/breakpoint/current_breakpoint.js +19 -6
  514. package/optimize/es/services/breakpoint/index.js +2 -2
  515. package/optimize/es/services/breakpoint/is_within_hooks.js +67 -0
  516. package/optimize/es/services/index.js +1 -1
  517. package/optimize/lib/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  518. package/optimize/lib/components/accordion/accordion.js +9 -5
  519. package/optimize/lib/components/accordion/accordion.styles.js +4 -1
  520. package/optimize/lib/components/aspect_ratio/aspect_ratio.js +9 -20
  521. package/optimize/lib/components/collapsible_nav/collapsible_nav.js +1 -37
  522. package/optimize/lib/components/date_picker/date_picker_range.js +29 -3
  523. package/optimize/lib/components/flyout/flyout.js +6 -33
  524. package/optimize/lib/components/header/header.js +2 -2
  525. package/optimize/lib/components/overlay_mask/overlay_mask.js +2 -1
  526. package/optimize/lib/components/page/page_sidebar/page_sidebar.js +3 -1
  527. package/optimize/lib/components/page_template/page_template.js +3 -1
  528. package/optimize/lib/components/popover/popover.js +3 -1
  529. package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -3
  530. package/optimize/lib/components/provider/cache/cache_provider.js +11 -3
  531. package/optimize/lib/components/tour/tour.styles.js +79 -0
  532. package/optimize/lib/components/tour/tour_step.js +30 -5
  533. package/optimize/lib/components/tour/tour_step_indicator.js +20 -17
  534. package/optimize/lib/global_styling/mixins/_responsive.js +18 -14
  535. package/optimize/lib/global_styling/variables/breakpoint.js +3 -1
  536. package/optimize/lib/services/breakpoint/_sorting.js +45 -0
  537. package/optimize/lib/services/breakpoint/current_breakpoint.js +19 -5
  538. package/optimize/lib/services/breakpoint/index.js +4 -17
  539. package/optimize/lib/services/breakpoint/is_within_hooks.js +82 -0
  540. package/optimize/lib/services/index.js +14 -42
  541. package/package.json +2 -1
  542. package/src/components/index.scss +0 -1
  543. package/test-env/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  544. package/test-env/components/accessibility/skip_link/skip_link.js +2 -0
  545. package/test-env/components/accordion/accordion.js +18 -7
  546. package/test-env/components/accordion/accordion.styles.js +4 -1
  547. package/test-env/components/aspect_ratio/aspect_ratio.js +10 -20
  548. package/test-env/components/avatar/avatar.js +1 -0
  549. package/test-env/components/badge/badge.js +1 -0
  550. package/test-env/components/badge/badge_group/badge_group.js +1 -0
  551. package/test-env/components/badge/beta_badge/beta_badge.js +1 -0
  552. package/test-env/components/badge/notification_badge/badge_notification.js +2 -1
  553. package/test-env/components/basic_table/basic_table.js +5 -2
  554. package/test-env/components/basic_table/in_memory_table.js +8 -3
  555. package/test-env/components/beacon/beacon.js +1 -0
  556. package/test-env/components/bottom_bar/bottom_bar.js +2 -0
  557. package/test-env/components/breadcrumbs/breadcrumb.js +1 -0
  558. package/test-env/components/breadcrumbs/breadcrumbs.js +2 -0
  559. package/test-env/components/button/_button_content_deprecated.js +3 -1
  560. package/test-env/components/button/button.js +4 -0
  561. package/test-env/components/button/button_display/_button_display.js +2 -0
  562. package/test-env/components/button/button_display/_button_display_content.js +3 -1
  563. package/test-env/components/button/button_empty/button_empty.js +3 -1
  564. package/test-env/components/button/button_group/button_group.js +4 -1
  565. package/test-env/components/button/button_group/button_group_button.js +2 -0
  566. package/test-env/components/button/button_icon/button_icon.js +1 -0
  567. package/test-env/components/call_out/call_out.js +1 -0
  568. package/test-env/components/card/card.js +3 -1
  569. package/test-env/components/card/card_select.js +3 -1
  570. package/test-env/components/collapsible_nav/collapsible_nav.js +6 -40
  571. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
  572. package/test-env/components/color_picker/color_palette_display/color_palette_display.js +1 -0
  573. package/test-env/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
  574. package/test-env/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
  575. package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
  576. package/test-env/components/color_picker/color_picker.js +1 -0
  577. package/test-env/components/color_picker/color_picker_swatch.js +1 -0
  578. package/test-env/components/color_picker/color_stops/color_stop_thumb.js +1 -0
  579. package/test-env/components/color_picker/color_stops/color_stops.js +2 -1
  580. package/test-env/components/color_picker/hue.js +1 -0
  581. package/test-env/components/color_picker/saturation.js +1 -0
  582. package/test-env/components/combo_box/combo_box.js +2 -1
  583. package/test-env/components/combo_box/combo_box_input/combo_box_input.js +6 -3
  584. package/test-env/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
  585. package/test-env/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
  586. package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
  587. package/test-env/components/comment_list/comment.js +1 -0
  588. package/test-env/components/comment_list/comment_event.js +2 -1
  589. package/test-env/components/comment_list/comment_list.js +2 -0
  590. package/test-env/components/comment_list/comment_timeline.js +2 -1
  591. package/test-env/components/context_menu/context_menu.js +3 -1
  592. package/test-env/components/context_menu/context_menu_item.js +1 -0
  593. package/test-env/components/context_menu/context_menu_panel.js +1 -0
  594. package/test-env/components/control_bar/control_bar.js +3 -0
  595. package/test-env/components/copy/copy.js +2 -1
  596. package/test-env/components/datagrid/body/data_grid_body.js +12 -0
  597. package/test-env/components/datagrid/body/data_grid_cell.js +24 -0
  598. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +12 -0
  599. package/test-env/components/datagrid/body/header/data_grid_header_row.js +13 -0
  600. package/test-env/components/datagrid/data_grid.js +13 -0
  601. package/test-env/components/datagrid/utils/in_memory.js +12 -0
  602. package/test-env/components/date_picker/auto_refresh/auto_refresh.js +3 -1
  603. package/test-env/components/date_picker/date_picker.js +1 -0
  604. package/test-env/components/date_picker/date_picker_range.js +45 -4
  605. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +2 -0
  606. package/test-env/components/description_list/description_list.js +5 -2
  607. package/test-env/components/description_list/description_list_description.js +2 -1
  608. package/test-env/components/description_list/description_list_title.js +2 -1
  609. package/test-env/components/drag_and_drop/draggable.js +2 -1
  610. package/test-env/components/drag_and_drop/droppable.js +2 -1
  611. package/test-env/components/empty_prompt/empty_prompt.js +1 -0
  612. package/test-env/components/error_boundary/error_boundary.js +1 -0
  613. package/test-env/components/expression/expression.js +1 -0
  614. package/test-env/components/facet/facet_button.js +2 -1
  615. package/test-env/components/facet/facet_group.js +1 -0
  616. package/test-env/components/filter_group/filter_group.js +1 -0
  617. package/test-env/components/filter_group/filter_select_item.js +2 -1
  618. package/test-env/components/flex/flex_grid.js +1 -0
  619. package/test-env/components/flex/flex_group.js +2 -1
  620. package/test-env/components/flex/flex_item.js +1 -0
  621. package/test-env/components/flyout/flyout_body.js +1 -0
  622. package/test-env/components/flyout/flyout_footer.js +2 -1
  623. package/test-env/components/flyout/flyout_header.js +1 -0
  624. package/test-env/components/form/checkbox/checkbox.js +4 -2
  625. package/test-env/components/form/checkbox/checkbox_group.js +2 -0
  626. package/test-env/components/form/described_form_group/described_form_group.js +1 -0
  627. package/test-env/components/form/field_number/field_number.js +1 -0
  628. package/test-env/components/form/field_password/field_password.js +1 -0
  629. package/test-env/components/form/field_search/field_search.js +2 -1
  630. package/test-env/components/form/field_text/field_text.js +1 -0
  631. package/test-env/components/form/file_picker/file_picker.js +2 -1
  632. package/test-env/components/form/form.js +1 -0
  633. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -0
  634. package/test-env/components/form/form_control_layout/form_control_layout_clear_button.js +1 -0
  635. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -0
  636. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +1 -0
  637. package/test-env/components/form/form_error_text/form_error_text.js +2 -1
  638. package/test-env/components/form/form_fieldset/form_fieldset.js +3 -1
  639. package/test-env/components/form/form_fieldset/form_legend.js +1 -0
  640. package/test-env/components/form/form_help_text/form_help_text.js +2 -1
  641. package/test-env/components/form/form_label/form_label.js +2 -1
  642. package/test-env/components/form/form_row/form_row.js +1 -0
  643. package/test-env/components/form/radio/radio.js +3 -1
  644. package/test-env/components/form/radio/radio_group.js +2 -0
  645. package/test-env/components/form/range/dual_range.js +2 -1
  646. package/test-env/components/form/range/range.js +4 -2
  647. package/test-env/components/form/range/range_levels.js +2 -1
  648. package/test-env/components/form/range/range_slider.js +1 -0
  649. package/test-env/components/form/range/range_thumb.js +2 -1
  650. package/test-env/components/form/range/range_track.js +2 -1
  651. package/test-env/components/form/range/range_wrapper.js +2 -1
  652. package/test-env/components/form/select/select.js +1 -0
  653. package/test-env/components/form/super_select/super_select.js +1 -0
  654. package/test-env/components/form/switch/switch.js +3 -1
  655. package/test-env/components/form/text_area/text_area.js +1 -0
  656. package/test-env/components/form/validatable_control/validatable_control.js +1 -0
  657. package/test-env/components/header/header.js +3 -2
  658. package/test-env/components/header/header_alert/header_alert.js +1 -0
  659. package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -0
  660. package/test-env/components/header/header_links/header_link.js +2 -0
  661. package/test-env/components/header/header_links/header_links.js +8 -1
  662. package/test-env/components/header/header_logo.js +1 -0
  663. package/test-env/components/header/header_section/header_section.js +1 -0
  664. package/test-env/components/header/header_section/header_section_item.js +1 -0
  665. package/test-env/components/health/health.js +1 -0
  666. package/test-env/components/highlight/highlight.js +1 -0
  667. package/test-env/components/horizontal_rule/horizontal_rule.js +2 -1
  668. package/test-env/components/image/image.js +1 -0
  669. package/test-env/components/key_pad_menu/key_pad_menu.js +1 -0
  670. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -0
  671. package/test-env/components/link/link.js +1 -0
  672. package/test-env/components/list_group/list_group.js +3 -0
  673. package/test-env/components/list_group/list_group_item.js +2 -0
  674. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +5 -0
  675. package/test-env/components/loading/loading_chart.js +1 -0
  676. package/test-env/components/loading/loading_content.js +1 -0
  677. package/test-env/components/loading/loading_elastic.js +1 -0
  678. package/test-env/components/loading/loading_logo.js +1 -0
  679. package/test-env/components/loading/loading_spinner.js +1 -0
  680. package/test-env/components/mark/mark.js +1 -0
  681. package/test-env/components/markdown_editor/markdown_editor.js +2 -0
  682. package/test-env/components/markdown_editor/markdown_editor_text_area.js +1 -0
  683. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -0
  684. package/test-env/components/markdown_editor/markdown_format.js +1 -0
  685. package/test-env/components/modal/modal_body.js +2 -1
  686. package/test-env/components/modal/modal_footer.js +2 -1
  687. package/test-env/components/modal/modal_header.js +2 -1
  688. package/test-env/components/modal/modal_header_title.js +2 -1
  689. package/test-env/components/notification/notification_event.js +4 -1
  690. package/test-env/components/notification/notification_event_read_button.js +1 -0
  691. package/test-env/components/overlay_mask/overlay_mask.js +3 -1
  692. package/test-env/components/page/page.js +1 -0
  693. package/test-env/components/page/page_content/page_content.js +1 -0
  694. package/test-env/components/page/page_content/page_content_body.js +1 -0
  695. package/test-env/components/page/page_content/page_content_header.js +2 -1
  696. package/test-env/components/page/page_content/page_content_header_section.js +2 -1
  697. package/test-env/components/page/page_header/page_header.js +1 -0
  698. package/test-env/components/page/page_header/page_header_content.js +4 -0
  699. package/test-env/components/page/page_header/page_header_section.js +2 -1
  700. package/test-env/components/page/page_section/page_section.js +1 -0
  701. package/test-env/components/page/page_side_bar/page_side_bar.js +2 -1
  702. package/test-env/components/page/page_sidebar/page_sidebar.js +5 -2
  703. package/test-env/components/page/page_template.js +7 -1
  704. package/test-env/components/page_template/empty_prompt/page_empty_prompt.js +1 -0
  705. package/test-env/components/page_template/outer/page_outer.js +2 -1
  706. package/test-env/components/page_template/page_template.js +9 -2
  707. package/test-env/components/pagination/pagination.js +1 -0
  708. package/test-env/components/panel/panel.js +2 -1
  709. package/test-env/components/panel/split_panel/split_panel.js +2 -1
  710. package/test-env/components/popover/input_popover.js +1 -0
  711. package/test-env/components/popover/popover.js +10 -2
  712. package/test-env/components/popover/popover_arrow/_popover_arrow.js +1 -0
  713. package/test-env/components/popover/popover_footer.js +1 -0
  714. package/test-env/components/popover/popover_panel/_popover_panel.js +1 -0
  715. package/test-env/components/popover/popover_panel/_popover_panel.styles.js +5 -3
  716. package/test-env/components/popover/popover_title.js +1 -0
  717. package/test-env/components/progress/progress.js +1 -0
  718. package/test-env/components/provider/cache/cache_provider.js +11 -3
  719. package/test-env/components/resizable_container/resizable_button.js +2 -1
  720. package/test-env/components/resizable_container/resizable_container.js +2 -1
  721. package/test-env/components/resizable_container/resizable_panel.js +2 -1
  722. package/test-env/components/search_bar/search_bar.js +3 -1
  723. package/test-env/components/selectable/selectable.js +2 -0
  724. package/test-env/components/selectable/selectable_list/selectable_list.js +4 -0
  725. package/test-env/components/selectable/selectable_list/selectable_list_item.js +2 -0
  726. package/test-env/components/selectable/selectable_message/selectable_message.js +1 -0
  727. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
  728. package/test-env/components/side_nav/side_nav.js +1 -0
  729. package/test-env/components/spacer/spacer.js +1 -0
  730. package/test-env/components/stat/stat.js +1 -0
  731. package/test-env/components/steps/step.js +1 -0
  732. package/test-env/components/steps/step_horizontal.js +2 -1
  733. package/test-env/components/steps/step_number.js +2 -1
  734. package/test-env/components/steps/steps.js +2 -1
  735. package/test-env/components/steps/steps_horizontal.js +2 -1
  736. package/test-env/components/steps/sub_steps.js +2 -1
  737. package/test-env/components/suggest/suggest.js +2 -0
  738. package/test-env/components/suggest/suggest_item.js +1 -0
  739. package/test-env/components/table/mobile/table_header_mobile.js +2 -1
  740. package/test-env/components/table/mobile/table_sort_mobile_item.js +2 -1
  741. package/test-env/components/table/table.js +2 -1
  742. package/test-env/components/table/table_body.js +1 -0
  743. package/test-env/components/table/table_footer.js +2 -1
  744. package/test-env/components/table/table_footer_cell.js +1 -0
  745. package/test-env/components/table/table_header.js +1 -0
  746. package/test-env/components/table/table_header_button.js +1 -0
  747. package/test-env/components/table/table_header_cell.js +1 -0
  748. package/test-env/components/table/table_header_cell_checkbox.js +1 -0
  749. package/test-env/components/table/table_row.js +1 -0
  750. package/test-env/components/table/table_row_cell.js +1 -0
  751. package/test-env/components/table/table_row_cell_checkbox.js +2 -1
  752. package/test-env/components/tabs/tab.js +1 -0
  753. package/test-env/components/tabs/tabbed_content/tabbed_content.js +7 -3
  754. package/test-env/components/text/text.js +1 -0
  755. package/test-env/components/text/text_align.js +1 -0
  756. package/test-env/components/text/text_color.js +1 -0
  757. package/test-env/components/timeline/timeline.js +4 -2
  758. package/test-env/components/timeline/timeline_item.js +2 -1
  759. package/test-env/components/title/title.js +1 -0
  760. package/test-env/components/toast/global_toast_list.js +4 -2
  761. package/test-env/components/toast/global_toast_list_item.js +1 -0
  762. package/test-env/components/toast/toast.js +2 -1
  763. package/test-env/components/tool_tip/tool_tip_popover.js +1 -0
  764. package/test-env/components/tour/tour.js +1 -71
  765. package/test-env/components/tour/tour.styles.js +79 -0
  766. package/test-env/components/tour/tour_step.js +31 -5
  767. package/test-env/components/tour/tour_step_indicator.js +24 -20
  768. package/test-env/components/tree_view/tree_view.js +1 -0
  769. package/test-env/global_styling/mixins/_responsive.js +18 -14
  770. package/test-env/global_styling/variables/breakpoint.js +3 -1
  771. package/test-env/services/breakpoint/_sorting.js +45 -0
  772. package/test-env/services/breakpoint/current_breakpoint.js +19 -5
  773. package/test-env/services/breakpoint/current_breakpoint_hook.js +9 -2
  774. package/test-env/services/breakpoint/index.js +4 -17
  775. package/test-env/services/breakpoint/is_within_hooks.js +82 -0
  776. package/test-env/services/index.js +14 -42
  777. package/es/services/breakpoint/breakpoint.js +0 -86
  778. package/es/services/breakpoint/useIsWithinBreakpoints.js +0 -24
  779. package/lib/services/breakpoint/breakpoint.js +0 -105
  780. package/lib/services/breakpoint/useIsWithinBreakpoints.js +0 -34
  781. package/optimize/es/services/breakpoint/breakpoint.js +0 -86
  782. package/optimize/es/services/breakpoint/useIsWithinBreakpoints.js +0 -24
  783. package/optimize/lib/services/breakpoint/breakpoint.js +0 -105
  784. package/optimize/lib/services/breakpoint/useIsWithinBreakpoints.js +0 -34
  785. package/src/components/tour/_index.scss +0 -2
  786. package/src/components/tour/_tour.scss +0 -68
  787. package/src/components/tour/_tour_step_indicator.scss +0 -3
  788. package/test-env/services/breakpoint/breakpoint.js +0 -105
  789. package/test-env/services/breakpoint/useIsWithinBreakpoints.js +0 -34
@@ -1,105 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.BREAKPOINT_KEYS = exports.BREAKPOINTS = void 0;
7
- exports.getBreakpoint = getBreakpoint;
8
- exports.isWithinBreakpoints = isWithinBreakpoints;
9
- exports.isWithinMaxBreakpoint = isWithinMaxBreakpoint;
10
- exports.isWithinMinBreakpoint = isWithinMinBreakpoint;
11
-
12
- var _common = require("../../components/common");
13
-
14
- var _breakpoint = require("../../themes/amsterdam/global_styling/variables/_breakpoint");
15
-
16
- /*
17
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
18
- * or more contributor license agreements. Licensed under the Elastic License
19
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
20
- * in compliance with, at your election, the Elastic License 2.0 or the Server
21
- * Side Public License, v 1.
22
- */
23
- var BREAKPOINTS = _breakpoint.breakpoint;
24
- exports.BREAKPOINTS = BREAKPOINTS;
25
- var BREAKPOINT_KEYS = (0, _common.keysOf)(BREAKPOINTS);
26
- /**
27
- * Given the current `width` and an object of `EuiBreakpoints`,
28
- * this function returns the string that is the name of the breakpoint key
29
- * that is less than or equal to the width
30
- *
31
- * @param {number} width Can either be the full window width or any width
32
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
33
- * @returns {string | undefined} Name of the breakpoint key or `undefined` if a key doesn't exist
34
- */
35
-
36
- exports.BREAKPOINT_KEYS = BREAKPOINT_KEYS;
37
-
38
- function getBreakpoint(width) {
39
- var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : BREAKPOINTS;
40
- // Find the breakpoint (key) whose value is <= windowWidth starting with largest first
41
- return BREAKPOINT_KEYS.find(function (key) {
42
- return breakpoints[key] <= width;
43
- });
44
- }
45
- /**
46
- * Given the current `width` and a max breakpoint key,
47
- * this function returns true or false if the `width` falls within the max
48
- * breakpoint or any breakpoints below
49
- *
50
- * @param {number} width Can either be the full window width or any width
51
- * @param {EuiBreakpointSize | number} max The named breakpoint or custom number to check against
52
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
53
- * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
54
- */
55
-
56
-
57
- function isWithinMaxBreakpoint(width, max) {
58
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
59
-
60
- if (typeof max === 'number') {
61
- return width <= max;
62
- } else {
63
- var currentBreakpoint = getBreakpoint(width, breakpoints);
64
- return currentBreakpoint ? breakpoints[currentBreakpoint] <= breakpoints[max] : false;
65
- }
66
- }
67
- /**
68
- * Given the current `width` and a min breakpoint key,
69
- * this function returns true or false if the `width` falls within the min
70
- * breakpoint or any breakpoints above
71
- *
72
- * @param {number} width Can either be the full window width or any width
73
- * @param {EuiBreakpointSize | number} min The named breakpoint or custom number to check against
74
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
75
- * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
76
- */
77
-
78
-
79
- function isWithinMinBreakpoint(width, min) {
80
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
81
-
82
- if (typeof min === 'number') {
83
- return width >= min;
84
- } else {
85
- var currentBreakpoint = getBreakpoint(width, breakpoints);
86
- return currentBreakpoint ? breakpoints[currentBreakpoint] >= breakpoints[min] : false;
87
- }
88
- }
89
- /**
90
- * Given the current `width` and an array of breakpoint keys,
91
- * this function returns true or false if the `width` falls within
92
- * any of the named breakpoints
93
- *
94
- * @param {number} width Can either be the full window width or any width
95
- * @param {EuiBreakpointSize[]} sizes An array of named breakpoints
96
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
97
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
98
- */
99
-
100
-
101
- function isWithinBreakpoints(width, sizes) {
102
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
103
- var currentBreakpoint = getBreakpoint(width, breakpoints);
104
- return currentBreakpoint ? sizes.includes(currentBreakpoint) : false;
105
- }
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useIsWithinBreakpoints = void 0;
7
-
8
- var _current_breakpoint_hook = require("./current_breakpoint_hook");
9
-
10
- /*
11
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
12
- * or more contributor license agreements. Licensed under the Elastic License
13
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
14
- * in compliance with, at your election, the Elastic License 2.0 or the Server
15
- * Side Public License, v 1.
16
- */
17
-
18
- /**
19
- * Given the current window.innerWidth and an array of breakpoint keys,
20
- * this hook stores state and returns true or false if the window.innerWidth
21
- * falls within any of the named breakpoints.
22
- *
23
- * @param {_EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
24
- * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
25
- * Since hooks can't be called conditionally, it's easier to pass the condition into the hook
26
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
27
- */
28
- var useIsWithinBreakpoints = function useIsWithinBreakpoints(sizes) {
29
- var isResponsive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
30
- var currentBreakpoint = (0, _current_breakpoint_hook.useCurrentEuiBreakpoint)();
31
- return currentBreakpoint && isResponsive ? sizes.includes(currentBreakpoint) : false;
32
- };
33
-
34
- exports.useIsWithinBreakpoints = useIsWithinBreakpoints;
@@ -1,86 +0,0 @@
1
- /*
2
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
3
- * or more contributor license agreements. Licensed under the Elastic License
4
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
5
- * in compliance with, at your election, the Elastic License 2.0 or the Server
6
- * Side Public License, v 1.
7
- */
8
- import { keysOf } from '../../components/common';
9
- import { breakpoint } from '../../themes/amsterdam/global_styling/variables/_breakpoint';
10
- export var BREAKPOINTS = breakpoint;
11
- export var BREAKPOINT_KEYS = keysOf(BREAKPOINTS);
12
- /**
13
- * Given the current `width` and an object of `EuiBreakpoints`,
14
- * this function returns the string that is the name of the breakpoint key
15
- * that is less than or equal to the width
16
- *
17
- * @param {number} width Can either be the full window width or any width
18
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
19
- * @returns {string | undefined} Name of the breakpoint key or `undefined` if a key doesn't exist
20
- */
21
-
22
- export function getBreakpoint(width) {
23
- var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : BREAKPOINTS;
24
- // Find the breakpoint (key) whose value is <= windowWidth starting with largest first
25
- return BREAKPOINT_KEYS.find(function (key) {
26
- return breakpoints[key] <= width;
27
- });
28
- }
29
- /**
30
- * Given the current `width` and a max breakpoint key,
31
- * this function returns true or false if the `width` falls within the max
32
- * breakpoint or any breakpoints below
33
- *
34
- * @param {number} width Can either be the full window width or any width
35
- * @param {EuiBreakpointSize | number} max The named breakpoint or custom number to check against
36
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
37
- * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
38
- */
39
-
40
- export function isWithinMaxBreakpoint(width, max) {
41
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
42
-
43
- if (typeof max === 'number') {
44
- return width <= max;
45
- } else {
46
- var currentBreakpoint = getBreakpoint(width, breakpoints);
47
- return currentBreakpoint ? breakpoints[currentBreakpoint] <= breakpoints[max] : false;
48
- }
49
- }
50
- /**
51
- * Given the current `width` and a min breakpoint key,
52
- * this function returns true or false if the `width` falls within the min
53
- * breakpoint or any breakpoints above
54
- *
55
- * @param {number} width Can either be the full window width or any width
56
- * @param {EuiBreakpointSize | number} min The named breakpoint or custom number to check against
57
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
58
- * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
59
- */
60
-
61
- export function isWithinMinBreakpoint(width, min) {
62
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
63
-
64
- if (typeof min === 'number') {
65
- return width >= min;
66
- } else {
67
- var currentBreakpoint = getBreakpoint(width, breakpoints);
68
- return currentBreakpoint ? breakpoints[currentBreakpoint] >= breakpoints[min] : false;
69
- }
70
- }
71
- /**
72
- * Given the current `width` and an array of breakpoint keys,
73
- * this function returns true or false if the `width` falls within
74
- * any of the named breakpoints
75
- *
76
- * @param {number} width Can either be the full window width or any width
77
- * @param {EuiBreakpointSize[]} sizes An array of named breakpoints
78
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
79
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
80
- */
81
-
82
- export function isWithinBreakpoints(width, sizes) {
83
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
84
- var currentBreakpoint = getBreakpoint(width, breakpoints);
85
- return currentBreakpoint ? sizes.includes(currentBreakpoint) : false;
86
- }
@@ -1,24 +0,0 @@
1
- /*
2
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
3
- * or more contributor license agreements. Licensed under the Elastic License
4
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
5
- * in compliance with, at your election, the Elastic License 2.0 or the Server
6
- * Side Public License, v 1.
7
- */
8
- import { useCurrentEuiBreakpoint } from './current_breakpoint_hook';
9
- /**
10
- * Given the current window.innerWidth and an array of breakpoint keys,
11
- * this hook stores state and returns true or false if the window.innerWidth
12
- * falls within any of the named breakpoints.
13
- *
14
- * @param {_EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
15
- * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
16
- * Since hooks can't be called conditionally, it's easier to pass the condition into the hook
17
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
18
- */
19
-
20
- export var useIsWithinBreakpoints = function useIsWithinBreakpoints(sizes) {
21
- var isResponsive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
22
- var currentBreakpoint = useCurrentEuiBreakpoint();
23
- return currentBreakpoint && isResponsive ? sizes.includes(currentBreakpoint) : false;
24
- };
@@ -1,105 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.BREAKPOINT_KEYS = exports.BREAKPOINTS = void 0;
7
- exports.getBreakpoint = getBreakpoint;
8
- exports.isWithinBreakpoints = isWithinBreakpoints;
9
- exports.isWithinMaxBreakpoint = isWithinMaxBreakpoint;
10
- exports.isWithinMinBreakpoint = isWithinMinBreakpoint;
11
-
12
- var _common = require("../../components/common");
13
-
14
- var _breakpoint = require("../../themes/amsterdam/global_styling/variables/_breakpoint");
15
-
16
- /*
17
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
18
- * or more contributor license agreements. Licensed under the Elastic License
19
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
20
- * in compliance with, at your election, the Elastic License 2.0 or the Server
21
- * Side Public License, v 1.
22
- */
23
- var BREAKPOINTS = _breakpoint.breakpoint;
24
- exports.BREAKPOINTS = BREAKPOINTS;
25
- var BREAKPOINT_KEYS = (0, _common.keysOf)(BREAKPOINTS);
26
- /**
27
- * Given the current `width` and an object of `EuiBreakpoints`,
28
- * this function returns the string that is the name of the breakpoint key
29
- * that is less than or equal to the width
30
- *
31
- * @param {number} width Can either be the full window width or any width
32
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
33
- * @returns {string | undefined} Name of the breakpoint key or `undefined` if a key doesn't exist
34
- */
35
-
36
- exports.BREAKPOINT_KEYS = BREAKPOINT_KEYS;
37
-
38
- function getBreakpoint(width) {
39
- var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : BREAKPOINTS;
40
- // Find the breakpoint (key) whose value is <= windowWidth starting with largest first
41
- return BREAKPOINT_KEYS.find(function (key) {
42
- return breakpoints[key] <= width;
43
- });
44
- }
45
- /**
46
- * Given the current `width` and a max breakpoint key,
47
- * this function returns true or false if the `width` falls within the max
48
- * breakpoint or any breakpoints below
49
- *
50
- * @param {number} width Can either be the full window width or any width
51
- * @param {EuiBreakpointSize | number} max The named breakpoint or custom number to check against
52
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
53
- * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
54
- */
55
-
56
-
57
- function isWithinMaxBreakpoint(width, max) {
58
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
59
-
60
- if (typeof max === 'number') {
61
- return width <= max;
62
- } else {
63
- var currentBreakpoint = getBreakpoint(width, breakpoints);
64
- return currentBreakpoint ? breakpoints[currentBreakpoint] <= breakpoints[max] : false;
65
- }
66
- }
67
- /**
68
- * Given the current `width` and a min breakpoint key,
69
- * this function returns true or false if the `width` falls within the min
70
- * breakpoint or any breakpoints above
71
- *
72
- * @param {number} width Can either be the full window width or any width
73
- * @param {EuiBreakpointSize | number} min The named breakpoint or custom number to check against
74
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
75
- * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
76
- */
77
-
78
-
79
- function isWithinMinBreakpoint(width, min) {
80
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
81
-
82
- if (typeof min === 'number') {
83
- return width >= min;
84
- } else {
85
- var currentBreakpoint = getBreakpoint(width, breakpoints);
86
- return currentBreakpoint ? breakpoints[currentBreakpoint] >= breakpoints[min] : false;
87
- }
88
- }
89
- /**
90
- * Given the current `width` and an array of breakpoint keys,
91
- * this function returns true or false if the `width` falls within
92
- * any of the named breakpoints
93
- *
94
- * @param {number} width Can either be the full window width or any width
95
- * @param {EuiBreakpointSize[]} sizes An array of named breakpoints
96
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
97
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
98
- */
99
-
100
-
101
- function isWithinBreakpoints(width, sizes) {
102
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
103
- var currentBreakpoint = getBreakpoint(width, breakpoints);
104
- return currentBreakpoint ? sizes.includes(currentBreakpoint) : false;
105
- }
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useIsWithinBreakpoints = void 0;
7
-
8
- var _current_breakpoint_hook = require("./current_breakpoint_hook");
9
-
10
- /*
11
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
12
- * or more contributor license agreements. Licensed under the Elastic License
13
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
14
- * in compliance with, at your election, the Elastic License 2.0 or the Server
15
- * Side Public License, v 1.
16
- */
17
-
18
- /**
19
- * Given the current window.innerWidth and an array of breakpoint keys,
20
- * this hook stores state and returns true or false if the window.innerWidth
21
- * falls within any of the named breakpoints.
22
- *
23
- * @param {_EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
24
- * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
25
- * Since hooks can't be called conditionally, it's easier to pass the condition into the hook
26
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
27
- */
28
- var useIsWithinBreakpoints = function useIsWithinBreakpoints(sizes) {
29
- var isResponsive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
30
- var currentBreakpoint = (0, _current_breakpoint_hook.useCurrentEuiBreakpoint)();
31
- return currentBreakpoint && isResponsive ? sizes.includes(currentBreakpoint) : false;
32
- };
33
-
34
- exports.useIsWithinBreakpoints = useIsWithinBreakpoints;
@@ -1,2 +0,0 @@
1
- @import 'tour';
2
- @import 'tour_step_indicator';
@@ -1,68 +0,0 @@
1
- $euiPopoverArrowSize: $euiSizeM;
2
-
3
- .euiTourHeader {
4
- border-bottom: none;
5
- // Overriding default `EuiPopoverTitle` styles
6
- margin-bottom: $euiSizeS !important; // sass-lint:disable-line no-important
7
-
8
- .euiTourHeader__title { // nested for additional specificity to override EuiTitle styles
9
- // Removes extra margin applied to siblint EuiTitle's
10
- margin-top: 0;
11
- }
12
- }
13
-
14
- .euiTourHeader__subtitle {
15
- color: $euiTextSubduedColor;
16
- }
17
-
18
- .euiTourFooter {
19
- background-color: $euiPageBackgroundColor;
20
- border-radius: 0 0 $euiBorderRadius $euiBorderRadius;
21
- }
22
-
23
- .euiTour {
24
- .euiTour__beacon {
25
- pointer-events: none;
26
- position: absolute;
27
- opacity: 0;
28
- transition: opacity 0s $euiAnimSpeedSlow; // delay time equals EuiPopover animation time
29
- }
30
-
31
- &[data-popover-open='true'] {
32
- .euiTour__beacon {
33
- opacity: 1;
34
- }
35
- }
36
-
37
- [data-popover-arrow='right'] {
38
- .euiTour__beacon {
39
- top: $euiPopoverArrowSize / 2;
40
- left: -$euiPopoverArrowSize * 2;
41
- }
42
- }
43
-
44
- [data-popover-arrow='left'] {
45
- .euiTour__beacon {
46
- top: $euiPopoverArrowSize / 2;
47
- left: $euiPopoverArrowSize;
48
- }
49
- }
50
-
51
- [data-popover-arrow='top'] {
52
- &:before {
53
- border-top-color: $euiPageBackgroundColor;
54
- }
55
-
56
- .euiTour__beacon {
57
- top: $euiPopoverArrowSize;
58
- left: $euiPopoverArrowSize / 2;
59
- }
60
- }
61
-
62
- [data-popover-arrow='bottom'] {
63
- .euiTour__beacon {
64
- top: -$euiPopoverArrowSize * 2;
65
- left: $euiPopoverArrowSize / 2;
66
- }
67
- }
68
- }
@@ -1,3 +0,0 @@
1
- .euiTourStepIndicator {
2
- display: inline-block;
3
- }
@@ -1,105 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.BREAKPOINT_KEYS = exports.BREAKPOINTS = void 0;
7
- exports.getBreakpoint = getBreakpoint;
8
- exports.isWithinBreakpoints = isWithinBreakpoints;
9
- exports.isWithinMaxBreakpoint = isWithinMaxBreakpoint;
10
- exports.isWithinMinBreakpoint = isWithinMinBreakpoint;
11
-
12
- var _common = require("../../components/common");
13
-
14
- var _breakpoint = require("../../themes/amsterdam/global_styling/variables/_breakpoint");
15
-
16
- /*
17
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
18
- * or more contributor license agreements. Licensed under the Elastic License
19
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
20
- * in compliance with, at your election, the Elastic License 2.0 or the Server
21
- * Side Public License, v 1.
22
- */
23
- var BREAKPOINTS = _breakpoint.breakpoint;
24
- exports.BREAKPOINTS = BREAKPOINTS;
25
- var BREAKPOINT_KEYS = (0, _common.keysOf)(BREAKPOINTS);
26
- /**
27
- * Given the current `width` and an object of `EuiBreakpoints`,
28
- * this function returns the string that is the name of the breakpoint key
29
- * that is less than or equal to the width
30
- *
31
- * @param {number} width Can either be the full window width or any width
32
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
33
- * @returns {string | undefined} Name of the breakpoint key or `undefined` if a key doesn't exist
34
- */
35
-
36
- exports.BREAKPOINT_KEYS = BREAKPOINT_KEYS;
37
-
38
- function getBreakpoint(width) {
39
- var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : BREAKPOINTS;
40
- // Find the breakpoint (key) whose value is <= windowWidth starting with largest first
41
- return BREAKPOINT_KEYS.find(function (key) {
42
- return breakpoints[key] <= width;
43
- });
44
- }
45
- /**
46
- * Given the current `width` and a max breakpoint key,
47
- * this function returns true or false if the `width` falls within the max
48
- * breakpoint or any breakpoints below
49
- *
50
- * @param {number} width Can either be the full window width or any width
51
- * @param {EuiBreakpointSize | number} max The named breakpoint or custom number to check against
52
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
53
- * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
54
- */
55
-
56
-
57
- function isWithinMaxBreakpoint(width, max) {
58
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
59
-
60
- if (typeof max === 'number') {
61
- return width <= max;
62
- } else {
63
- var currentBreakpoint = getBreakpoint(width, breakpoints);
64
- return currentBreakpoint ? breakpoints[currentBreakpoint] <= breakpoints[max] : false;
65
- }
66
- }
67
- /**
68
- * Given the current `width` and a min breakpoint key,
69
- * this function returns true or false if the `width` falls within the min
70
- * breakpoint or any breakpoints above
71
- *
72
- * @param {number} width Can either be the full window width or any width
73
- * @param {EuiBreakpointSize | number} min The named breakpoint or custom number to check against
74
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
75
- * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
76
- */
77
-
78
-
79
- function isWithinMinBreakpoint(width, min) {
80
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
81
-
82
- if (typeof min === 'number') {
83
- return width >= min;
84
- } else {
85
- var currentBreakpoint = getBreakpoint(width, breakpoints);
86
- return currentBreakpoint ? breakpoints[currentBreakpoint] >= breakpoints[min] : false;
87
- }
88
- }
89
- /**
90
- * Given the current `width` and an array of breakpoint keys,
91
- * this function returns true or false if the `width` falls within
92
- * any of the named breakpoints
93
- *
94
- * @param {number} width Can either be the full window width or any width
95
- * @param {EuiBreakpointSize[]} sizes An array of named breakpoints
96
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
97
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
98
- */
99
-
100
-
101
- function isWithinBreakpoints(width, sizes) {
102
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
103
- var currentBreakpoint = getBreakpoint(width, breakpoints);
104
- return currentBreakpoint ? sizes.includes(currentBreakpoint) : false;
105
- }
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useIsWithinBreakpoints = void 0;
7
-
8
- var _current_breakpoint_hook = require("./current_breakpoint_hook");
9
-
10
- /*
11
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
12
- * or more contributor license agreements. Licensed under the Elastic License
13
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
14
- * in compliance with, at your election, the Elastic License 2.0 or the Server
15
- * Side Public License, v 1.
16
- */
17
-
18
- /**
19
- * Given the current window.innerWidth and an array of breakpoint keys,
20
- * this hook stores state and returns true or false if the window.innerWidth
21
- * falls within any of the named breakpoints.
22
- *
23
- * @param {_EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
24
- * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
25
- * Since hooks can't be called conditionally, it's easier to pass the condition into the hook
26
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
27
- */
28
- var useIsWithinBreakpoints = function useIsWithinBreakpoints(sizes) {
29
- var isResponsive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
30
- var currentBreakpoint = (0, _current_breakpoint_hook.useCurrentEuiBreakpoint)();
31
- return currentBreakpoint && isResponsive ? sizes.includes(currentBreakpoint) : false;
32
- };
33
-
34
- exports.useIsWithinBreakpoints = useIsWithinBreakpoints;