@elastic/eui 60.2.0 → 62.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_theme_dark.css +20 -660
- package/dist/eui_theme_dark.json +1 -2
- package/dist/eui_theme_dark.json.d.ts +1 -2
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +20 -660
- package/dist/eui_theme_light.json +1 -2
- package/dist/eui_theme_light.json.d.ts +1 -2
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/accessibility/skip_link/skip_link.js +1 -1
- package/es/components/accordion/accordion.js +10 -5
- package/es/components/avatar/avatar.js +1 -2
- package/es/components/badge/badge.js +1 -1
- package/es/components/badge/beta_badge/beta_badge.js +1 -1
- package/es/components/basic_table/basic_table.js +1 -1
- package/es/components/basic_table/collapsed_item_actions.js +1 -1
- package/es/components/basic_table/in_memory_table.js +1 -1
- package/es/components/button/_button_content_deprecated.js +1 -1
- package/es/components/button/button.js +2 -2
- package/es/components/button/button_display/_button_display.js +1 -1
- package/es/components/button/button_display/_button_display_content.js +1 -1
- package/es/components/button/button_empty/button_empty.js +1 -1
- package/es/components/button/button_group/button_group.js +1 -1
- package/es/components/button/button_group/button_group_button.js +1 -1
- package/es/components/button/button_icon/button_icon.js +1 -1
- package/es/components/call_out/call_out.js +1 -1
- package/es/components/card/card.js +1 -1
- package/es/components/card/card_select.js +1 -1
- package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/es/components/color_picker/color_picker.js +1 -1
- package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +7 -4
- package/es/components/comment_list/comment.js +54 -24
- package/es/components/comment_list/comment_event.js +103 -32
- package/es/components/comment_list/comment_event.styles.js +78 -0
- package/es/components/comment_list/comment_list.js +45 -12
- package/es/components/comment_list/comment_timeline.js +29 -35
- package/es/components/context_menu/context_menu.js +1 -1
- package/es/components/context_menu/context_menu_panel.js +1 -1
- package/es/components/datagrid/body/data_grid_body.js +20 -17
- package/es/components/datagrid/body/data_grid_cell.js +102 -34
- package/es/components/datagrid/body/header/data_grid_header_cell.js +164 -68
- package/es/components/datagrid/body/header/data_grid_header_row.js +13 -13
- package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/es/components/datagrid/data_grid.js +15 -13
- package/es/components/datagrid/utils/in_memory.js +12 -12
- package/es/components/datagrid/utils/ref.js +24 -3
- package/es/components/datagrid/utils/row_heights.js +27 -33
- package/es/components/date_picker/date_picker.js +2 -2
- package/es/components/date_picker/date_picker_range.js +1 -1
- package/es/components/empty_prompt/empty_prompt.js +1 -1
- package/es/components/error_boundary/error_boundary.js +18 -11
- package/es/components/error_boundary/error_boundary.styles.js +18 -0
- package/es/components/focus_trap/focus_trap.js +1 -0
- package/es/components/form/field_number/field_number.js +1 -1
- package/es/components/form/field_text/field_text.js +2 -2
- package/es/components/form/form.styles.js +11 -0
- package/es/components/form/form_control_layout/form_control_layout.js +2 -2
- package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
- package/es/components/form/form_control_layout/form_control_layout_icons.js +2 -2
- package/es/components/header/header_links/header_link.js +1 -1
- package/es/components/header/header_links/header_links.js +10 -8
- package/es/components/header/header_logo.js +1 -1
- package/es/components/icon/assets/keyboard.js +38 -0
- package/es/components/icon/assets/tokenMetricCounter.js +38 -0
- package/es/components/icon/assets/{keyboard_shortcut.js → tokenMetricGauge.js} +3 -3
- package/es/components/icon/icon.js +1 -1
- package/es/components/icon/icon_map.js +39 -37
- package/es/components/image/image.js +71 -166
- package/es/components/image/image.styles.js +28 -0
- package/es/components/image/image_button.js +68 -0
- package/es/components/image/image_button.styles.js +41 -0
- package/es/components/image/image_caption.js +28 -0
- package/es/components/image/image_caption.styles.js +18 -0
- package/es/components/image/image_fullscreen_wrapper.js +100 -0
- package/es/components/image/image_fullscreen_wrapper.styles.js +26 -0
- package/es/components/image/image_types.js +10 -0
- package/es/components/image/image_wrapper.js +78 -0
- package/es/components/image/image_wrapper.styles.js +41 -0
- package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/es/components/list_group/list_group.js +2 -2
- package/es/components/list_group/list_group_item.js +2 -2
- package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/es/components/loading/loading_logo.js +1 -1
- package/es/components/markdown_editor/markdown_editor.js +1 -1
- package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/es/components/notification/notification_event.js +2 -2
- package/es/components/notification/notification_event_meta.js +1 -1
- package/es/components/page/page_header/page_header.js +1 -1
- package/es/components/page/page_header/page_header_content.js +1 -1
- package/es/components/page/page_template.js +1 -1
- package/es/components/pagination/pagination_button.js +1 -1
- package/es/components/popover/input_popover.js +8 -4
- package/es/components/popover/popover.js +58 -148
- package/es/components/popover/popover.styles.js +15 -0
- package/es/components/popover/popover_arrow/_popover_arrow.js +40 -0
- package/es/components/popover/popover_arrow/_popover_arrow.styles.js +25 -0
- package/es/components/popover/popover_arrow/index.js +8 -0
- package/es/components/popover/popover_footer.js +15 -12
- package/es/components/popover/popover_footer.styles.js +19 -0
- package/es/components/popover/popover_panel/_popover_panel.js +114 -0
- package/es/components/popover/popover_panel/_popover_panel.styles.js +42 -0
- package/es/components/popover/popover_panel/index.js +8 -0
- package/es/components/popover/popover_title.js +15 -12
- package/es/components/popover/popover_title.styles.js +20 -0
- package/es/components/selectable/selectable.js +10 -9
- package/es/components/selectable/selectable_list/selectable_list.js +1 -1
- package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
- package/es/components/selectable/selectable_search/selectable_search.js +1 -6
- package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +2 -2
- package/es/components/suggest/suggest.js +1 -5
- package/es/components/suggest/suggest_item.js +1 -1
- package/es/components/table/table_header_button.js +1 -1
- package/es/components/text/text.styles.js +5 -4
- package/es/components/text_diff/text_diff.js +5 -0
- package/es/components/text_diff/text_diff.styles.js +15 -0
- package/es/components/timeline/timeline_item.js +1 -2
- package/es/components/timeline/timeline_item_icon.js +1 -1
- package/es/components/toast/global_toast_list.js +1 -1
- package/es/components/toast/toast.js +1 -1
- package/es/components/token/token.js +1 -1
- package/es/components/token/token_map.js +115 -107
- package/es/components/tool_tip/icon_tip.js +1 -1
- package/es/components/tour/tour.js +6 -6
- package/es/components/tour/tour_step.js +6 -6
- package/es/global_styling/functions/logicals.js +22 -0
- package/es/global_styling/mixins/_responsive.js +46 -0
- package/es/global_styling/mixins/index.js +2 -1
- package/es/services/hooks/index.js +1 -0
- package/es/services/hooks/useLatest.js +18 -0
- package/es/test/emotion-prefix.js +1 -1
- package/es/themes/amsterdam/global_styling/functions/shadows.js +1 -1
- package/es/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
- package/eui.d.ts +620 -252
- package/i18ntokens.json +147 -51
- package/lib/components/accessibility/skip_link/skip_link.js +1 -1
- package/lib/components/accordion/accordion.js +10 -5
- package/lib/components/avatar/avatar.js +1 -2
- package/lib/components/badge/badge.js +1 -1
- package/lib/components/badge/beta_badge/beta_badge.js +1 -1
- package/lib/components/basic_table/basic_table.js +1 -1
- package/lib/components/basic_table/collapsed_item_actions.js +1 -1
- package/lib/components/basic_table/in_memory_table.js +1 -1
- package/lib/components/button/_button_content_deprecated.js +1 -1
- package/lib/components/button/button.js +2 -2
- package/lib/components/button/button_display/_button_display.js +1 -1
- package/lib/components/button/button_display/_button_display_content.js +1 -1
- package/lib/components/button/button_empty/button_empty.js +1 -1
- package/lib/components/button/button_group/button_group.js +1 -1
- package/lib/components/button/button_group/button_group_button.js +1 -1
- package/lib/components/button/button_icon/button_icon.js +1 -1
- package/lib/components/call_out/call_out.js +1 -1
- package/lib/components/card/card.js +1 -1
- package/lib/components/card/card_select.js +1 -1
- package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/lib/components/color_picker/color_picker.js +1 -1
- package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +8 -5
- package/lib/components/comment_list/comment.js +53 -25
- package/lib/components/comment_list/comment_event.js +104 -41
- package/lib/components/comment_list/comment_event.styles.js +86 -0
- package/lib/components/comment_list/comment_list.js +46 -12
- package/lib/components/comment_list/comment_timeline.js +30 -40
- package/lib/components/context_menu/context_menu.js +1 -1
- package/lib/components/context_menu/context_menu_panel.js +1 -1
- package/lib/components/datagrid/body/data_grid_body.js +20 -17
- package/lib/components/datagrid/body/data_grid_cell.js +101 -33
- package/lib/components/datagrid/body/header/data_grid_header_cell.js +166 -67
- package/lib/components/datagrid/body/header/data_grid_header_row.js +13 -13
- package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/lib/components/datagrid/data_grid.js +15 -13
- package/lib/components/datagrid/utils/in_memory.js +12 -12
- package/lib/components/datagrid/utils/ref.js +24 -3
- package/lib/components/datagrid/utils/row_heights.js +26 -32
- package/lib/components/date_picker/date_picker.js +2 -2
- package/lib/components/date_picker/date_picker_range.js +1 -1
- package/lib/components/empty_prompt/empty_prompt.js +1 -1
- package/lib/components/error_boundary/error_boundary.js +23 -13
- package/lib/components/error_boundary/error_boundary.styles.js +30 -0
- package/lib/components/focus_trap/focus_trap.js +1 -0
- package/lib/components/form/field_number/field_number.js +1 -1
- package/lib/components/form/field_text/field_text.js +2 -2
- package/lib/components/form/form.styles.js +20 -0
- package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
- package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
- package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
- package/lib/components/header/header_links/header_link.js +1 -1
- package/lib/components/header/header_links/header_links.js +10 -8
- package/lib/components/header/header_logo.js +1 -1
- package/lib/components/icon/assets/keyboard.js +45 -0
- package/lib/components/icon/assets/tokenMetricCounter.js +45 -0
- package/lib/components/icon/assets/{keyboard_shortcut.js → tokenMetricGauge.js} +3 -3
- package/lib/components/icon/icon.js +1 -1
- package/lib/components/icon/icon_map.js +39 -37
- package/lib/components/icon/svgs/keyboard.svg +3 -0
- package/lib/components/icon/svgs/tokens/tokenMetricCounter.svg +3 -0
- package/lib/components/icon/svgs/tokens/tokenMetricGauge.svg +3 -0
- package/lib/components/image/image.js +73 -168
- package/lib/components/image/image.styles.js +40 -0
- package/lib/components/image/image_button.js +81 -0
- package/lib/components/image/image_button.styles.js +48 -0
- package/lib/components/image/image_caption.js +49 -0
- package/lib/components/image/image_caption.styles.js +30 -0
- package/lib/components/image/image_fullscreen_wrapper.js +117 -0
- package/lib/components/image/image_fullscreen_wrapper.styles.js +30 -0
- package/lib/components/image/image_types.js +18 -0
- package/lib/components/image/image_wrapper.js +91 -0
- package/lib/components/image/image_wrapper.styles.js +44 -0
- package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/lib/components/list_group/list_group.js +2 -2
- package/lib/components/list_group/list_group_item.js +2 -2
- package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/lib/components/loading/loading_logo.js +1 -1
- package/lib/components/markdown_editor/markdown_editor.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/lib/components/notification/notification_event.js +2 -2
- package/lib/components/notification/notification_event_meta.js +1 -1
- package/lib/components/page/page_header/page_header.js +1 -1
- package/lib/components/page/page_header/page_header_content.js +1 -1
- package/lib/components/page/page_template.js +1 -1
- package/lib/components/popover/input_popover.js +8 -3
- package/lib/components/popover/popover.js +74 -165
- package/lib/components/popover/popover.styles.js +26 -0
- package/lib/components/popover/popover_arrow/_popover_arrow.js +51 -0
- package/lib/components/popover/popover_arrow/_popover_arrow.styles.js +38 -0
- package/lib/components/popover/popover_arrow/index.js +13 -0
- package/lib/components/popover/popover_footer.js +25 -15
- package/lib/components/popover/popover_footer.styles.js +30 -0
- package/lib/components/popover/popover_panel/_popover_panel.js +132 -0
- package/lib/components/popover/popover_panel/_popover_panel.styles.js +54 -0
- package/lib/components/popover/popover_panel/index.js +13 -0
- package/lib/components/popover/popover_title.js +25 -15
- package/lib/components/popover/popover_title.styles.js +32 -0
- package/lib/components/selectable/selectable.js +10 -9
- package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
- package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
- package/lib/components/selectable/selectable_search/selectable_search.js +0 -5
- package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +2 -2
- package/lib/components/suggest/suggest.js +1 -5
- package/lib/components/suggest/suggest_item.js +1 -1
- package/lib/components/table/table_header_button.js +1 -1
- package/lib/components/text/text.styles.js +4 -3
- package/lib/components/text_diff/text_diff.js +7 -0
- package/lib/components/text_diff/text_diff.styles.js +25 -0
- package/lib/components/timeline/timeline_item.js +1 -2
- package/lib/components/timeline/timeline_item_icon.js +1 -1
- package/lib/components/toast/global_toast_list.js +1 -1
- package/lib/components/toast/toast.js +1 -1
- package/lib/components/token/token.js +1 -1
- package/lib/components/token/token_map.js +115 -107
- package/lib/components/tool_tip/icon_tip.js +1 -1
- package/lib/global_styling/functions/logicals.js +30 -2
- package/lib/global_styling/mixins/_responsive.js +60 -0
- package/lib/global_styling/mixins/index.js +13 -0
- package/lib/services/hooks/index.js +13 -0
- package/lib/services/hooks/useLatest.js +26 -0
- package/lib/test/emotion-prefix.js +1 -1
- package/lib/themes/amsterdam/global_styling/functions/shadows.js +1 -1
- package/lib/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
- package/optimize/es/components/accordion/accordion.js +10 -5
- package/optimize/es/components/avatar/avatar.js +0 -1
- package/optimize/es/components/color_picker/color_picker.js +1 -1
- package/optimize/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +7 -4
- package/optimize/es/components/comment_list/comment.js +24 -18
- package/optimize/es/components/comment_list/comment_event.js +83 -28
- package/optimize/es/components/comment_list/comment_event.styles.js +78 -0
- package/optimize/es/components/comment_list/comment_list.js +7 -3
- package/optimize/es/components/comment_list/comment_timeline.js +19 -32
- package/optimize/es/components/context_menu/context_menu_panel.js +1 -1
- package/optimize/es/components/datagrid/body/data_grid_body.js +7 -4
- package/optimize/es/components/datagrid/body/data_grid_cell.js +18 -9
- package/optimize/es/components/datagrid/body/header/data_grid_header_cell.js +150 -54
- package/optimize/es/components/datagrid/data_grid.js +2 -0
- package/optimize/es/components/datagrid/utils/ref.js +24 -3
- package/optimize/es/components/datagrid/utils/row_heights.js +27 -33
- package/optimize/es/components/error_boundary/error_boundary.js +17 -10
- package/optimize/es/components/error_boundary/error_boundary.styles.js +18 -0
- package/optimize/es/components/focus_trap/focus_trap.js +1 -0
- package/optimize/es/components/form/form.styles.js +11 -0
- package/optimize/es/components/icon/assets/keyboard.js +34 -0
- package/optimize/es/components/icon/assets/tokenMetricCounter.js +34 -0
- package/optimize/es/components/icon/assets/{keyboard_shortcut.js → tokenMetricGauge.js} +3 -3
- package/optimize/es/components/icon/icon_map.js +39 -37
- package/optimize/es/components/image/image.js +50 -154
- package/optimize/es/components/image/image.styles.js +28 -0
- package/optimize/es/components/image/image_button.js +56 -0
- package/optimize/es/components/image/image_button.styles.js +41 -0
- package/optimize/es/components/image/image_caption.js +24 -0
- package/optimize/es/components/image/image_caption.styles.js +18 -0
- package/optimize/es/components/image/image_fullscreen_wrapper.js +84 -0
- package/optimize/es/components/image/image_fullscreen_wrapper.styles.js +26 -0
- package/optimize/es/components/image/image_types.js +10 -0
- package/optimize/es/components/image/image_wrapper.js +62 -0
- package/optimize/es/components/image/image_wrapper.styles.js +41 -0
- package/optimize/es/components/popover/input_popover.js +8 -4
- package/optimize/es/components/popover/popover.js +41 -131
- package/optimize/es/components/popover/popover.styles.js +15 -0
- package/optimize/es/components/popover/popover_arrow/_popover_arrow.js +29 -0
- package/optimize/es/components/popover/popover_arrow/_popover_arrow.styles.js +25 -0
- package/optimize/es/components/popover/popover_arrow/index.js +8 -0
- package/optimize/es/components/popover/popover_footer.js +15 -12
- package/optimize/es/components/popover/popover_footer.styles.js +19 -0
- package/optimize/es/components/popover/popover_panel/_popover_panel.js +55 -0
- package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +42 -0
- package/optimize/es/components/popover/popover_panel/index.js +8 -0
- package/optimize/es/components/popover/popover_title.js +15 -12
- package/optimize/es/components/popover/popover_title.styles.js +20 -0
- package/optimize/es/components/selectable/selectable.js +10 -9
- package/optimize/es/components/selectable/selectable_search/selectable_search.js +1 -6
- package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
- package/optimize/es/components/suggest/suggest.js +0 -4
- package/optimize/es/components/text/text.styles.js +5 -4
- package/optimize/es/components/text_diff/text_diff.js +5 -0
- package/optimize/es/components/text_diff/text_diff.styles.js +15 -0
- package/optimize/es/components/timeline/timeline_item.js +1 -2
- package/optimize/es/components/token/token_map.js +115 -107
- package/optimize/es/global_styling/functions/logicals.js +22 -0
- package/optimize/es/global_styling/mixins/_responsive.js +46 -0
- package/optimize/es/global_styling/mixins/index.js +2 -1
- package/optimize/es/services/hooks/index.js +1 -0
- package/optimize/es/services/hooks/useLatest.js +18 -0
- package/optimize/es/test/emotion-prefix.js +1 -1
- package/optimize/es/themes/amsterdam/global_styling/functions/shadows.js +1 -1
- package/optimize/es/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
- package/optimize/lib/components/accordion/accordion.js +8 -5
- package/optimize/lib/components/avatar/avatar.js +0 -1
- package/optimize/lib/components/color_picker/color_picker.js +1 -1
- package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +8 -5
- package/optimize/lib/components/comment_list/comment.js +23 -18
- package/optimize/lib/components/comment_list/comment_event.js +85 -31
- package/optimize/lib/components/comment_list/comment_event.styles.js +86 -0
- package/optimize/lib/components/comment_list/comment_list.js +8 -3
- package/optimize/lib/components/comment_list/comment_timeline.js +21 -38
- package/optimize/lib/components/context_menu/context_menu_panel.js +1 -1
- package/optimize/lib/components/datagrid/body/data_grid_body.js +7 -4
- package/optimize/lib/components/datagrid/body/data_grid_cell.js +17 -8
- package/optimize/lib/components/datagrid/body/header/data_grid_header_cell.js +153 -54
- package/optimize/lib/components/datagrid/data_grid.js +2 -0
- package/optimize/lib/components/datagrid/utils/ref.js +24 -3
- package/optimize/lib/components/datagrid/utils/row_heights.js +25 -30
- package/optimize/lib/components/error_boundary/error_boundary.js +20 -10
- package/optimize/lib/components/error_boundary/error_boundary.styles.js +30 -0
- package/optimize/lib/components/focus_trap/focus_trap.js +1 -0
- package/optimize/lib/components/form/form.styles.js +20 -0
- package/optimize/lib/components/icon/assets/keyboard.js +44 -0
- package/optimize/lib/components/icon/assets/tokenMetricCounter.js +44 -0
- package/{test-env/components/icon/assets/keyboard_shortcut.js → optimize/lib/components/icon/assets/tokenMetricGauge.js} +3 -3
- package/optimize/lib/components/icon/icon_map.js +39 -37
- package/optimize/lib/components/icon/svgs/keyboard.svg +3 -0
- package/optimize/lib/components/icon/svgs/tokens/tokenMetricCounter.svg +3 -0
- package/optimize/lib/components/icon/svgs/tokens/tokenMetricGauge.svg +3 -0
- package/optimize/lib/components/image/image.js +52 -156
- package/optimize/lib/components/image/image.styles.js +40 -0
- package/optimize/lib/components/image/image_button.js +68 -0
- package/optimize/lib/components/image/image_button.styles.js +48 -0
- package/optimize/lib/components/image/image_caption.js +42 -0
- package/optimize/lib/components/image/image_caption.styles.js +30 -0
- package/optimize/lib/components/image/image_fullscreen_wrapper.js +108 -0
- package/optimize/lib/components/image/image_fullscreen_wrapper.styles.js +32 -0
- package/optimize/lib/components/image/image_types.js +18 -0
- package/optimize/lib/components/image/image_wrapper.js +82 -0
- package/optimize/lib/components/image/image_wrapper.styles.js +44 -0
- package/optimize/lib/components/popover/input_popover.js +7 -3
- package/optimize/lib/components/popover/popover.js +60 -150
- package/optimize/lib/components/popover/popover.styles.js +26 -0
- package/optimize/lib/components/popover/popover_arrow/_popover_arrow.js +39 -0
- package/optimize/lib/components/popover/popover_arrow/_popover_arrow.styles.js +38 -0
- package/optimize/lib/components/popover/popover_arrow/index.js +13 -0
- package/optimize/lib/components/popover/popover_footer.js +26 -14
- package/optimize/lib/components/popover/popover_footer.styles.js +30 -0
- package/optimize/lib/components/popover/popover_panel/_popover_panel.js +74 -0
- package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +54 -0
- package/optimize/lib/components/popover/popover_panel/index.js +13 -0
- package/optimize/lib/components/popover/popover_title.js +26 -14
- package/optimize/lib/components/popover/popover_title.styles.js +32 -0
- package/optimize/lib/components/selectable/selectable.js +10 -8
- package/optimize/lib/components/selectable/selectable_search/selectable_search.js +0 -5
- package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
- package/optimize/lib/components/suggest/suggest.js +0 -4
- package/optimize/lib/components/text/text.styles.js +4 -3
- package/optimize/lib/components/text_diff/text_diff.js +7 -0
- package/optimize/lib/components/text_diff/text_diff.styles.js +25 -0
- package/optimize/lib/components/timeline/timeline_item.js +1 -2
- package/optimize/lib/components/token/token_map.js +115 -107
- package/optimize/lib/global_styling/functions/logicals.js +30 -2
- package/optimize/lib/global_styling/mixins/_responsive.js +60 -0
- package/optimize/lib/global_styling/mixins/index.js +13 -0
- package/optimize/lib/services/hooks/index.js +13 -0
- package/optimize/lib/services/hooks/useLatest.js +26 -0
- package/optimize/lib/test/emotion-prefix.js +1 -1
- package/optimize/lib/themes/amsterdam/global_styling/functions/shadows.js +1 -1
- package/optimize/lib/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
- package/package.json +3 -3
- package/src/components/combo_box/combo_box_options_list/_combo_box_options_list.scss +0 -4
- package/src/components/context_menu/_context_menu_panel.scss +2 -2
- package/src/components/index.scss +0 -5
- package/src/components/markdown_editor/_markdown_editor.scss +3 -2
- package/src/components/tour/_tour.scss +13 -9
- package/src/global_styling/mixins/_index.scss +0 -1
- package/src/themes/amsterdam/global_styling/mixins/_index.scss +0 -2
- package/src/themes/amsterdam/overrides/_index.scss +0 -3
- package/test-env/components/accessibility/skip_link/skip_link.js +1 -1
- package/test-env/components/accordion/accordion.js +8 -5
- package/test-env/components/avatar/avatar.js +1 -2
- package/test-env/components/badge/badge.js +1 -1
- package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
- package/test-env/components/basic_table/basic_table.js +1 -1
- package/test-env/components/basic_table/collapsed_item_actions.js +1 -1
- package/test-env/components/basic_table/in_memory_table.js +1 -1
- package/test-env/components/button/_button_content_deprecated.js +1 -1
- package/test-env/components/button/button.js +2 -2
- package/test-env/components/button/button_display/_button_display.js +1 -1
- package/test-env/components/button/button_display/_button_display_content.js +1 -1
- package/test-env/components/button/button_empty/button_empty.js +1 -1
- package/test-env/components/button/button_group/button_group.js +1 -1
- package/test-env/components/button/button_group/button_group_button.js +1 -1
- package/test-env/components/button/button_icon/button_icon.js +1 -1
- package/test-env/components/call_out/call_out.js +1 -1
- package/test-env/components/card/card.js +1 -1
- package/test-env/components/card/card_select.js +1 -1
- package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/test-env/components/color_picker/color_picker.js +1 -1
- package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +8 -5
- package/test-env/components/comment_list/comment.js +53 -24
- package/test-env/components/comment_list/comment_event.js +105 -35
- package/test-env/components/comment_list/comment_event.styles.js +86 -0
- package/test-env/components/comment_list/comment_list.js +46 -12
- package/test-env/components/comment_list/comment_timeline.js +30 -40
- package/test-env/components/context_menu/context_menu.js +1 -1
- package/test-env/components/context_menu/context_menu_panel.js +1 -1
- package/test-env/components/datagrid/body/data_grid_body.js +20 -17
- package/test-env/components/datagrid/body/data_grid_cell.js +101 -33
- package/test-env/components/datagrid/body/header/data_grid_header_cell.js +166 -67
- package/test-env/components/datagrid/body/header/data_grid_header_row.js +13 -13
- package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/test-env/components/datagrid/data_grid.js +15 -13
- package/test-env/components/datagrid/utils/in_memory.js +12 -12
- package/test-env/components/datagrid/utils/ref.js +24 -3
- package/test-env/components/datagrid/utils/row_heights.js +25 -30
- package/test-env/components/date_picker/date_picker.js +2 -2
- package/test-env/components/date_picker/date_picker_range.js +1 -1
- package/test-env/components/empty_prompt/empty_prompt.js +1 -1
- package/test-env/components/error_boundary/error_boundary.js +23 -13
- package/test-env/components/error_boundary/error_boundary.styles.js +30 -0
- package/test-env/components/form/field_number/field_number.js +1 -1
- package/test-env/components/form/field_text/field_text.js +2 -2
- package/test-env/components/form/form.styles.js +20 -0
- package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
- package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
- package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
- package/test-env/components/header/header_links/header_link.js +1 -1
- package/test-env/components/header/header_links/header_links.js +10 -8
- package/test-env/components/header/header_logo.js +1 -1
- package/test-env/components/icon/assets/keyboard.js +44 -0
- package/test-env/components/icon/assets/tokenMetricCounter.js +44 -0
- package/{optimize/lib/components/icon/assets/keyboard_shortcut.js → test-env/components/icon/assets/tokenMetricGauge.js} +3 -3
- package/test-env/components/icon/icon_map.js +39 -37
- package/test-env/components/image/image.js +73 -168
- package/test-env/components/image/image.styles.js +40 -0
- package/test-env/components/image/image_button.js +77 -0
- package/test-env/components/image/image_button.styles.js +48 -0
- package/test-env/components/image/image_caption.js +49 -0
- package/test-env/components/image/image_caption.styles.js +30 -0
- package/test-env/components/image/image_fullscreen_wrapper.js +114 -0
- package/test-env/components/image/image_fullscreen_wrapper.styles.js +32 -0
- package/test-env/components/image/image_types.js +18 -0
- package/test-env/components/image/image_wrapper.js +88 -0
- package/test-env/components/image/image_wrapper.styles.js +44 -0
- package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/test-env/components/list_group/list_group.js +2 -2
- package/test-env/components/list_group/list_group_item.js +2 -2
- package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/test-env/components/loading/loading_logo.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/test-env/components/notification/notification_event.js +2 -2
- package/test-env/components/notification/notification_event_meta.js +1 -1
- package/test-env/components/page/page_header/page_header.js +1 -1
- package/test-env/components/page/page_header/page_header_content.js +1 -1
- package/test-env/components/page/page_template.js +1 -1
- package/test-env/components/popover/input_popover.js +7 -3
- package/test-env/components/popover/popover.js +75 -166
- package/test-env/components/popover/popover.styles.js +26 -0
- package/test-env/components/popover/popover_arrow/_popover_arrow.js +47 -0
- package/test-env/components/popover/popover_arrow/_popover_arrow.styles.js +38 -0
- package/test-env/components/popover/popover_arrow/index.js +13 -0
- package/test-env/components/popover/popover_footer.js +26 -14
- package/test-env/components/popover/popover_footer.styles.js +30 -0
- package/test-env/components/popover/popover_panel/_popover_panel.js +119 -0
- package/test-env/components/popover/popover_panel/_popover_panel.styles.js +54 -0
- package/test-env/components/popover/popover_panel/index.js +13 -0
- package/test-env/components/popover/popover_title.js +26 -14
- package/test-env/components/popover/popover_title.styles.js +32 -0
- package/test-env/components/selectable/selectable.js +10 -8
- package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
- package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
- package/test-env/components/selectable/selectable_search/selectable_search.js +0 -5
- package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +2 -2
- package/test-env/components/suggest/suggest.js +1 -5
- package/test-env/components/suggest/suggest_item.js +1 -1
- package/test-env/components/table/table_header_button.js +1 -1
- package/test-env/components/text/text.styles.js +4 -3
- package/test-env/components/text_diff/text_diff.js +7 -0
- package/test-env/components/text_diff/text_diff.styles.js +25 -0
- package/test-env/components/timeline/timeline_item.js +1 -2
- package/test-env/components/timeline/timeline_item_icon.js +1 -1
- package/test-env/components/toast/global_toast_list.js +1 -1
- package/test-env/components/toast/toast.js +1 -1
- package/test-env/components/token/token.js +1 -1
- package/test-env/components/token/token_map.js +115 -107
- package/test-env/components/tool_tip/icon_tip.js +1 -1
- package/test-env/global_styling/functions/logicals.js +30 -2
- package/test-env/global_styling/mixins/_responsive.js +60 -0
- package/test-env/global_styling/mixins/index.js +13 -0
- package/test-env/services/hooks/index.js +13 -0
- package/test-env/services/hooks/useLatest.js +26 -0
- package/test-env/test/emotion-prefix.js +1 -1
- package/test-env/themes/amsterdam/global_styling/functions/shadows.js +1 -1
- package/test-env/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
- package/lib/components/icon/svgs/keyboard_shortcut.svg +0 -3
- package/optimize/lib/components/icon/svgs/keyboard_shortcut.svg +0 -3
- package/src/components/comment_list/_comment.scss +0 -38
- package/src/components/comment_list/_comment_event.scss +0 -77
- package/src/components/comment_list/_comment_timeline.scss +0 -27
- package/src/components/comment_list/_index.scss +0 -3
- package/src/components/error_boundary/_error_boundary.scss +0 -13
- package/src/components/error_boundary/_index.scss +0 -1
- package/src/components/image/_image.scss +0 -212
- package/src/components/image/_index.scss +0 -1
- package/src/components/popover/_index.scss +0 -5
- package/src/components/popover/_input_popover.scss +0 -7
- package/src/components/popover/_popover.scss +0 -182
- package/src/components/popover/_popover_footer.scss +0 -27
- package/src/components/popover/_popover_title.scss +0 -27
- package/src/components/popover/_variables.scss +0 -2
- package/src/components/text_diff/_index.scss +0 -1
- package/src/components/text_diff/_text_diff.scss +0 -9
- package/src/global_styling/mixins/_popover.scss +0 -19
- package/src/themes/amsterdam/global_styling/mixins/_popover.scss +0 -5
- package/src/themes/amsterdam/overrides/_comment.scss +0 -3
- package/src/themes/amsterdam/overrides/_image.scss +0 -10
- package/src/themes/amsterdam/overrides/_popover.scss +0 -104
package/dist/eui_theme_dark.css
CHANGED
|
@@ -3486,9 +3486,6 @@ SOFTWARE.
|
|
|
3486
3486
|
-webkit-transform: none !important;
|
|
3487
3487
|
transform: none !important;
|
|
3488
3488
|
top: 0; }
|
|
3489
|
-
.euiComboBoxOptionsList.euiPopover__panel-isAttached.euiComboBoxOptionsList--top {
|
|
3490
|
-
/* 1 */
|
|
3491
|
-
box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 0 17px rgba(0, 0, 0, 0.075); }
|
|
3492
3489
|
.euiComboBoxOptionsList .euiFilterSelectItem__content {
|
|
3493
3490
|
margin-block: 0 !important; }
|
|
3494
3491
|
|
|
@@ -3575,167 +3572,6 @@ SOFTWARE.
|
|
|
3575
3572
|
font-weight: 700;
|
|
3576
3573
|
color: #FFF; }
|
|
3577
3574
|
|
|
3578
|
-
.euiComment {
|
|
3579
|
-
font-size: 14px;
|
|
3580
|
-
display: -webkit-flex;
|
|
3581
|
-
display: flex;
|
|
3582
|
-
padding-bottom: 16px;
|
|
3583
|
-
min-height: 56px; }
|
|
3584
|
-
.euiComment .euiCommentEvent {
|
|
3585
|
-
-webkit-flex-grow: 1;
|
|
3586
|
-
flex-grow: 1; }
|
|
3587
|
-
.euiComment .euiCommentTimeline {
|
|
3588
|
-
position: relative;
|
|
3589
|
-
-webkit-flex-grow: 0;
|
|
3590
|
-
flex-grow: 0;
|
|
3591
|
-
margin-right: 16px; }
|
|
3592
|
-
.euiComment .euiCommentTimeline::before {
|
|
3593
|
-
content: '';
|
|
3594
|
-
position: absolute;
|
|
3595
|
-
left: 20px;
|
|
3596
|
-
top: 24px;
|
|
3597
|
-
width: 2px;
|
|
3598
|
-
background-color: #343741;
|
|
3599
|
-
height: calc(100% + 24px); }
|
|
3600
|
-
|
|
3601
|
-
.euiComment:last-of-type .euiCommentTimeline::before {
|
|
3602
|
-
display: none; }
|
|
3603
|
-
|
|
3604
|
-
.euiComment--update:not(.euiComment--hasBody) {
|
|
3605
|
-
-webkit-align-items: center;
|
|
3606
|
-
align-items: center; }
|
|
3607
|
-
|
|
3608
|
-
.euiCommentEvent--regular {
|
|
3609
|
-
-webkit-flex-grow: 1;
|
|
3610
|
-
flex-grow: 1; }
|
|
3611
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--flexGrowZero {
|
|
3612
|
-
-webkit-flex-grow: 0;
|
|
3613
|
-
flex-grow: 0; }
|
|
3614
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--hasShadow {
|
|
3615
|
-
box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
|
|
3616
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--hasBorder {
|
|
3617
|
-
border: 1px solid #343741;
|
|
3618
|
-
box-shadow: none; }
|
|
3619
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--isClickable {
|
|
3620
|
-
transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
|
|
3621
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--isClickable:enabled {
|
|
3622
|
-
display: block;
|
|
3623
|
-
width: 100%;
|
|
3624
|
-
text-align: left; }
|
|
3625
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--isClickable:hover, .euiCommentEvent--regular.euiCommentEvent--regular--isClickable:focus {
|
|
3626
|
-
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
|
|
3627
|
-
-webkit-transform: translateY(-2px);
|
|
3628
|
-
transform: translateY(-2px);
|
|
3629
|
-
cursor: pointer; }
|
|
3630
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--borderRadiusNone {
|
|
3631
|
-
border-radius: 0; }
|
|
3632
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--borderRadiusMedium {
|
|
3633
|
-
border-radius: 4px; }
|
|
3634
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--transparent {
|
|
3635
|
-
background-color: transparent; }
|
|
3636
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--plain {
|
|
3637
|
-
background-color: #1D1E24; }
|
|
3638
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--subdued {
|
|
3639
|
-
background-color: #141519; }
|
|
3640
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--accent {
|
|
3641
|
-
background-color: #4a2b39; }
|
|
3642
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--primary {
|
|
3643
|
-
background-color: #103148; }
|
|
3644
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--success {
|
|
3645
|
-
background-color: #264341; }
|
|
3646
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--warning {
|
|
3647
|
-
background-color: #493f22; }
|
|
3648
|
-
.euiCommentEvent--regular.euiCommentEvent--regular--danger {
|
|
3649
|
-
background-color: #4a201e; }
|
|
3650
|
-
|
|
3651
|
-
.euiCommentEvent {
|
|
3652
|
-
overflow: hidden; }
|
|
3653
|
-
|
|
3654
|
-
.euiCommentEvent__header {
|
|
3655
|
-
line-height: 1.5;
|
|
3656
|
-
display: -webkit-flex;
|
|
3657
|
-
display: flex;
|
|
3658
|
-
-webkit-align-items: center;
|
|
3659
|
-
align-items: center; }
|
|
3660
|
-
|
|
3661
|
-
.euiCommentEvent__headerData {
|
|
3662
|
-
-webkit-align-items: center;
|
|
3663
|
-
align-items: center;
|
|
3664
|
-
display: -webkit-flex;
|
|
3665
|
-
display: flex;
|
|
3666
|
-
-webkit-flex-wrap: wrap;
|
|
3667
|
-
flex-wrap: wrap; }
|
|
3668
|
-
.euiCommentEvent__headerData > div {
|
|
3669
|
-
padding-right: 4px; }
|
|
3670
|
-
|
|
3671
|
-
.euiCommentEvent__headerUsername {
|
|
3672
|
-
font-weight: 600; }
|
|
3673
|
-
|
|
3674
|
-
.euiCommentEvent--regular {
|
|
3675
|
-
box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
|
|
3676
|
-
border-radius: 6px;
|
|
3677
|
-
border: 1px solid #343741; }
|
|
3678
|
-
.euiCommentEvent--regular .euiCommentEvent__header {
|
|
3679
|
-
min-height: 40px;
|
|
3680
|
-
background-color: #25262E;
|
|
3681
|
-
border-bottom: 1px solid #343741;
|
|
3682
|
-
padding: 4px 8px;
|
|
3683
|
-
/**
|
|
3684
|
-
* Fix for IE when using align-items:center in an item that has min-height
|
|
3685
|
-
(https://github.com/philipwalton/flexbugs/issues/231#issuecomment-362790042)
|
|
3686
|
-
*/ }
|
|
3687
|
-
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
|
|
3688
|
-
.euiCommentEvent--regular .euiCommentEvent__header::after {
|
|
3689
|
-
content: '';
|
|
3690
|
-
min-height: 32px;
|
|
3691
|
-
font-size: 0;
|
|
3692
|
-
display: block; } }
|
|
3693
|
-
.euiCommentEvent--regular .euiCommentEvent__headerData {
|
|
3694
|
-
-webkit-flex-grow: 1;
|
|
3695
|
-
flex-grow: 1; }
|
|
3696
|
-
.euiCommentEvent--regular .euiCommentEvent__body {
|
|
3697
|
-
padding: 8px; }
|
|
3698
|
-
|
|
3699
|
-
.euiCommentEvent--update .euiCommentEvent__header {
|
|
3700
|
-
-webkit-justify-content: flex-start;
|
|
3701
|
-
justify-content: flex-start;
|
|
3702
|
-
padding: 4px 0; }
|
|
3703
|
-
|
|
3704
|
-
.euiCommentEvent--update .euiCommentEvent__headerData {
|
|
3705
|
-
padding-right: 8px; }
|
|
3706
|
-
|
|
3707
|
-
.euiCommentEvent--update .euiCommentEvent__body {
|
|
3708
|
-
padding-top: 4px; }
|
|
3709
|
-
|
|
3710
|
-
.euiCommentTimeline__content {
|
|
3711
|
-
min-width: 40px;
|
|
3712
|
-
display: -webkit-flex;
|
|
3713
|
-
display: flex;
|
|
3714
|
-
-webkit-justify-content: center;
|
|
3715
|
-
justify-content: center;
|
|
3716
|
-
-webkit-align-items: center;
|
|
3717
|
-
align-items: center;
|
|
3718
|
-
position: relative; }
|
|
3719
|
-
|
|
3720
|
-
.euiCommentTimeline__icon--default {
|
|
3721
|
-
-webkit-flex-shrink: 0;
|
|
3722
|
-
flex-shrink: 0;
|
|
3723
|
-
display: -webkit-flex;
|
|
3724
|
-
display: flex;
|
|
3725
|
-
-webkit-justify-content: center;
|
|
3726
|
-
justify-content: center;
|
|
3727
|
-
-webkit-align-items: center;
|
|
3728
|
-
align-items: center;
|
|
3729
|
-
overflow-x: hidden;
|
|
3730
|
-
border-radius: 50%;
|
|
3731
|
-
background-color: #25262E; }
|
|
3732
|
-
.euiCommentTimeline__icon--default.euiCommentTimeline__icon--regular {
|
|
3733
|
-
width: 40px;
|
|
3734
|
-
height: 40px; }
|
|
3735
|
-
.euiCommentTimeline__icon--default.euiCommentTimeline__icon--update {
|
|
3736
|
-
width: 24px;
|
|
3737
|
-
height: 24px; }
|
|
3738
|
-
|
|
3739
3575
|
.euiContextMenu {
|
|
3740
3576
|
width: 256px;
|
|
3741
3577
|
max-width: 100%;
|
|
@@ -3801,24 +3637,13 @@ SOFTWARE.
|
|
|
3801
3637
|
line-height: 1.71429rem;
|
|
3802
3638
|
font-weight: 700;
|
|
3803
3639
|
padding: 12px;
|
|
3804
|
-
border-bottom: 1px solid #343741;
|
|
3805
|
-
padding: 12px;
|
|
3806
3640
|
width: 100%;
|
|
3807
3641
|
text-align: left;
|
|
3808
|
-
outline-offset: -2px;
|
|
3642
|
+
outline-offset: -2px;
|
|
3643
|
+
border-bottom: 1px solid #343741; }
|
|
3809
3644
|
.euiContextMenuPanelTitle:enabled:hover, .euiContextMenuPanelTitle:enabled:focus {
|
|
3810
3645
|
text-decoration: underline; }
|
|
3811
3646
|
.euiContextMenuPanelTitle--small {
|
|
3812
|
-
overflow-wrap: break-word !important;
|
|
3813
|
-
word-wrap: break-word !important;
|
|
3814
|
-
word-break: break-word;
|
|
3815
|
-
color: #DFE5EF;
|
|
3816
|
-
font-size: 14px;
|
|
3817
|
-
font-size: 1rem;
|
|
3818
|
-
line-height: 1.71429rem;
|
|
3819
|
-
font-weight: 700;
|
|
3820
|
-
padding: 12px;
|
|
3821
|
-
border-bottom: 1px solid #343741;
|
|
3822
3647
|
padding: 6px 8px; }
|
|
3823
3648
|
|
|
3824
3649
|
@-webkit-keyframes euiContextMenuPanelTxInLeft {
|
|
@@ -5729,10 +5554,6 @@ SOFTWARE.
|
|
|
5729
5554
|
.euiEmptyPrompt--paddingLarge.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
|
|
5730
5555
|
gap: 24px; }
|
|
5731
5556
|
|
|
5732
|
-
.euiErrorBoundary {
|
|
5733
|
-
background: repeating-linear-gradient(45deg, rgba(248, 107, 99, 0.25), rgba(248, 107, 99, 0.25) 1px, rgba(248, 107, 99, 0.05) 1px, rgba(248, 107, 99, 0.05) 20px);
|
|
5734
|
-
padding: 16px; }
|
|
5735
|
-
|
|
5736
5557
|
.euiFilterGroup {
|
|
5737
5558
|
display: -webkit-inline-flex;
|
|
5738
5559
|
display: inline-flex;
|
|
@@ -9543,165 +9364,6 @@ SOFTWARE.
|
|
|
9543
9364
|
height: 16px;
|
|
9544
9365
|
top: 9%; } }
|
|
9545
9366
|
|
|
9546
|
-
/**
|
|
9547
|
-
* 1. Fix for IE where the image correctly resizes in width but doesn't collapse its height
|
|
9548
|
-
(https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
|
|
9549
|
-
*/
|
|
9550
|
-
.euiImage {
|
|
9551
|
-
display: inline-block;
|
|
9552
|
-
max-width: 100%;
|
|
9553
|
-
position: relative;
|
|
9554
|
-
min-height: 1px;
|
|
9555
|
-
/* 1 */
|
|
9556
|
-
line-height: 0;
|
|
9557
|
-
-webkit-flex-shrink: 0;
|
|
9558
|
-
flex-shrink: 0; }
|
|
9559
|
-
.euiImage .euiImage__img {
|
|
9560
|
-
margin-bottom: 0;
|
|
9561
|
-
max-width: 100%; }
|
|
9562
|
-
.euiImage.euiImage--hasShadow .euiImage__img {
|
|
9563
|
-
box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
|
|
9564
|
-
.euiImage .euiImage__button {
|
|
9565
|
-
position: relative;
|
|
9566
|
-
cursor: pointer;
|
|
9567
|
-
transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
|
|
9568
|
-
.euiImage .euiImage__button:focus {
|
|
9569
|
-
outline: 2px solid #36A2EF; }
|
|
9570
|
-
.euiImage .euiImage__button:hover .euiImage__icon {
|
|
9571
|
-
visibility: visible;
|
|
9572
|
-
fill-opacity: 1; }
|
|
9573
|
-
.euiImage .euiImage__button--fullWidth {
|
|
9574
|
-
width: 100%; }
|
|
9575
|
-
.euiImage.euiImage--allowFullScreen:hover .euiImage__caption {
|
|
9576
|
-
text-decoration: underline; }
|
|
9577
|
-
.euiImage.euiImage--allowFullScreen:not(.euiImage--hasShadow) .euiImage__button:hover,
|
|
9578
|
-
.euiImage.euiImage--allowFullScreen:not(.euiImage--hasShadow) .euiImage__button:focus {
|
|
9579
|
-
box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
|
|
9580
|
-
.euiImage.euiImage--allowFullScreen.euiImage--hasShadow .euiImage__button:hover,
|
|
9581
|
-
.euiImage.euiImage--allowFullScreen.euiImage--hasShadow .euiImage__button:focus {
|
|
9582
|
-
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125); }
|
|
9583
|
-
.euiImage.euiImage--small .euiImage__img {
|
|
9584
|
-
width: 8.57143rem; }
|
|
9585
|
-
.euiImage.euiImage--medium .euiImage__img {
|
|
9586
|
-
width: 14.28571rem; }
|
|
9587
|
-
.euiImage.euiImage--large .euiImage__img {
|
|
9588
|
-
width: 25.71429rem; }
|
|
9589
|
-
.euiImage.euiImage--xlarge .euiImage__img {
|
|
9590
|
-
width: 42.85714rem; }
|
|
9591
|
-
.euiImage.euiImage--fullWidth {
|
|
9592
|
-
width: 100%; }
|
|
9593
|
-
.euiImage.euiImage--original .euiImage__img {
|
|
9594
|
-
width: auto;
|
|
9595
|
-
max-width: 100%; }
|
|
9596
|
-
.euiImage.euiImage--floatLeft {
|
|
9597
|
-
float: left; }
|
|
9598
|
-
.euiImage.euiImage--floatLeft[class*='euiImage--margin'] {
|
|
9599
|
-
margin-left: 0;
|
|
9600
|
-
margin-top: 0; }
|
|
9601
|
-
.euiImage.euiImage--floatRight {
|
|
9602
|
-
float: right; }
|
|
9603
|
-
.euiImage.euiImage--floatRight[class*='euiImage--margin'] {
|
|
9604
|
-
margin-right: 0;
|
|
9605
|
-
margin-top: 0; }
|
|
9606
|
-
.euiImage.euiImage--marginSmall {
|
|
9607
|
-
margin: 8px; }
|
|
9608
|
-
.euiImage.euiImage--marginMedium {
|
|
9609
|
-
margin: 16px; }
|
|
9610
|
-
.euiImage.euiImage--marginLarge {
|
|
9611
|
-
margin: 24px; }
|
|
9612
|
-
.euiImage.euiImage--marginXlarge {
|
|
9613
|
-
margin: 32px; }
|
|
9614
|
-
|
|
9615
|
-
.euiImage__img {
|
|
9616
|
-
width: 100%;
|
|
9617
|
-
vertical-align: middle; }
|
|
9618
|
-
|
|
9619
|
-
.euiImage__caption {
|
|
9620
|
-
font-size: 14px;
|
|
9621
|
-
font-size: 1rem;
|
|
9622
|
-
line-height: 1.71429rem;
|
|
9623
|
-
margin-top: 4px;
|
|
9624
|
-
text-align: center; }
|
|
9625
|
-
|
|
9626
|
-
.euiImage__icon {
|
|
9627
|
-
visibility: hidden;
|
|
9628
|
-
fill-opacity: 0;
|
|
9629
|
-
position: absolute;
|
|
9630
|
-
right: 16px;
|
|
9631
|
-
top: 16px;
|
|
9632
|
-
transition: fill-opacity 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
|
|
9633
|
-
cursor: pointer; }
|
|
9634
|
-
|
|
9635
|
-
.euiImage-isFullScreen {
|
|
9636
|
-
position: relative;
|
|
9637
|
-
max-height: 80vh;
|
|
9638
|
-
max-width: 80vw;
|
|
9639
|
-
-webkit-animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1);
|
|
9640
|
-
animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1); }
|
|
9641
|
-
.euiImage-isFullScreen:hover .euiImage__button {
|
|
9642
|
-
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125); }
|
|
9643
|
-
.euiImage-isFullScreen:hover .euiImage__caption {
|
|
9644
|
-
text-decoration: underline; }
|
|
9645
|
-
.euiImage-isFullScreen__img {
|
|
9646
|
-
max-height: 80vh;
|
|
9647
|
-
max-width: 80vw;
|
|
9648
|
-
vertical-align: middle;
|
|
9649
|
-
cursor: pointer;
|
|
9650
|
-
transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
|
|
9651
|
-
|
|
9652
|
-
.euiImage-isFullScreenCloseIcon {
|
|
9653
|
-
position: absolute;
|
|
9654
|
-
right: 16px;
|
|
9655
|
-
top: 16px;
|
|
9656
|
-
pointer-events: none; }
|
|
9657
|
-
|
|
9658
|
-
@-webkit-keyframes euiImageFullScreen {
|
|
9659
|
-
0% {
|
|
9660
|
-
opacity: 0;
|
|
9661
|
-
-webkit-transform: translateY(64px);
|
|
9662
|
-
transform: translateY(64px); }
|
|
9663
|
-
100% {
|
|
9664
|
-
opacity: 1;
|
|
9665
|
-
-webkit-transform: translateY(0);
|
|
9666
|
-
transform: translateY(0); } }
|
|
9667
|
-
|
|
9668
|
-
@keyframes euiImageFullScreen {
|
|
9669
|
-
0% {
|
|
9670
|
-
opacity: 0;
|
|
9671
|
-
-webkit-transform: translateY(64px);
|
|
9672
|
-
transform: translateY(64px); }
|
|
9673
|
-
100% {
|
|
9674
|
-
opacity: 1;
|
|
9675
|
-
-webkit-transform: translateY(0);
|
|
9676
|
-
transform: translateY(0); } }
|
|
9677
|
-
|
|
9678
|
-
@media only screen and (max-width: 574px) {
|
|
9679
|
-
.euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
|
|
9680
|
-
float: none; }
|
|
9681
|
-
.euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
|
|
9682
|
-
margin-top: inherit;
|
|
9683
|
-
margin-right: inherit;
|
|
9684
|
-
margin-bottom: inherit;
|
|
9685
|
-
margin-left: inherit; } }
|
|
9686
|
-
|
|
9687
|
-
@media only screen and (min-width: 575px) and (max-width: 767px) {
|
|
9688
|
-
.euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
|
|
9689
|
-
float: none; }
|
|
9690
|
-
.euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
|
|
9691
|
-
margin-top: inherit;
|
|
9692
|
-
margin-right: inherit;
|
|
9693
|
-
margin-bottom: inherit;
|
|
9694
|
-
margin-left: inherit; } }
|
|
9695
|
-
|
|
9696
|
-
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
|
9697
|
-
.euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
|
|
9698
|
-
float: none; }
|
|
9699
|
-
.euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
|
|
9700
|
-
margin-top: inherit;
|
|
9701
|
-
margin-right: inherit;
|
|
9702
|
-
margin-bottom: inherit;
|
|
9703
|
-
margin-left: inherit; } }
|
|
9704
|
-
|
|
9705
9367
|
/**
|
|
9706
9368
|
* 1. Default to grid of 3
|
|
9707
9369
|
*/
|
|
@@ -10000,19 +9662,19 @@ SOFTWARE.
|
|
|
10000
9662
|
.euiPinnableListGroup__itemExtraAction-pinned:not(:hover):not(:focus) {
|
|
10001
9663
|
color: #62656d; }
|
|
10002
9664
|
|
|
10003
|
-
.euiMarkdownEditor
|
|
10004
|
-
display: none; }
|
|
10005
|
-
|
|
10006
|
-
.euiMarkdownEditor--fullHeight {
|
|
9665
|
+
.euiMarkdownEditor {
|
|
10007
9666
|
display: -webkit-flex;
|
|
10008
9667
|
display: flex;
|
|
10009
9668
|
-webkit-flex-direction: column;
|
|
10010
|
-
flex-direction: column;
|
|
10011
|
-
|
|
10012
|
-
|
|
10013
|
-
|
|
10014
|
-
.euiMarkdownEditor--fullHeight .euiMarkdownEditorDropZone {
|
|
9669
|
+
flex-direction: column; }
|
|
9670
|
+
.euiMarkdownEditor--isPreviewing .euiMarkdownEditor__toggleContainer {
|
|
9671
|
+
display: none; }
|
|
9672
|
+
.euiMarkdownEditor--fullHeight {
|
|
10015
9673
|
height: 100%; }
|
|
9674
|
+
.euiMarkdownEditor--fullHeight .euiMarkdownEditorTextArea {
|
|
9675
|
+
resize: none; }
|
|
9676
|
+
.euiMarkdownEditor--fullHeight .euiMarkdownEditorDropZone {
|
|
9677
|
+
height: 100%; }
|
|
10016
9678
|
|
|
10017
9679
|
.euiMarkdownEditorDropZone {
|
|
10018
9680
|
display: -webkit-flex;
|
|
@@ -11292,215 +10954,6 @@ SOFTWARE.
|
|
|
11292
10954
|
.euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
|
|
11293
10955
|
margin-top: 16px; } }
|
|
11294
10956
|
|
|
11295
|
-
.euiPopover {
|
|
11296
|
-
display: inline-block;
|
|
11297
|
-
position: relative;
|
|
11298
|
-
vertical-align: middle;
|
|
11299
|
-
max-width: 100%; }
|
|
11300
|
-
|
|
11301
|
-
.euiPopover__anchor {
|
|
11302
|
-
display: inline-block; }
|
|
11303
|
-
|
|
11304
|
-
.euiPopover--displayBlock {
|
|
11305
|
-
display: block; }
|
|
11306
|
-
.euiPopover--displayBlock .euiPopover__anchor {
|
|
11307
|
-
display: block; }
|
|
11308
|
-
|
|
11309
|
-
/**
|
|
11310
|
-
* 1. Can expand further, but it looks weird if it's smaller than the originating button.
|
|
11311
|
-
* 2. Animation happens on the panel. But don't animate when using the attached mode like for inputs
|
|
11312
|
-
* 3. Make sure the panel stays within the window.
|
|
11313
|
-
*/
|
|
11314
|
-
.euiPopover__panel {
|
|
11315
|
-
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
|
|
11316
|
-
position: absolute;
|
|
11317
|
-
min-width: 112px;
|
|
11318
|
-
/* 1 */
|
|
11319
|
-
max-width: calc(100vw - 32px);
|
|
11320
|
-
/* 3 */
|
|
11321
|
-
-webkit-backface-visibility: hidden;
|
|
11322
|
-
backface-visibility: hidden;
|
|
11323
|
-
pointer-events: none;
|
|
11324
|
-
opacity: 0;
|
|
11325
|
-
/* 2 */
|
|
11326
|
-
transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms;
|
|
11327
|
-
/* 2 */ }
|
|
11328
|
-
.euiPopover__panel:not(.euiPopover__panel-isAttached) {
|
|
11329
|
-
-webkit-transform: translateY(0) translateX(0) translateZ(0);
|
|
11330
|
-
transform: translateY(0) translateX(0) translateZ(0);
|
|
11331
|
-
/* 2 */
|
|
11332
|
-
transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
|
|
11333
|
-
transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
|
|
11334
|
-
transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms; }
|
|
11335
|
-
.euiPopover__panel.euiPopover__panel-isOpen {
|
|
11336
|
-
opacity: 1;
|
|
11337
|
-
pointer-events: auto; }
|
|
11338
|
-
.euiPopover__panel .euiPopover__panelArrow {
|
|
11339
|
-
position: absolute;
|
|
11340
|
-
width: 0;
|
|
11341
|
-
height: 0; }
|
|
11342
|
-
.euiPopover__panel .euiPopover__panelArrow:before {
|
|
11343
|
-
position: absolute;
|
|
11344
|
-
content: '';
|
|
11345
|
-
height: 0;
|
|
11346
|
-
width: 0; }
|
|
11347
|
-
.euiPopover__panel .euiPopover__panelArrow:after {
|
|
11348
|
-
position: absolute;
|
|
11349
|
-
content: '';
|
|
11350
|
-
height: 0;
|
|
11351
|
-
width: 0; }
|
|
11352
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:before {
|
|
11353
|
-
bottom: -10px;
|
|
11354
|
-
border-left: 12px solid transparent;
|
|
11355
|
-
border-right: 12px solid transparent;
|
|
11356
|
-
border-top: 12px solid #343741; }
|
|
11357
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
|
|
11358
|
-
bottom: -9px;
|
|
11359
|
-
border-left: 12px solid transparent;
|
|
11360
|
-
border-right: 12px solid transparent;
|
|
11361
|
-
border-top: 12px solid #1D1E24; }
|
|
11362
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:before {
|
|
11363
|
-
left: -12px;
|
|
11364
|
-
top: 50%;
|
|
11365
|
-
border-top: 12px solid transparent;
|
|
11366
|
-
border-bottom: 12px solid transparent;
|
|
11367
|
-
border-right: 12px solid #343741; }
|
|
11368
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:after {
|
|
11369
|
-
left: -11px;
|
|
11370
|
-
top: 50%;
|
|
11371
|
-
border-top: 12px solid transparent;
|
|
11372
|
-
border-bottom: 12px solid transparent;
|
|
11373
|
-
border-right: 12px solid #1D1E24; }
|
|
11374
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:before {
|
|
11375
|
-
top: -12px;
|
|
11376
|
-
border-left: 12px solid transparent;
|
|
11377
|
-
border-right: 12px solid transparent;
|
|
11378
|
-
border-bottom: 12px solid #343741; }
|
|
11379
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:after {
|
|
11380
|
-
top: -11px;
|
|
11381
|
-
border-left: 12px solid transparent;
|
|
11382
|
-
border-right: 12px solid transparent;
|
|
11383
|
-
border-bottom: 12px solid #1D1E24; }
|
|
11384
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:before {
|
|
11385
|
-
right: -11px;
|
|
11386
|
-
top: 50%;
|
|
11387
|
-
border-top: 12px solid transparent;
|
|
11388
|
-
border-bottom: 12px solid transparent;
|
|
11389
|
-
border-left: 12px solid #343741; }
|
|
11390
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:after {
|
|
11391
|
-
right: -10px;
|
|
11392
|
-
top: 50%;
|
|
11393
|
-
border-top: 12px solid transparent;
|
|
11394
|
-
border-bottom: 12px solid transparent;
|
|
11395
|
-
border-left: 12px solid #1D1E24; }
|
|
11396
|
-
.euiPopover__panel.euiPopover__panel-noArrow .euiPopover__panelArrow {
|
|
11397
|
-
display: none; }
|
|
11398
|
-
.euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--bottom {
|
|
11399
|
-
border-top-color: rgba(52, 55, 65, 0.8);
|
|
11400
|
-
border-top-right-radius: 0;
|
|
11401
|
-
border-top-left-radius: 0; }
|
|
11402
|
-
.euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--top {
|
|
11403
|
-
box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 0 17px rgba(0, 0, 0, 0.075);
|
|
11404
|
-
border-bottom-color: rgba(52, 55, 65, 0.8);
|
|
11405
|
-
border-bottom-right-radius: 0;
|
|
11406
|
-
border-bottom-left-radius: 0; }
|
|
11407
|
-
|
|
11408
|
-
.euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--top,
|
|
11409
|
-
.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--top {
|
|
11410
|
-
-webkit-transform: translateY(8px) translateZ(0);
|
|
11411
|
-
transform: translateY(8px) translateZ(0); }
|
|
11412
|
-
|
|
11413
|
-
.euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--bottom,
|
|
11414
|
-
.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--bottom {
|
|
11415
|
-
-webkit-transform: translateY(-8px) translateZ(0);
|
|
11416
|
-
transform: translateY(-8px) translateZ(0); }
|
|
11417
|
-
|
|
11418
|
-
.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--left {
|
|
11419
|
-
-webkit-transform: translateX(8px) translateZ(0);
|
|
11420
|
-
transform: translateX(8px) translateZ(0); }
|
|
11421
|
-
|
|
11422
|
-
.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--right {
|
|
11423
|
-
-webkit-transform: translateX(-8px) translateZ(0);
|
|
11424
|
-
transform: translateX(-8px) translateZ(0); }
|
|
11425
|
-
|
|
11426
|
-
.euiPopoverTitle {
|
|
11427
|
-
overflow-wrap: break-word !important;
|
|
11428
|
-
word-wrap: break-word !important;
|
|
11429
|
-
word-break: break-word;
|
|
11430
|
-
color: #DFE5EF;
|
|
11431
|
-
font-size: 14px;
|
|
11432
|
-
font-size: 1rem;
|
|
11433
|
-
line-height: 1.71429rem;
|
|
11434
|
-
font-weight: 700;
|
|
11435
|
-
padding: 12px;
|
|
11436
|
-
border-bottom: 1px solid #343741; }
|
|
11437
|
-
|
|
11438
|
-
.euiPopoverTitle--paddingNone {
|
|
11439
|
-
padding: 0; }
|
|
11440
|
-
|
|
11441
|
-
.euiPopoverTitle--paddingSmall {
|
|
11442
|
-
padding: 8px; }
|
|
11443
|
-
|
|
11444
|
-
.euiPopoverTitle--paddingMedium {
|
|
11445
|
-
padding: 16px; }
|
|
11446
|
-
|
|
11447
|
-
.euiPopoverTitle--paddingLarge {
|
|
11448
|
-
padding: 24px; }
|
|
11449
|
-
|
|
11450
|
-
.euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle {
|
|
11451
|
-
margin: -8px -8px 8px; }
|
|
11452
|
-
.euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
|
|
11453
|
-
padding: 12px 8px; }
|
|
11454
|
-
|
|
11455
|
-
.euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle {
|
|
11456
|
-
margin: -16px -16px 16px; }
|
|
11457
|
-
.euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
|
|
11458
|
-
padding: 12px 16px; }
|
|
11459
|
-
|
|
11460
|
-
.euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle {
|
|
11461
|
-
margin: -24px -24px 24px; }
|
|
11462
|
-
.euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
|
|
11463
|
-
padding: 12px 24px; }
|
|
11464
|
-
|
|
11465
|
-
.euiPopoverFooter {
|
|
11466
|
-
font-size: 14px;
|
|
11467
|
-
font-size: 1rem;
|
|
11468
|
-
line-height: 1.71429rem;
|
|
11469
|
-
padding: 12px;
|
|
11470
|
-
border-top: 1px solid #343741; }
|
|
11471
|
-
|
|
11472
|
-
.euiPopoverFooter--paddingNone {
|
|
11473
|
-
padding: 0; }
|
|
11474
|
-
|
|
11475
|
-
.euiPopoverFooter--paddingSmall {
|
|
11476
|
-
padding: 8px; }
|
|
11477
|
-
|
|
11478
|
-
.euiPopoverFooter--paddingMedium {
|
|
11479
|
-
padding: 16px; }
|
|
11480
|
-
|
|
11481
|
-
.euiPopoverFooter--paddingLarge {
|
|
11482
|
-
padding: 24px; }
|
|
11483
|
-
|
|
11484
|
-
.euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter {
|
|
11485
|
-
margin: 8px -8px -8px; }
|
|
11486
|
-
.euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
|
|
11487
|
-
padding: 12px 8px; }
|
|
11488
|
-
|
|
11489
|
-
.euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter {
|
|
11490
|
-
margin: 16px -16px -16px; }
|
|
11491
|
-
.euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
|
|
11492
|
-
padding: 12px 16px; }
|
|
11493
|
-
|
|
11494
|
-
.euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter {
|
|
11495
|
-
margin: 24px -24px -24px; }
|
|
11496
|
-
.euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
|
|
11497
|
-
padding: 12px 24px; }
|
|
11498
|
-
|
|
11499
|
-
.euiInputPopover {
|
|
11500
|
-
max-width: 400px; }
|
|
11501
|
-
.euiInputPopover.euiInputPopover--fullWidth {
|
|
11502
|
-
max-width: 100%; }
|
|
11503
|
-
|
|
11504
10957
|
/**
|
|
11505
10958
|
* 1. Portal content is absolutely positioned (e.g. tooltips, popovers, flyouts).
|
|
11506
10959
|
*/
|
|
@@ -13657,12 +13110,6 @@ button.euiSuggestItem {
|
|
|
13657
13110
|
.euiTab__append {
|
|
13658
13111
|
margin-left: 8px; }
|
|
13659
13112
|
|
|
13660
|
-
.euiTextDiff del {
|
|
13661
|
-
color: #F86B63; }
|
|
13662
|
-
|
|
13663
|
-
.euiTextDiff ins {
|
|
13664
|
-
color: #7DDED8; }
|
|
13665
|
-
|
|
13666
13113
|
/**
|
|
13667
13114
|
* 1. Allow list to expand as items are added, but cap it at the screen height.
|
|
13668
13115
|
* 2. Allow some padding for shadow
|
|
@@ -14187,26 +13634,25 @@ button.euiSuggestItem {
|
|
|
14187
13634
|
opacity: 0;
|
|
14188
13635
|
transition: opacity 0s 350ms; }
|
|
14189
13636
|
|
|
14190
|
-
.euiTour .
|
|
14191
|
-
opacity: 1;
|
|
13637
|
+
.euiTour[data-popover-open='true'] .euiTour__beacon {
|
|
13638
|
+
opacity: 1; }
|
|
13639
|
+
|
|
13640
|
+
.euiTour [data-popover-arrow='right'] .euiTour__beacon {
|
|
14192
13641
|
top: 6px;
|
|
14193
13642
|
left: -24px; }
|
|
14194
13643
|
|
|
14195
|
-
.euiTour
|
|
14196
|
-
opacity: 1;
|
|
13644
|
+
.euiTour [data-popover-arrow='left'] .euiTour__beacon {
|
|
14197
13645
|
top: 6px;
|
|
14198
13646
|
left: 12px; }
|
|
14199
13647
|
|
|
14200
|
-
.euiTour
|
|
14201
|
-
border-top-color: #
|
|
13648
|
+
.euiTour [data-popover-arrow='top']:before {
|
|
13649
|
+
border-top-color: #141519; }
|
|
14202
13650
|
|
|
14203
|
-
.euiTour
|
|
14204
|
-
opacity: 1;
|
|
13651
|
+
.euiTour [data-popover-arrow='top'] .euiTour__beacon {
|
|
14205
13652
|
top: 12px;
|
|
14206
13653
|
left: 6px; }
|
|
14207
13654
|
|
|
14208
|
-
.euiTour
|
|
14209
|
-
opacity: 1;
|
|
13655
|
+
.euiTour [data-popover-arrow='bottom'] .euiTour__beacon {
|
|
14210
13656
|
top: -24px;
|
|
14211
13657
|
left: 6px; }
|
|
14212
13658
|
|
|
@@ -14658,9 +14104,6 @@ button.euiSuggestItem {
|
|
|
14658
14104
|
border-top-right-radius: 4px;
|
|
14659
14105
|
border-bottom-right-radius: 4px; }
|
|
14660
14106
|
|
|
14661
|
-
.euiCommentEvent--regular {
|
|
14662
|
-
box-shadow: none; }
|
|
14663
|
-
|
|
14664
14107
|
.euiDataGrid--fontSizeLarge .euiDataGridRowCell {
|
|
14665
14108
|
font-size: 16px;
|
|
14666
14109
|
font-size: 1.14286rem;
|
|
@@ -14966,13 +14409,6 @@ button.euiSuggestItem {
|
|
|
14966
14409
|
.euiListGroupItem--medium {
|
|
14967
14410
|
font-size: 16px; }
|
|
14968
14411
|
|
|
14969
|
-
.euiImage-isFullScreen .euiImage__caption {
|
|
14970
|
-
color: #FFF;
|
|
14971
|
-
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
|
|
14972
|
-
|
|
14973
|
-
.euiImage-isFullScreenCloseIcon {
|
|
14974
|
-
fill: #FFF; }
|
|
14975
|
-
|
|
14976
14412
|
.euiKeyPadMenuItem {
|
|
14977
14413
|
border: none !important;
|
|
14978
14414
|
box-shadow: none; }
|
|
@@ -15017,82 +14453,6 @@ button.euiSuggestItem {
|
|
|
15017
14453
|
.euiOverlayMask {
|
|
15018
14454
|
background: rgba(0, 0, 0, 0.5); }
|
|
15019
14455
|
|
|
15020
|
-
.euiPopover__panel:focus {
|
|
15021
|
-
outline-offset: 0; }
|
|
15022
|
-
|
|
15023
|
-
.euiPopover__panel.euiPopover__panel-isAttached {
|
|
15024
|
-
box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
|
|
15025
|
-
.euiPopover__panel.euiPopover__panel-isAttached.euiPanel--borderRadiusNone {
|
|
15026
|
-
border-radius: 0; }
|
|
15027
|
-
.euiPopover__panel.euiPopover__panel-isAttached.euiPanel--borderRadiusMedium {
|
|
15028
|
-
border-radius: 4px; }
|
|
15029
|
-
|
|
15030
|
-
.euiPopover__panel .euiPopover__panelArrow:before {
|
|
15031
|
-
-webkit-filter: blur(3px);
|
|
15032
|
-
filter: blur(3px);
|
|
15033
|
-
opacity: .2; }
|
|
15034
|
-
|
|
15035
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:before {
|
|
15036
|
-
bottom: -12px;
|
|
15037
|
-
border-top-color: #000;
|
|
15038
|
-
-webkit-clip-path: polygon(-4px 0, 28px 0, 28px 16px, -4px 16px);
|
|
15039
|
-
clip-path: polygon(-4px 0, 28px 0, 28px 16px, -4px 16px); }
|
|
15040
|
-
|
|
15041
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
|
|
15042
|
-
bottom: -11px; }
|
|
15043
|
-
|
|
15044
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:before {
|
|
15045
|
-
border-right-color: #000;
|
|
15046
|
-
-webkit-clip-path: polygon(-4px -4px, 12px -4px, 12px 28px, -4px 28px);
|
|
15047
|
-
clip-path: polygon(-4px -4px, 12px -4px, 12px 28px, -4px 28px); }
|
|
15048
|
-
|
|
15049
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:after {
|
|
15050
|
-
left: -11px; }
|
|
15051
|
-
|
|
15052
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:before {
|
|
15053
|
-
border-bottom-color: #000;
|
|
15054
|
-
-webkit-clip-path: polygon(-4px -4px, 28px -4px, 28px 12px, -4px 12px);
|
|
15055
|
-
clip-path: polygon(-4px -4px, 28px -4px, 28px 12px, -4px 12px); }
|
|
15056
|
-
|
|
15057
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:after {
|
|
15058
|
-
top: -11px; }
|
|
15059
|
-
|
|
15060
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:before {
|
|
15061
|
-
right: -12px;
|
|
15062
|
-
border-left-color: #000;
|
|
15063
|
-
-webkit-clip-path: polygon(0 -4px, 16px -4px, 16px 28px, 0 28px);
|
|
15064
|
-
clip-path: polygon(0 -4px, 16px -4px, 16px 28px, 0 28px); }
|
|
15065
|
-
|
|
15066
|
-
.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:after {
|
|
15067
|
-
right: -11px; }
|
|
15068
|
-
|
|
15069
|
-
.euiPopover__panel:not([class*='euiPanel--padding']) .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
|
|
15070
|
-
padding: 0; }
|
|
15071
|
-
|
|
15072
|
-
.euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
|
|
15073
|
-
padding: 8px; }
|
|
15074
|
-
|
|
15075
|
-
.euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
|
|
15076
|
-
padding: 16px; }
|
|
15077
|
-
|
|
15078
|
-
.euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
|
|
15079
|
-
padding: 24px; }
|
|
15080
|
-
|
|
15081
|
-
/**
|
|
15082
|
-
* Footer specific overrides
|
|
15083
|
-
*/
|
|
15084
|
-
.euiPopover__panel:not([class*='euiPanel--padding']) .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
|
|
15085
|
-
padding: 0; }
|
|
15086
|
-
|
|
15087
|
-
.euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
|
|
15088
|
-
padding: 8px; }
|
|
15089
|
-
|
|
15090
|
-
.euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
|
|
15091
|
-
padding: 16px; }
|
|
15092
|
-
|
|
15093
|
-
.euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
|
|
15094
|
-
padding: 24px; }
|
|
15095
|
-
|
|
15096
14456
|
.euiRangeTooltip__value {
|
|
15097
14457
|
border-radius: 4px; }
|
|
15098
14458
|
|