@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.
- package/dist/eui_charts_theme.js +330 -330
- package/dist/eui_charts_theme.js.map +1 -1
- package/dist/eui_theme_dark.css +0 -44
- package/dist/eui_theme_dark.json +0 -1
- package/dist/eui_theme_dark.json.d.ts +0 -1
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +0 -44
- package/dist/eui_theme_light.json +0 -1
- package/dist/eui_theme_light.json.d.ts +0 -1
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
- package/es/components/accessibility/skip_link/skip_link.js +2 -0
- package/es/components/accordion/accordion.js +18 -7
- package/es/components/accordion/accordion.styles.js +4 -1
- package/es/components/aspect_ratio/aspect_ratio.js +10 -18
- package/es/components/avatar/avatar.js +1 -0
- package/es/components/badge/badge.js +1 -0
- package/es/components/badge/badge_group/badge_group.js +1 -0
- package/es/components/badge/beta_badge/beta_badge.js +1 -0
- package/es/components/badge/notification_badge/badge_notification.js +2 -1
- package/es/components/basic_table/basic_table.js +5 -2
- package/es/components/basic_table/in_memory_table.js +8 -3
- package/es/components/beacon/beacon.js +1 -0
- package/es/components/bottom_bar/bottom_bar.js +2 -0
- package/es/components/breadcrumbs/breadcrumb.js +1 -0
- package/es/components/breadcrumbs/breadcrumbs.js +2 -0
- package/es/components/button/_button_content_deprecated.js +3 -1
- package/es/components/button/button.js +4 -0
- package/es/components/button/button_display/_button_display.js +2 -0
- package/es/components/button/button_display/_button_display_content.js +3 -1
- package/es/components/button/button_empty/button_empty.js +3 -1
- package/es/components/button/button_group/button_group.js +4 -1
- package/es/components/button/button_group/button_group_button.js +2 -0
- package/es/components/button/button_icon/button_icon.js +1 -0
- package/es/components/call_out/call_out.js +1 -0
- package/es/components/card/card.js +3 -1
- package/es/components/card/card_select.js +3 -1
- package/es/components/code/code.js +1 -0
- package/es/components/code/code_block.js +1 -0
- package/es/components/collapsible_nav/collapsible_nav.js +8 -48
- package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
- package/es/components/color_picker/color_palette_display/color_palette_display.js +1 -0
- package/es/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
- package/es/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
- package/es/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
- package/es/components/color_picker/color_picker.js +1 -0
- package/es/components/color_picker/color_picker_swatch.js +1 -0
- package/es/components/color_picker/color_stops/color_stop_thumb.js +1 -0
- package/es/components/color_picker/color_stops/color_stops.js +2 -1
- package/es/components/color_picker/hue.js +1 -0
- package/es/components/color_picker/saturation.js +1 -0
- package/es/components/combo_box/combo_box.js +2 -1
- package/es/components/combo_box/combo_box_input/combo_box_input.js +6 -3
- package/es/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
- package/es/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
- package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
- package/es/components/comment_list/comment.js +1 -0
- package/es/components/comment_list/comment_event.js +2 -1
- package/es/components/comment_list/comment_list.js +2 -0
- package/es/components/comment_list/comment_timeline.js +2 -1
- package/es/components/context_menu/context_menu.js +3 -1
- package/es/components/context_menu/context_menu_item.js +1 -0
- package/es/components/context_menu/context_menu_panel.js +1 -0
- package/es/components/control_bar/control_bar.js +3 -0
- package/es/components/copy/copy.js +2 -1
- package/es/components/datagrid/body/data_grid_body.js +12 -0
- package/es/components/datagrid/body/data_grid_cell.js +24 -0
- package/es/components/datagrid/body/header/data_grid_header_cell.js +12 -0
- package/es/components/datagrid/body/header/data_grid_header_row.js +13 -0
- package/es/components/datagrid/data_grid.js +13 -0
- package/es/components/datagrid/utils/in_memory.js +12 -0
- package/es/components/date_picker/auto_refresh/auto_refresh.js +3 -1
- package/es/components/date_picker/date_picker.js +1 -0
- package/es/components/date_picker/date_picker_range.js +45 -4
- package/es/components/date_picker/super_date_picker/super_date_picker.js +2 -0
- package/es/components/description_list/description_list.js +5 -2
- package/es/components/description_list/description_list_description.js +4 -2
- package/es/components/description_list/description_list_title.js +4 -2
- package/es/components/drag_and_drop/draggable.js +2 -1
- package/es/components/drag_and_drop/droppable.js +2 -1
- package/es/components/empty_prompt/empty_prompt.js +1 -0
- package/es/components/error_boundary/error_boundary.js +1 -0
- package/es/components/expression/expression.js +1 -0
- package/es/components/facet/facet_button.js +2 -1
- package/es/components/facet/facet_group.js +1 -0
- package/es/components/filter_group/filter_group.js +1 -0
- package/es/components/filter_group/filter_select_item.js +2 -1
- package/es/components/flex/flex_grid.js +1 -0
- package/es/components/flex/flex_group.js +2 -1
- package/es/components/flex/flex_item.js +1 -0
- package/es/components/flyout/flyout.js +7 -34
- package/es/components/flyout/flyout_body.js +1 -0
- package/es/components/flyout/flyout_footer.js +2 -1
- package/es/components/flyout/flyout_header.js +1 -0
- package/es/components/focus_trap/focus_trap.js +1 -0
- package/es/components/form/checkbox/checkbox.js +4 -2
- package/es/components/form/checkbox/checkbox_group.js +2 -0
- package/es/components/form/described_form_group/described_form_group.js +1 -0
- package/es/components/form/field_number/field_number.js +1 -0
- package/es/components/form/field_password/field_password.js +1 -0
- package/es/components/form/field_search/field_search.js +2 -1
- package/es/components/form/field_text/field_text.js +1 -0
- package/es/components/form/file_picker/file_picker.js +2 -1
- package/es/components/form/form.js +1 -0
- package/es/components/form/form_control_layout/form_control_layout.js +2 -0
- package/es/components/form/form_control_layout/form_control_layout_clear_button.js +1 -0
- package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -0
- package/es/components/form/form_control_layout/form_control_layout_icons.js +1 -0
- package/es/components/form/form_error_text/form_error_text.js +2 -1
- package/es/components/form/form_fieldset/form_fieldset.js +3 -1
- package/es/components/form/form_fieldset/form_legend.js +1 -0
- package/es/components/form/form_help_text/form_help_text.js +2 -1
- package/es/components/form/form_label/form_label.js +2 -1
- package/es/components/form/form_row/form_row.js +1 -0
- package/es/components/form/radio/radio.js +3 -1
- package/es/components/form/radio/radio_group.js +2 -0
- package/es/components/form/range/dual_range.js +2 -1
- package/es/components/form/range/range.js +4 -2
- package/es/components/form/range/range_levels.js +2 -1
- package/es/components/form/range/range_slider.js +1 -0
- package/es/components/form/range/range_thumb.js +2 -1
- package/es/components/form/range/range_track.js +2 -1
- package/es/components/form/range/range_wrapper.js +2 -1
- package/es/components/form/select/select.js +1 -0
- package/es/components/form/super_select/super_select.js +1 -0
- package/es/components/form/switch/switch.js +3 -1
- package/es/components/form/text_area/text_area.js +1 -0
- package/es/components/form/validatable_control/validatable_control.js +1 -0
- package/es/components/header/header.js +3 -2
- package/es/components/header/header_alert/header_alert.js +1 -0
- package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -0
- package/es/components/header/header_links/header_link.js +2 -0
- package/es/components/header/header_links/header_links.js +8 -1
- package/es/components/header/header_logo.js +1 -0
- package/es/components/header/header_section/header_section.js +1 -0
- package/es/components/header/header_section/header_section_item.js +1 -0
- package/es/components/health/health.js +1 -0
- package/es/components/highlight/highlight.js +1 -0
- package/es/components/horizontal_rule/horizontal_rule.js +2 -1
- package/es/components/icon/icon.js +1 -0
- package/es/components/image/image.js +1 -0
- package/es/components/key_pad_menu/key_pad_menu.js +1 -0
- package/es/components/key_pad_menu/key_pad_menu_item.js +1 -0
- package/es/components/link/link.js +1 -0
- package/es/components/list_group/list_group.js +3 -0
- package/es/components/list_group/list_group_item.js +2 -0
- package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +5 -0
- package/es/components/loading/loading_chart.js +1 -0
- package/es/components/loading/loading_content.js +1 -0
- package/es/components/loading/loading_elastic.js +1 -0
- package/es/components/loading/loading_logo.js +1 -0
- package/es/components/loading/loading_spinner.js +1 -0
- package/es/components/mark/mark.js +1 -0
- package/es/components/markdown_editor/markdown_editor.js +2 -0
- package/es/components/markdown_editor/markdown_editor_text_area.js +1 -0
- package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -0
- package/es/components/markdown_editor/markdown_format.js +1 -0
- package/es/components/modal/modal_body.js +2 -1
- package/es/components/modal/modal_footer.js +2 -1
- package/es/components/modal/modal_header.js +2 -1
- package/es/components/modal/modal_header_title.js +2 -1
- package/es/components/notification/notification_event.js +4 -1
- package/es/components/notification/notification_event_read_button.js +1 -0
- package/es/components/notification/notification_event_read_icon.js +1 -0
- package/es/components/overlay_mask/overlay_mask.js +3 -1
- package/es/components/page/page.js +1 -0
- package/es/components/page/page_content/page_content.js +1 -0
- package/es/components/page/page_content/page_content_body.js +1 -0
- package/es/components/page/page_content/page_content_header.js +2 -1
- package/es/components/page/page_content/page_content_header_section.js +2 -1
- package/es/components/page/page_header/page_header.js +1 -0
- package/es/components/page/page_header/page_header_content.js +4 -0
- package/es/components/page/page_header/page_header_section.js +2 -1
- package/es/components/page/page_section/page_section.js +1 -0
- package/es/components/page/page_side_bar/page_side_bar.js +2 -1
- package/es/components/page/page_sidebar/page_sidebar.js +5 -2
- package/es/components/page/page_template.js +7 -1
- package/es/components/page_template/empty_prompt/page_empty_prompt.js +1 -0
- package/es/components/page_template/outer/page_outer.js +2 -1
- package/es/components/page_template/page_template.js +9 -2
- package/es/components/pagination/pagination.js +1 -0
- package/es/components/pagination/pagination_button.js +2 -0
- package/es/components/panel/panel.js +2 -1
- package/es/components/panel/split_panel/split_panel.js +2 -1
- package/es/components/popover/input_popover.js +1 -0
- package/es/components/popover/popover.js +10 -2
- package/es/components/popover/popover_arrow/_popover_arrow.js +1 -0
- package/es/components/popover/popover_footer.js +1 -0
- package/es/components/popover/popover_panel/_popover_panel.js +1 -0
- package/es/components/popover/popover_panel/_popover_panel.styles.js +3 -2
- package/es/components/popover/popover_title.js +1 -0
- package/es/components/progress/progress.js +1 -0
- package/es/components/provider/cache/cache_provider.js +9 -3
- package/es/components/resizable_container/resizable_button.js +2 -1
- package/es/components/resizable_container/resizable_container.js +2 -1
- package/es/components/resizable_container/resizable_panel.js +2 -1
- package/es/components/search_bar/search_bar.js +3 -1
- package/es/components/selectable/selectable.js +2 -0
- package/es/components/selectable/selectable_list/selectable_list.js +4 -0
- package/es/components/selectable/selectable_list/selectable_list_item.js +2 -0
- package/es/components/selectable/selectable_message/selectable_message.js +1 -0
- package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
- package/es/components/side_nav/side_nav.js +1 -0
- package/es/components/spacer/spacer.js +1 -0
- package/es/components/stat/stat.js +1 -0
- package/es/components/steps/step.js +1 -0
- package/es/components/steps/step_horizontal.js +2 -1
- package/es/components/steps/step_number.js +2 -1
- package/es/components/steps/steps.js +2 -1
- package/es/components/steps/steps_horizontal.js +2 -1
- package/es/components/steps/sub_steps.js +2 -1
- package/es/components/suggest/suggest.js +2 -0
- package/es/components/suggest/suggest_item.js +1 -0
- package/es/components/table/mobile/table_header_mobile.js +2 -1
- package/es/components/table/mobile/table_sort_mobile_item.js +2 -1
- package/es/components/table/table.js +2 -1
- package/es/components/table/table_body.js +1 -0
- package/es/components/table/table_footer.js +2 -1
- package/es/components/table/table_footer_cell.js +1 -0
- package/es/components/table/table_header.js +1 -0
- package/es/components/table/table_header_button.js +1 -0
- package/es/components/table/table_header_cell.js +1 -0
- package/es/components/table/table_header_cell_checkbox.js +1 -0
- package/es/components/table/table_row.js +1 -0
- package/es/components/table/table_row_cell.js +1 -0
- package/es/components/table/table_row_cell_checkbox.js +2 -1
- package/es/components/tabs/tab.js +1 -0
- package/es/components/tabs/tabbed_content/tabbed_content.js +7 -3
- package/es/components/text/text.js +1 -0
- package/es/components/text/text_align.js +1 -0
- package/es/components/text/text_color.js +1 -0
- package/es/components/timeline/timeline.js +4 -2
- package/es/components/timeline/timeline_item.js +2 -1
- package/es/components/title/title.js +1 -0
- package/es/components/toast/global_toast_list.js +4 -2
- package/es/components/toast/global_toast_list_item.js +1 -0
- package/es/components/toast/toast.js +2 -1
- package/es/components/tool_tip/tool_tip_popover.js +1 -0
- package/es/components/tour/tour.js +1 -214
- package/es/components/tour/tour.styles.js +57 -0
- package/es/components/tour/tour_step.js +36 -6
- package/es/components/tour/tour_step_indicator.js +23 -14
- package/es/components/tree_view/tree_view.js +1 -0
- package/es/global_styling/mixins/_responsive.js +18 -14
- package/es/global_styling/variables/breakpoint.js +2 -1
- package/es/services/breakpoint/_sorting.js +41 -0
- package/es/services/breakpoint/current_breakpoint.js +19 -6
- package/es/services/breakpoint/index.js +2 -2
- package/es/services/breakpoint/is_within_hooks.js +67 -0
- package/es/services/index.js +1 -1
- package/eui.d.ts +196 -320
- package/i18ntokens.json +20 -20
- package/lib/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
- package/lib/components/accessibility/skip_link/skip_link.js +2 -0
- package/lib/components/accordion/accordion.js +18 -7
- package/lib/components/accordion/accordion.styles.js +4 -1
- package/lib/components/aspect_ratio/aspect_ratio.js +10 -20
- package/lib/components/avatar/avatar.js +1 -0
- package/lib/components/badge/badge.js +1 -0
- package/lib/components/badge/badge_group/badge_group.js +1 -0
- package/lib/components/badge/beta_badge/beta_badge.js +1 -0
- package/lib/components/badge/notification_badge/badge_notification.js +2 -1
- package/lib/components/basic_table/basic_table.js +5 -2
- package/lib/components/basic_table/in_memory_table.js +8 -3
- package/lib/components/beacon/beacon.js +1 -0
- package/lib/components/bottom_bar/bottom_bar.js +2 -0
- package/lib/components/breadcrumbs/breadcrumb.js +1 -0
- package/lib/components/breadcrumbs/breadcrumbs.js +2 -0
- package/lib/components/button/_button_content_deprecated.js +3 -1
- package/lib/components/button/button.js +4 -0
- package/lib/components/button/button_display/_button_display.js +2 -0
- package/lib/components/button/button_display/_button_display_content.js +3 -1
- package/lib/components/button/button_empty/button_empty.js +3 -1
- package/lib/components/button/button_group/button_group.js +4 -1
- package/lib/components/button/button_group/button_group_button.js +2 -0
- package/lib/components/button/button_icon/button_icon.js +1 -0
- package/lib/components/call_out/call_out.js +1 -0
- package/lib/components/card/card.js +3 -1
- package/lib/components/card/card_select.js +3 -1
- package/lib/components/code/code.js +1 -0
- package/lib/components/code/code_block.js +1 -0
- package/lib/components/collapsible_nav/collapsible_nav.js +6 -46
- package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
- package/lib/components/color_picker/color_palette_display/color_palette_display.js +1 -0
- package/lib/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
- package/lib/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
- package/lib/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
- package/lib/components/color_picker/color_picker.js +1 -0
- package/lib/components/color_picker/color_picker_swatch.js +1 -0
- package/lib/components/color_picker/color_stops/color_stop_thumb.js +1 -0
- package/lib/components/color_picker/color_stops/color_stops.js +2 -1
- package/lib/components/color_picker/hue.js +1 -0
- package/lib/components/color_picker/saturation.js +1 -0
- package/lib/components/combo_box/combo_box.js +2 -1
- package/lib/components/combo_box/combo_box_input/combo_box_input.js +6 -3
- package/lib/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
- package/lib/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
- package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
- package/lib/components/comment_list/comment.js +1 -0
- package/lib/components/comment_list/comment_event.js +2 -1
- package/lib/components/comment_list/comment_list.js +2 -0
- package/lib/components/comment_list/comment_timeline.js +2 -1
- package/lib/components/context_menu/context_menu.js +3 -1
- package/lib/components/context_menu/context_menu_item.js +1 -0
- package/lib/components/context_menu/context_menu_panel.js +1 -0
- package/lib/components/control_bar/control_bar.js +3 -0
- package/lib/components/copy/copy.js +2 -1
- package/lib/components/datagrid/body/data_grid_body.js +12 -0
- package/lib/components/datagrid/body/data_grid_cell.js +24 -0
- package/lib/components/datagrid/body/header/data_grid_header_cell.js +12 -0
- package/lib/components/datagrid/body/header/data_grid_header_row.js +13 -0
- package/lib/components/datagrid/data_grid.js +13 -0
- package/lib/components/datagrid/utils/in_memory.js +12 -0
- package/lib/components/date_picker/auto_refresh/auto_refresh.js +3 -1
- package/lib/components/date_picker/date_picker.js +1 -0
- package/lib/components/date_picker/date_picker_range.js +45 -4
- package/lib/components/date_picker/super_date_picker/super_date_picker.js +2 -0
- package/lib/components/description_list/description_list.js +5 -2
- package/lib/components/description_list/description_list_description.js +2 -1
- package/lib/components/description_list/description_list_title.js +2 -1
- package/lib/components/drag_and_drop/draggable.js +2 -1
- package/lib/components/drag_and_drop/droppable.js +2 -1
- package/lib/components/empty_prompt/empty_prompt.js +1 -0
- package/lib/components/error_boundary/error_boundary.js +1 -0
- package/lib/components/expression/expression.js +1 -0
- package/lib/components/facet/facet_button.js +2 -1
- package/lib/components/facet/facet_group.js +1 -0
- package/lib/components/filter_group/filter_group.js +1 -0
- package/lib/components/filter_group/filter_select_item.js +2 -1
- package/lib/components/flex/flex_grid.js +1 -0
- package/lib/components/flex/flex_group.js +2 -1
- package/lib/components/flex/flex_item.js +1 -0
- package/lib/components/flyout/flyout.js +6 -33
- package/lib/components/flyout/flyout_body.js +1 -0
- package/lib/components/flyout/flyout_footer.js +2 -1
- package/lib/components/flyout/flyout_header.js +1 -0
- package/lib/components/focus_trap/focus_trap.js +1 -0
- package/lib/components/form/checkbox/checkbox.js +4 -2
- package/lib/components/form/checkbox/checkbox_group.js +2 -0
- package/lib/components/form/described_form_group/described_form_group.js +1 -0
- package/lib/components/form/field_number/field_number.js +1 -0
- package/lib/components/form/field_password/field_password.js +1 -0
- package/lib/components/form/field_search/field_search.js +2 -1
- package/lib/components/form/field_text/field_text.js +1 -0
- package/lib/components/form/file_picker/file_picker.js +2 -1
- package/lib/components/form/form.js +1 -0
- package/lib/components/form/form_control_layout/form_control_layout.js +2 -0
- package/lib/components/form/form_control_layout/form_control_layout_clear_button.js +1 -0
- package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -0
- package/lib/components/form/form_control_layout/form_control_layout_icons.js +1 -0
- package/lib/components/form/form_error_text/form_error_text.js +2 -1
- package/lib/components/form/form_fieldset/form_fieldset.js +3 -1
- package/lib/components/form/form_fieldset/form_legend.js +1 -0
- package/lib/components/form/form_help_text/form_help_text.js +2 -1
- package/lib/components/form/form_label/form_label.js +2 -1
- package/lib/components/form/form_row/form_row.js +1 -0
- package/lib/components/form/radio/radio.js +3 -1
- package/lib/components/form/radio/radio_group.js +2 -0
- package/lib/components/form/range/dual_range.js +2 -1
- package/lib/components/form/range/range.js +4 -2
- package/lib/components/form/range/range_levels.js +2 -1
- package/lib/components/form/range/range_slider.js +1 -0
- package/lib/components/form/range/range_thumb.js +2 -1
- package/lib/components/form/range/range_track.js +2 -1
- package/lib/components/form/range/range_wrapper.js +2 -1
- package/lib/components/form/select/select.js +1 -0
- package/lib/components/form/super_select/super_select.js +1 -0
- package/lib/components/form/switch/switch.js +3 -1
- package/lib/components/form/text_area/text_area.js +1 -0
- package/lib/components/form/validatable_control/validatable_control.js +1 -0
- package/lib/components/header/header.js +3 -2
- package/lib/components/header/header_alert/header_alert.js +1 -0
- package/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -0
- package/lib/components/header/header_links/header_link.js +2 -0
- package/lib/components/header/header_links/header_links.js +8 -1
- package/lib/components/header/header_logo.js +1 -0
- package/lib/components/header/header_section/header_section.js +1 -0
- package/lib/components/header/header_section/header_section_item.js +1 -0
- package/lib/components/health/health.js +1 -0
- package/lib/components/highlight/highlight.js +1 -0
- package/lib/components/horizontal_rule/horizontal_rule.js +2 -1
- package/lib/components/icon/icon.js +1 -0
- package/lib/components/image/image.js +1 -0
- package/lib/components/key_pad_menu/key_pad_menu.js +1 -0
- package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -0
- package/lib/components/link/link.js +1 -0
- package/lib/components/list_group/list_group.js +3 -0
- package/lib/components/list_group/list_group_item.js +2 -0
- package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +5 -0
- package/lib/components/loading/loading_chart.js +1 -0
- package/lib/components/loading/loading_content.js +1 -0
- package/lib/components/loading/loading_elastic.js +1 -0
- package/lib/components/loading/loading_logo.js +1 -0
- package/lib/components/loading/loading_spinner.js +1 -0
- package/lib/components/mark/mark.js +1 -0
- package/lib/components/markdown_editor/markdown_editor.js +2 -0
- package/lib/components/markdown_editor/markdown_editor_text_area.js +1 -0
- package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -0
- package/lib/components/markdown_editor/markdown_format.js +1 -0
- package/lib/components/modal/modal_body.js +2 -1
- package/lib/components/modal/modal_footer.js +2 -1
- package/lib/components/modal/modal_header.js +2 -1
- package/lib/components/modal/modal_header_title.js +2 -1
- package/lib/components/notification/notification_event.js +4 -1
- package/lib/components/notification/notification_event_read_button.js +1 -0
- package/lib/components/overlay_mask/overlay_mask.js +3 -1
- package/lib/components/page/page.js +1 -0
- package/lib/components/page/page_content/page_content.js +1 -0
- package/lib/components/page/page_content/page_content_body.js +1 -0
- package/lib/components/page/page_content/page_content_header.js +2 -1
- package/lib/components/page/page_content/page_content_header_section.js +2 -1
- package/lib/components/page/page_header/page_header.js +1 -0
- package/lib/components/page/page_header/page_header_content.js +4 -0
- package/lib/components/page/page_header/page_header_section.js +2 -1
- package/lib/components/page/page_section/page_section.js +1 -0
- package/lib/components/page/page_side_bar/page_side_bar.js +2 -1
- package/lib/components/page/page_sidebar/page_sidebar.js +5 -2
- package/lib/components/page/page_template.js +7 -1
- package/lib/components/page_template/empty_prompt/page_empty_prompt.js +1 -0
- package/lib/components/page_template/outer/page_outer.js +2 -1
- package/lib/components/page_template/page_template.js +9 -2
- package/lib/components/pagination/pagination.js +1 -0
- package/lib/components/panel/panel.js +2 -1
- package/lib/components/panel/split_panel/split_panel.js +2 -1
- package/lib/components/popover/input_popover.js +1 -0
- package/lib/components/popover/popover.js +10 -2
- package/lib/components/popover/popover_arrow/_popover_arrow.js +1 -0
- package/lib/components/popover/popover_footer.js +1 -0
- package/lib/components/popover/popover_panel/_popover_panel.js +1 -0
- package/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -3
- package/lib/components/popover/popover_title.js +1 -0
- package/lib/components/progress/progress.js +1 -0
- package/lib/components/provider/cache/cache_provider.js +11 -3
- package/lib/components/resizable_container/resizable_button.js +2 -1
- package/lib/components/resizable_container/resizable_container.js +2 -1
- package/lib/components/resizable_container/resizable_panel.js +2 -1
- package/lib/components/search_bar/search_bar.js +3 -1
- package/lib/components/selectable/selectable.js +2 -0
- package/lib/components/selectable/selectable_list/selectable_list.js +4 -0
- package/lib/components/selectable/selectable_list/selectable_list_item.js +2 -0
- package/lib/components/selectable/selectable_message/selectable_message.js +1 -0
- package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
- package/lib/components/side_nav/side_nav.js +1 -0
- package/lib/components/spacer/spacer.js +1 -0
- package/lib/components/stat/stat.js +1 -0
- package/lib/components/steps/step.js +1 -0
- package/lib/components/steps/step_horizontal.js +2 -1
- package/lib/components/steps/step_number.js +2 -1
- package/lib/components/steps/steps.js +2 -1
- package/lib/components/steps/steps_horizontal.js +2 -1
- package/lib/components/steps/sub_steps.js +2 -1
- package/lib/components/suggest/suggest.js +2 -0
- package/lib/components/suggest/suggest_item.js +1 -0
- package/lib/components/table/mobile/table_header_mobile.js +2 -1
- package/lib/components/table/mobile/table_sort_mobile_item.js +2 -1
- package/lib/components/table/table.js +2 -1
- package/lib/components/table/table_body.js +1 -0
- package/lib/components/table/table_footer.js +2 -1
- package/lib/components/table/table_footer_cell.js +1 -0
- package/lib/components/table/table_header.js +1 -0
- package/lib/components/table/table_header_button.js +1 -0
- package/lib/components/table/table_header_cell.js +1 -0
- package/lib/components/table/table_header_cell_checkbox.js +1 -0
- package/lib/components/table/table_row.js +1 -0
- package/lib/components/table/table_row_cell.js +1 -0
- package/lib/components/table/table_row_cell_checkbox.js +2 -1
- package/lib/components/tabs/tab.js +1 -0
- package/lib/components/tabs/tabbed_content/tabbed_content.js +7 -3
- package/lib/components/text/text.js +1 -0
- package/lib/components/text/text_align.js +1 -0
- package/lib/components/text/text_color.js +1 -0
- package/lib/components/timeline/timeline.js +4 -2
- package/lib/components/timeline/timeline_item.js +2 -1
- package/lib/components/title/title.js +1 -0
- package/lib/components/toast/global_toast_list.js +4 -2
- package/lib/components/toast/global_toast_list_item.js +1 -0
- package/lib/components/toast/toast.js +2 -1
- package/lib/components/tool_tip/tool_tip_popover.js +1 -0
- package/lib/components/tour/tour.js +1 -71
- package/lib/components/tour/tour.styles.js +79 -0
- package/lib/components/tour/tour_step.js +31 -5
- package/lib/components/tour/tour_step_indicator.js +22 -19
- package/lib/components/tree_view/tree_view.js +1 -0
- package/lib/global_styling/mixins/_responsive.js +18 -14
- package/lib/global_styling/variables/breakpoint.js +3 -1
- package/lib/services/breakpoint/_sorting.js +53 -0
- package/lib/services/breakpoint/current_breakpoint.js +19 -5
- package/lib/services/breakpoint/index.js +4 -17
- package/lib/services/breakpoint/is_within_hooks.js +82 -0
- package/lib/services/index.js +14 -42
- package/optimize/es/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
- package/optimize/es/components/accordion/accordion.js +9 -5
- package/optimize/es/components/accordion/accordion.styles.js +4 -1
- package/optimize/es/components/aspect_ratio/aspect_ratio.js +9 -18
- package/optimize/es/components/collapsible_nav/collapsible_nav.js +3 -38
- package/optimize/es/components/date_picker/date_picker_range.js +29 -3
- package/optimize/es/components/description_list/description_list_description.js +2 -1
- package/optimize/es/components/description_list/description_list_title.js +2 -1
- package/optimize/es/components/flyout/flyout.js +7 -34
- package/optimize/es/components/header/header.js +2 -2
- package/optimize/es/components/overlay_mask/overlay_mask.js +2 -1
- package/optimize/es/components/page/page_sidebar/page_sidebar.js +3 -1
- package/optimize/es/components/page_template/page_template.js +3 -1
- package/optimize/es/components/popover/popover.js +3 -1
- package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +3 -2
- package/optimize/es/components/provider/cache/cache_provider.js +9 -3
- package/optimize/es/components/tour/tour.styles.js +57 -0
- package/optimize/es/components/tour/tour_step.js +30 -6
- package/optimize/es/components/tour/tour_step_indicator.js +19 -12
- package/optimize/es/global_styling/mixins/_responsive.js +18 -14
- package/optimize/es/global_styling/variables/breakpoint.js +2 -1
- package/optimize/es/services/breakpoint/_sorting.js +31 -0
- package/optimize/es/services/breakpoint/current_breakpoint.js +19 -6
- package/optimize/es/services/breakpoint/index.js +2 -2
- package/optimize/es/services/breakpoint/is_within_hooks.js +67 -0
- package/optimize/es/services/index.js +1 -1
- package/optimize/lib/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
- package/optimize/lib/components/accordion/accordion.js +9 -5
- package/optimize/lib/components/accordion/accordion.styles.js +4 -1
- package/optimize/lib/components/aspect_ratio/aspect_ratio.js +9 -20
- package/optimize/lib/components/collapsible_nav/collapsible_nav.js +1 -37
- package/optimize/lib/components/date_picker/date_picker_range.js +29 -3
- package/optimize/lib/components/flyout/flyout.js +6 -33
- package/optimize/lib/components/header/header.js +2 -2
- package/optimize/lib/components/overlay_mask/overlay_mask.js +2 -1
- package/optimize/lib/components/page/page_sidebar/page_sidebar.js +3 -1
- package/optimize/lib/components/page_template/page_template.js +3 -1
- package/optimize/lib/components/popover/popover.js +3 -1
- package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -3
- package/optimize/lib/components/provider/cache/cache_provider.js +11 -3
- package/optimize/lib/components/tour/tour.styles.js +79 -0
- package/optimize/lib/components/tour/tour_step.js +30 -5
- package/optimize/lib/components/tour/tour_step_indicator.js +20 -17
- package/optimize/lib/global_styling/mixins/_responsive.js +18 -14
- package/optimize/lib/global_styling/variables/breakpoint.js +3 -1
- package/optimize/lib/services/breakpoint/_sorting.js +45 -0
- package/optimize/lib/services/breakpoint/current_breakpoint.js +19 -5
- package/optimize/lib/services/breakpoint/index.js +4 -17
- package/optimize/lib/services/breakpoint/is_within_hooks.js +82 -0
- package/optimize/lib/services/index.js +14 -42
- package/package.json +2 -1
- package/src/components/index.scss +0 -1
- package/test-env/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
- package/test-env/components/accessibility/skip_link/skip_link.js +2 -0
- package/test-env/components/accordion/accordion.js +18 -7
- package/test-env/components/accordion/accordion.styles.js +4 -1
- package/test-env/components/aspect_ratio/aspect_ratio.js +10 -20
- package/test-env/components/avatar/avatar.js +1 -0
- package/test-env/components/badge/badge.js +1 -0
- package/test-env/components/badge/badge_group/badge_group.js +1 -0
- package/test-env/components/badge/beta_badge/beta_badge.js +1 -0
- package/test-env/components/badge/notification_badge/badge_notification.js +2 -1
- package/test-env/components/basic_table/basic_table.js +5 -2
- package/test-env/components/basic_table/in_memory_table.js +8 -3
- package/test-env/components/beacon/beacon.js +1 -0
- package/test-env/components/bottom_bar/bottom_bar.js +2 -0
- package/test-env/components/breadcrumbs/breadcrumb.js +1 -0
- package/test-env/components/breadcrumbs/breadcrumbs.js +2 -0
- package/test-env/components/button/_button_content_deprecated.js +3 -1
- package/test-env/components/button/button.js +4 -0
- package/test-env/components/button/button_display/_button_display.js +2 -0
- package/test-env/components/button/button_display/_button_display_content.js +3 -1
- package/test-env/components/button/button_empty/button_empty.js +3 -1
- package/test-env/components/button/button_group/button_group.js +4 -1
- package/test-env/components/button/button_group/button_group_button.js +2 -0
- package/test-env/components/button/button_icon/button_icon.js +1 -0
- package/test-env/components/call_out/call_out.js +1 -0
- package/test-env/components/card/card.js +3 -1
- package/test-env/components/card/card_select.js +3 -1
- package/test-env/components/collapsible_nav/collapsible_nav.js +6 -40
- package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
- package/test-env/components/color_picker/color_palette_display/color_palette_display.js +1 -0
- package/test-env/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
- package/test-env/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
- package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
- package/test-env/components/color_picker/color_picker.js +1 -0
- package/test-env/components/color_picker/color_picker_swatch.js +1 -0
- package/test-env/components/color_picker/color_stops/color_stop_thumb.js +1 -0
- package/test-env/components/color_picker/color_stops/color_stops.js +2 -1
- package/test-env/components/color_picker/hue.js +1 -0
- package/test-env/components/color_picker/saturation.js +1 -0
- package/test-env/components/combo_box/combo_box.js +2 -1
- package/test-env/components/combo_box/combo_box_input/combo_box_input.js +6 -3
- package/test-env/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
- package/test-env/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
- package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
- package/test-env/components/comment_list/comment.js +1 -0
- package/test-env/components/comment_list/comment_event.js +2 -1
- package/test-env/components/comment_list/comment_list.js +2 -0
- package/test-env/components/comment_list/comment_timeline.js +2 -1
- package/test-env/components/context_menu/context_menu.js +3 -1
- package/test-env/components/context_menu/context_menu_item.js +1 -0
- package/test-env/components/context_menu/context_menu_panel.js +1 -0
- package/test-env/components/control_bar/control_bar.js +3 -0
- package/test-env/components/copy/copy.js +2 -1
- package/test-env/components/datagrid/body/data_grid_body.js +12 -0
- package/test-env/components/datagrid/body/data_grid_cell.js +24 -0
- package/test-env/components/datagrid/body/header/data_grid_header_cell.js +12 -0
- package/test-env/components/datagrid/body/header/data_grid_header_row.js +13 -0
- package/test-env/components/datagrid/data_grid.js +13 -0
- package/test-env/components/datagrid/utils/in_memory.js +12 -0
- package/test-env/components/date_picker/auto_refresh/auto_refresh.js +3 -1
- package/test-env/components/date_picker/date_picker.js +1 -0
- package/test-env/components/date_picker/date_picker_range.js +45 -4
- package/test-env/components/date_picker/super_date_picker/super_date_picker.js +2 -0
- package/test-env/components/description_list/description_list.js +5 -2
- package/test-env/components/description_list/description_list_description.js +2 -1
- package/test-env/components/description_list/description_list_title.js +2 -1
- package/test-env/components/drag_and_drop/draggable.js +2 -1
- package/test-env/components/drag_and_drop/droppable.js +2 -1
- package/test-env/components/empty_prompt/empty_prompt.js +1 -0
- package/test-env/components/error_boundary/error_boundary.js +1 -0
- package/test-env/components/expression/expression.js +1 -0
- package/test-env/components/facet/facet_button.js +2 -1
- package/test-env/components/facet/facet_group.js +1 -0
- package/test-env/components/filter_group/filter_group.js +1 -0
- package/test-env/components/filter_group/filter_select_item.js +2 -1
- package/test-env/components/flex/flex_grid.js +1 -0
- package/test-env/components/flex/flex_group.js +2 -1
- package/test-env/components/flex/flex_item.js +1 -0
- package/test-env/components/flyout/flyout_body.js +1 -0
- package/test-env/components/flyout/flyout_footer.js +2 -1
- package/test-env/components/flyout/flyout_header.js +1 -0
- package/test-env/components/form/checkbox/checkbox.js +4 -2
- package/test-env/components/form/checkbox/checkbox_group.js +2 -0
- package/test-env/components/form/described_form_group/described_form_group.js +1 -0
- package/test-env/components/form/field_number/field_number.js +1 -0
- package/test-env/components/form/field_password/field_password.js +1 -0
- package/test-env/components/form/field_search/field_search.js +2 -1
- package/test-env/components/form/field_text/field_text.js +1 -0
- package/test-env/components/form/file_picker/file_picker.js +2 -1
- package/test-env/components/form/form.js +1 -0
- package/test-env/components/form/form_control_layout/form_control_layout.js +2 -0
- package/test-env/components/form/form_control_layout/form_control_layout_clear_button.js +1 -0
- package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -0
- package/test-env/components/form/form_control_layout/form_control_layout_icons.js +1 -0
- package/test-env/components/form/form_error_text/form_error_text.js +2 -1
- package/test-env/components/form/form_fieldset/form_fieldset.js +3 -1
- package/test-env/components/form/form_fieldset/form_legend.js +1 -0
- package/test-env/components/form/form_help_text/form_help_text.js +2 -1
- package/test-env/components/form/form_label/form_label.js +2 -1
- package/test-env/components/form/form_row/form_row.js +1 -0
- package/test-env/components/form/radio/radio.js +3 -1
- package/test-env/components/form/radio/radio_group.js +2 -0
- package/test-env/components/form/range/dual_range.js +2 -1
- package/test-env/components/form/range/range.js +4 -2
- package/test-env/components/form/range/range_levels.js +2 -1
- package/test-env/components/form/range/range_slider.js +1 -0
- package/test-env/components/form/range/range_thumb.js +2 -1
- package/test-env/components/form/range/range_track.js +2 -1
- package/test-env/components/form/range/range_wrapper.js +2 -1
- package/test-env/components/form/select/select.js +1 -0
- package/test-env/components/form/super_select/super_select.js +1 -0
- package/test-env/components/form/switch/switch.js +3 -1
- package/test-env/components/form/text_area/text_area.js +1 -0
- package/test-env/components/form/validatable_control/validatable_control.js +1 -0
- package/test-env/components/header/header.js +3 -2
- package/test-env/components/header/header_alert/header_alert.js +1 -0
- package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -0
- package/test-env/components/header/header_links/header_link.js +2 -0
- package/test-env/components/header/header_links/header_links.js +8 -1
- package/test-env/components/header/header_logo.js +1 -0
- package/test-env/components/header/header_section/header_section.js +1 -0
- package/test-env/components/header/header_section/header_section_item.js +1 -0
- package/test-env/components/health/health.js +1 -0
- package/test-env/components/highlight/highlight.js +1 -0
- package/test-env/components/horizontal_rule/horizontal_rule.js +2 -1
- package/test-env/components/image/image.js +1 -0
- package/test-env/components/key_pad_menu/key_pad_menu.js +1 -0
- package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -0
- package/test-env/components/link/link.js +1 -0
- package/test-env/components/list_group/list_group.js +3 -0
- package/test-env/components/list_group/list_group_item.js +2 -0
- package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +5 -0
- package/test-env/components/loading/loading_chart.js +1 -0
- package/test-env/components/loading/loading_content.js +1 -0
- package/test-env/components/loading/loading_elastic.js +1 -0
- package/test-env/components/loading/loading_logo.js +1 -0
- package/test-env/components/loading/loading_spinner.js +1 -0
- package/test-env/components/mark/mark.js +1 -0
- package/test-env/components/markdown_editor/markdown_editor.js +2 -0
- package/test-env/components/markdown_editor/markdown_editor_text_area.js +1 -0
- package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -0
- package/test-env/components/markdown_editor/markdown_format.js +1 -0
- package/test-env/components/modal/modal_body.js +2 -1
- package/test-env/components/modal/modal_footer.js +2 -1
- package/test-env/components/modal/modal_header.js +2 -1
- package/test-env/components/modal/modal_header_title.js +2 -1
- package/test-env/components/notification/notification_event.js +4 -1
- package/test-env/components/notification/notification_event_read_button.js +1 -0
- package/test-env/components/overlay_mask/overlay_mask.js +3 -1
- package/test-env/components/page/page.js +1 -0
- package/test-env/components/page/page_content/page_content.js +1 -0
- package/test-env/components/page/page_content/page_content_body.js +1 -0
- package/test-env/components/page/page_content/page_content_header.js +2 -1
- package/test-env/components/page/page_content/page_content_header_section.js +2 -1
- package/test-env/components/page/page_header/page_header.js +1 -0
- package/test-env/components/page/page_header/page_header_content.js +4 -0
- package/test-env/components/page/page_header/page_header_section.js +2 -1
- package/test-env/components/page/page_section/page_section.js +1 -0
- package/test-env/components/page/page_side_bar/page_side_bar.js +2 -1
- package/test-env/components/page/page_sidebar/page_sidebar.js +5 -2
- package/test-env/components/page/page_template.js +7 -1
- package/test-env/components/page_template/empty_prompt/page_empty_prompt.js +1 -0
- package/test-env/components/page_template/outer/page_outer.js +2 -1
- package/test-env/components/page_template/page_template.js +9 -2
- package/test-env/components/pagination/pagination.js +1 -0
- package/test-env/components/panel/panel.js +2 -1
- package/test-env/components/panel/split_panel/split_panel.js +2 -1
- package/test-env/components/popover/input_popover.js +1 -0
- package/test-env/components/popover/popover.js +10 -2
- package/test-env/components/popover/popover_arrow/_popover_arrow.js +1 -0
- package/test-env/components/popover/popover_footer.js +1 -0
- package/test-env/components/popover/popover_panel/_popover_panel.js +1 -0
- package/test-env/components/popover/popover_panel/_popover_panel.styles.js +5 -3
- package/test-env/components/popover/popover_title.js +1 -0
- package/test-env/components/progress/progress.js +1 -0
- package/test-env/components/provider/cache/cache_provider.js +11 -3
- package/test-env/components/resizable_container/resizable_button.js +2 -1
- package/test-env/components/resizable_container/resizable_container.js +2 -1
- package/test-env/components/resizable_container/resizable_panel.js +2 -1
- package/test-env/components/search_bar/search_bar.js +3 -1
- package/test-env/components/selectable/selectable.js +2 -0
- package/test-env/components/selectable/selectable_list/selectable_list.js +4 -0
- package/test-env/components/selectable/selectable_list/selectable_list_item.js +2 -0
- package/test-env/components/selectable/selectable_message/selectable_message.js +1 -0
- package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
- package/test-env/components/side_nav/side_nav.js +1 -0
- package/test-env/components/spacer/spacer.js +1 -0
- package/test-env/components/stat/stat.js +1 -0
- package/test-env/components/steps/step.js +1 -0
- package/test-env/components/steps/step_horizontal.js +2 -1
- package/test-env/components/steps/step_number.js +2 -1
- package/test-env/components/steps/steps.js +2 -1
- package/test-env/components/steps/steps_horizontal.js +2 -1
- package/test-env/components/steps/sub_steps.js +2 -1
- package/test-env/components/suggest/suggest.js +2 -0
- package/test-env/components/suggest/suggest_item.js +1 -0
- package/test-env/components/table/mobile/table_header_mobile.js +2 -1
- package/test-env/components/table/mobile/table_sort_mobile_item.js +2 -1
- package/test-env/components/table/table.js +2 -1
- package/test-env/components/table/table_body.js +1 -0
- package/test-env/components/table/table_footer.js +2 -1
- package/test-env/components/table/table_footer_cell.js +1 -0
- package/test-env/components/table/table_header.js +1 -0
- package/test-env/components/table/table_header_button.js +1 -0
- package/test-env/components/table/table_header_cell.js +1 -0
- package/test-env/components/table/table_header_cell_checkbox.js +1 -0
- package/test-env/components/table/table_row.js +1 -0
- package/test-env/components/table/table_row_cell.js +1 -0
- package/test-env/components/table/table_row_cell_checkbox.js +2 -1
- package/test-env/components/tabs/tab.js +1 -0
- package/test-env/components/tabs/tabbed_content/tabbed_content.js +7 -3
- package/test-env/components/text/text.js +1 -0
- package/test-env/components/text/text_align.js +1 -0
- package/test-env/components/text/text_color.js +1 -0
- package/test-env/components/timeline/timeline.js +4 -2
- package/test-env/components/timeline/timeline_item.js +2 -1
- package/test-env/components/title/title.js +1 -0
- package/test-env/components/toast/global_toast_list.js +4 -2
- package/test-env/components/toast/global_toast_list_item.js +1 -0
- package/test-env/components/toast/toast.js +2 -1
- package/test-env/components/tool_tip/tool_tip_popover.js +1 -0
- package/test-env/components/tour/tour.js +1 -71
- package/test-env/components/tour/tour.styles.js +79 -0
- package/test-env/components/tour/tour_step.js +31 -5
- package/test-env/components/tour/tour_step_indicator.js +24 -20
- package/test-env/components/tree_view/tree_view.js +1 -0
- package/test-env/global_styling/mixins/_responsive.js +18 -14
- package/test-env/global_styling/variables/breakpoint.js +3 -1
- package/test-env/services/breakpoint/_sorting.js +45 -0
- package/test-env/services/breakpoint/current_breakpoint.js +19 -5
- package/test-env/services/breakpoint/current_breakpoint_hook.js +9 -2
- package/test-env/services/breakpoint/index.js +4 -17
- package/test-env/services/breakpoint/is_within_hooks.js +82 -0
- package/test-env/services/index.js +14 -42
- package/es/services/breakpoint/breakpoint.js +0 -86
- package/es/services/breakpoint/useIsWithinBreakpoints.js +0 -24
- package/lib/services/breakpoint/breakpoint.js +0 -105
- package/lib/services/breakpoint/useIsWithinBreakpoints.js +0 -34
- package/optimize/es/services/breakpoint/breakpoint.js +0 -86
- package/optimize/es/services/breakpoint/useIsWithinBreakpoints.js +0 -24
- package/optimize/lib/services/breakpoint/breakpoint.js +0 -105
- package/optimize/lib/services/breakpoint/useIsWithinBreakpoints.js +0 -34
- package/src/components/tour/_index.scss +0 -2
- package/src/components/tour/_tour.scss +0 -68
- package/src/components/tour/_tour_step_indicator.scss +0 -3
- package/test-env/services/breakpoint/breakpoint.js +0 -105
- 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,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,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;
|