@elastic/eui 93.5.2 → 94.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 +0 -765
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +0 -765
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/accessibility/screen_reader_only/screen_reader_only.js +9 -8
- package/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +3 -4
- package/es/components/accessibility/skip_link/skip_link.js +2 -3
- package/es/components/aspect_ratio/aspect_ratio.js +16 -14
- package/es/components/avatar/avatar.js +41 -42
- package/es/components/avatar/avatar.styles.js +1 -1
- package/es/components/badge/badge.js +4 -4
- package/es/components/badge/badge_group/badge_group.js +3 -4
- package/es/components/badge/beta_badge/beta_badge.js +2 -3
- package/es/components/badge/notification_badge/badge_notification.js +3 -4
- package/es/components/basic_table/basic_table.js +117 -131
- package/es/components/basic_table/basic_table.styles.js +3 -17
- package/es/components/basic_table/expanded_item_actions.js +1 -2
- package/es/components/basic_table/in_memory_table.js +57 -76
- package/es/components/bottom_bar/bottom_bar.js +8 -18
- package/es/components/bottom_bar/bottom_bar.styles.js +3 -2
- package/es/components/breadcrumbs/_breadcrumb_content.js +8 -11
- package/es/components/breadcrumbs/_breadcrumb_content.styles.js +17 -4
- package/es/components/breadcrumbs/breadcrumbs.js +4 -3
- package/es/components/button/button_display/_button_display_content.js +28 -30
- package/es/components/button/button_group/button_group_button.js +5 -6
- package/es/components/button/button_group/button_group_button.styles.js +21 -10
- package/es/components/call_out/call_out.js +45 -42
- package/es/components/call_out/call_out.styles.js +4 -4
- package/es/components/code/code_block_annotations.js +7 -6
- package/es/components/code/code_block_annotations.style.js +2 -1
- package/es/components/collapsible_nav/collapsible_nav.js +2 -3
- package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +2 -3
- package/es/components/collapsible_nav_beta/collapsible_nav_beta.js +4 -4
- package/es/components/collapsible_nav_beta/collapsible_nav_body_footer.js +2 -3
- package/es/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +2 -3
- package/es/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +2 -3
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +3 -4
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -3
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +2 -3
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +2 -3
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +2 -3
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.js +2 -3
- package/es/components/color_picker/color_palette_picker/color_palette_picker.js +1 -0
- package/es/components/combo_box/combo_box.js +22 -16
- package/es/components/comment_list/comment_event.js +4 -5
- package/es/components/context_menu/context_menu.js +6 -7
- package/es/components/context_menu/context_menu_item.js +2 -3
- package/es/components/context_menu/context_menu_panel.js +5 -5
- package/es/components/description_list/description_list.js +14 -16
- package/es/components/description_list/description_list_description.js +2 -3
- package/es/components/description_list/description_list_title.js +2 -3
- package/es/components/empty_prompt/empty_prompt.js +2 -5
- package/es/components/flyout/_flyout_close_button.js +45 -0
- package/es/components/flyout/_flyout_close_button.styles.js +27 -0
- package/es/components/flyout/flyout.js +77 -64
- package/es/components/flyout/flyout.styles.js +3 -17
- package/es/components/flyout/flyout_body.js +5 -8
- package/es/components/flyout/flyout_body.styles.js +2 -1
- package/es/components/flyout/flyout_footer.js +3 -5
- package/es/components/flyout/flyout_header.js +2 -3
- package/es/components/flyout/flyout_resizable.js +2 -3
- package/es/components/form/super_select/super_select.js +33 -22
- package/es/components/form/super_select/super_select_control.js +39 -5
- package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +4 -3
- package/es/components/horizontal_rule/horizontal_rule.js +3 -18
- package/es/components/loading/loading_chart.js +16 -21
- package/es/components/loading/loading_chart.styles.js +28 -10
- package/es/components/loading/loading_elastic.js +3 -5
- package/es/components/loading/loading_elastic.styles.js +2 -4
- package/es/components/loading/loading_logo.js +6 -9
- package/es/components/loading/loading_logo.styles.js +1 -6
- package/es/components/loading/loading_spinner.js +5 -5
- package/es/components/page/page_header/page_header_content.js +1 -1
- package/es/components/provider/component_defaults/component_defaults.js +7 -1
- package/es/components/resizable_container/resizable_collapse_button.js +1 -2
- package/es/components/table/_table_cell_content.js +72 -0
- package/es/components/table/_table_cell_content.styles.js +63 -0
- package/es/components/table/index.js +0 -1
- package/es/components/table/mobile/responsive_context.js +37 -0
- package/es/components/table/mobile/table_header_mobile.js +11 -4
- package/es/components/table/mobile/table_header_mobile.styles.js +15 -0
- package/es/components/table/mobile/table_sort_mobile.js +12 -3
- package/es/components/table/table.js +23 -13
- package/es/components/table/table.styles.js +102 -0
- package/es/components/table/table_cells_shared.styles.js +47 -0
- package/es/components/table/table_footer_cell.js +12 -12
- package/es/components/table/table_header_cell.js +36 -51
- package/es/components/table/table_header_cell_checkbox.js +6 -2
- package/es/components/table/table_row.js +18 -6
- package/es/components/table/table_row.styles.js +78 -0
- package/es/components/table/table_row_cell.js +65 -91
- package/es/components/table/table_row_cell.styles.js +89 -0
- package/es/components/table/table_row_cell_checkbox.js +7 -0
- package/es/components/tabs/tab.js +3 -4
- package/es/components/tabs/tabs.js +2 -3
- package/eui.d.ts +743 -574
- package/i18ntokens.json +122 -140
- package/lib/components/accessibility/screen_reader_only/screen_reader_only.js +8 -7
- package/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +3 -4
- package/lib/components/accessibility/skip_link/skip_link.js +1 -2
- package/lib/components/aspect_ratio/aspect_ratio.js +18 -14
- package/lib/components/avatar/avatar.js +42 -41
- package/lib/components/avatar/avatar.styles.js +1 -1
- package/lib/components/badge/badge.js +3 -3
- package/lib/components/badge/badge_group/badge_group.js +2 -3
- package/lib/components/badge/beta_badge/beta_badge.js +1 -2
- package/lib/components/badge/notification_badge/badge_notification.js +2 -3
- package/lib/components/basic_table/basic_table.js +116 -130
- package/lib/components/basic_table/basic_table.styles.js +5 -20
- package/lib/components/basic_table/expanded_item_actions.js +1 -2
- package/lib/components/basic_table/in_memory_table.js +57 -76
- package/lib/components/bottom_bar/bottom_bar.js +10 -20
- package/lib/components/bottom_bar/bottom_bar.styles.js +3 -2
- package/lib/components/breadcrumbs/_breadcrumb_content.js +8 -11
- package/lib/components/breadcrumbs/_breadcrumb_content.styles.js +16 -3
- package/lib/components/breadcrumbs/breadcrumbs.js +4 -3
- package/lib/components/button/button_display/_button_display_content.js +30 -29
- package/lib/components/button/button_group/button_group_button.js +3 -4
- package/lib/components/button/button_group/button_group_button.styles.js +22 -12
- package/lib/components/call_out/call_out.js +43 -40
- package/lib/components/call_out/call_out.styles.js +6 -6
- package/lib/components/code/code_block_annotations.js +6 -5
- package/lib/components/code/code_block_annotations.style.js +2 -1
- package/lib/components/collapsible_nav/collapsible_nav.js +1 -2
- package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +3 -3
- package/lib/components/collapsible_nav_beta/collapsible_nav_body_footer.js +1 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +1 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +1 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +2 -3
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +1 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +1 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +1 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +1 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.js +1 -2
- package/lib/components/color_picker/color_palette_picker/color_palette_picker.js +1 -0
- package/lib/components/combo_box/combo_box.js +22 -16
- package/lib/components/comment_list/comment_event.js +3 -4
- package/lib/components/context_menu/context_menu.js +5 -6
- package/lib/components/context_menu/context_menu_item.js +1 -2
- package/lib/components/context_menu/context_menu_panel.js +4 -4
- package/lib/components/description_list/description_list.js +13 -15
- package/lib/components/description_list/description_list_description.js +1 -2
- package/lib/components/description_list/description_list_title.js +1 -2
- package/lib/components/empty_prompt/empty_prompt.js +1 -4
- package/lib/components/flyout/_flyout_close_button.js +52 -0
- package/lib/components/flyout/_flyout_close_button.styles.js +34 -0
- package/lib/components/flyout/flyout.js +76 -63
- package/lib/components/flyout/flyout.styles.js +5 -19
- package/lib/components/flyout/flyout_body.js +4 -7
- package/lib/components/flyout/flyout_body.styles.js +2 -1
- package/lib/components/flyout/flyout_footer.js +2 -4
- package/lib/components/flyout/flyout_header.js +1 -2
- package/lib/components/flyout/flyout_resizable.js +1 -2
- package/lib/components/form/super_select/super_select.js +32 -21
- package/lib/components/form/super_select/super_select_control.js +38 -4
- package/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +4 -3
- package/lib/components/horizontal_rule/horizontal_rule.js +2 -17
- package/lib/components/loading/loading_chart.js +14 -19
- package/lib/components/loading/loading_chart.styles.js +28 -10
- package/lib/components/loading/loading_elastic.js +2 -4
- package/lib/components/loading/loading_elastic.styles.js +2 -4
- package/lib/components/loading/loading_logo.js +5 -8
- package/lib/components/loading/loading_logo.styles.js +3 -9
- package/lib/components/loading/loading_spinner.js +5 -5
- package/lib/components/page/page_header/page_header_content.js +1 -1
- package/lib/components/provider/component_defaults/component_defaults.js +7 -1
- package/lib/components/resizable_container/resizable_collapse_button.js +1 -2
- package/lib/components/table/_table_cell_content.js +82 -0
- package/lib/components/table/_table_cell_content.styles.js +68 -0
- package/lib/components/table/index.js +0 -7
- package/lib/components/table/mobile/responsive_context.js +47 -0
- package/lib/components/table/mobile/table_header_mobile.js +11 -4
- package/lib/components/table/mobile/table_header_mobile.styles.js +22 -0
- package/lib/components/table/mobile/table_sort_mobile.js +12 -3
- package/lib/components/table/table.js +23 -13
- package/lib/components/table/table.styles.js +109 -0
- package/lib/components/table/table_cells_shared.styles.js +53 -0
- package/lib/components/table/table_footer_cell.js +11 -11
- package/lib/components/table/table_header_cell.js +36 -51
- package/lib/components/table/table_header_cell_checkbox.js +6 -2
- package/lib/components/table/table_row.js +17 -5
- package/lib/components/table/table_row.styles.js +84 -0
- package/lib/components/table/table_row_cell.js +64 -92
- package/lib/components/table/table_row_cell.styles.js +94 -0
- package/lib/components/table/table_row_cell_checkbox.js +7 -0
- package/lib/components/tabs/tab.js +2 -3
- package/lib/components/tabs/tabs.js +1 -2
- package/optimize/es/components/accessibility/screen_reader_only/screen_reader_only.js +8 -7
- package/optimize/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +3 -4
- package/optimize/es/components/accessibility/skip_link/skip_link.js +2 -3
- package/optimize/es/components/aspect_ratio/aspect_ratio.js +16 -14
- package/optimize/es/components/avatar/avatar.js +39 -40
- package/optimize/es/components/avatar/avatar.styles.js +1 -1
- package/optimize/es/components/badge/badge.js +4 -4
- package/optimize/es/components/badge/badge_group/badge_group.js +3 -4
- package/optimize/es/components/badge/beta_badge/beta_badge.js +2 -3
- package/optimize/es/components/badge/notification_badge/badge_notification.js +3 -4
- package/optimize/es/components/basic_table/basic_table.js +56 -59
- package/optimize/es/components/basic_table/basic_table.styles.js +3 -17
- package/optimize/es/components/basic_table/expanded_item_actions.js +1 -2
- package/optimize/es/components/basic_table/in_memory_table.js +1 -6
- package/optimize/es/components/bottom_bar/bottom_bar.js +6 -16
- package/optimize/es/components/bottom_bar/bottom_bar.styles.js +3 -2
- package/optimize/es/components/breadcrumbs/_breadcrumb_content.js +7 -10
- package/optimize/es/components/breadcrumbs/_breadcrumb_content.styles.js +17 -4
- package/optimize/es/components/button/button_display/_button_display_content.js +28 -30
- package/optimize/es/components/button/button_group/button_group_button.js +5 -6
- package/optimize/es/components/button/button_group/button_group_button.styles.js +13 -10
- package/optimize/es/components/call_out/call_out.js +45 -42
- package/optimize/es/components/call_out/call_out.styles.js +4 -4
- package/optimize/es/components/code/code_block_annotations.js +7 -6
- package/optimize/es/components/code/code_block_annotations.style.js +2 -1
- package/optimize/es/components/collapsible_nav/collapsible_nav.js +2 -3
- package/optimize/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +2 -3
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_beta.js +4 -4
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_body_footer.js +2 -3
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +2 -3
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +2 -3
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +3 -4
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -3
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +2 -3
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +2 -3
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +2 -3
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.js +2 -3
- package/optimize/es/components/combo_box/combo_box.js +22 -16
- package/optimize/es/components/comment_list/comment_event.js +4 -5
- package/optimize/es/components/context_menu/context_menu.js +6 -7
- package/optimize/es/components/context_menu/context_menu_item.js +2 -3
- package/optimize/es/components/context_menu/context_menu_panel.js +5 -5
- package/optimize/es/components/description_list/description_list.js +14 -16
- package/optimize/es/components/description_list/description_list_description.js +2 -3
- package/optimize/es/components/description_list/description_list_title.js +2 -3
- package/optimize/es/components/empty_prompt/empty_prompt.js +2 -5
- package/optimize/es/components/flyout/_flyout_close_button.js +44 -0
- package/optimize/es/components/flyout/_flyout_close_button.styles.js +27 -0
- package/optimize/es/components/flyout/flyout.js +57 -64
- package/optimize/es/components/flyout/flyout.styles.js +3 -17
- package/optimize/es/components/flyout/flyout_body.js +5 -8
- package/optimize/es/components/flyout/flyout_body.styles.js +2 -1
- package/optimize/es/components/flyout/flyout_footer.js +3 -5
- package/optimize/es/components/flyout/flyout_header.js +2 -3
- package/optimize/es/components/flyout/flyout_resizable.js +2 -3
- package/optimize/es/components/form/super_select/super_select.js +32 -22
- package/optimize/es/components/form/super_select/super_select_control.js +34 -5
- package/optimize/es/components/horizontal_rule/horizontal_rule.js +3 -15
- package/optimize/es/components/loading/loading_chart.js +16 -21
- package/optimize/es/components/loading/loading_chart.styles.js +28 -10
- package/optimize/es/components/loading/loading_elastic.js +3 -5
- package/optimize/es/components/loading/loading_elastic.styles.js +2 -4
- package/optimize/es/components/loading/loading_logo.js +6 -9
- package/optimize/es/components/loading/loading_logo.styles.js +1 -6
- package/optimize/es/components/loading/loading_spinner.js +5 -5
- package/optimize/es/components/resizable_container/resizable_collapse_button.js +1 -2
- package/optimize/es/components/table/_table_cell_content.js +56 -0
- package/optimize/es/components/table/_table_cell_content.styles.js +63 -0
- package/optimize/es/components/table/index.js +0 -1
- package/optimize/es/components/table/mobile/responsive_context.js +37 -0
- package/optimize/es/components/table/mobile/table_header_mobile.js +11 -4
- package/optimize/es/components/table/mobile/table_header_mobile.styles.js +15 -0
- package/optimize/es/components/table/mobile/table_sort_mobile.js +7 -1
- package/optimize/es/components/table/table.js +13 -12
- package/optimize/es/components/table/table.styles.js +102 -0
- package/optimize/es/components/table/table_cells_shared.styles.js +44 -0
- package/optimize/es/components/table/table_footer_cell.js +12 -12
- package/optimize/es/components/table/table_header_cell.js +35 -37
- package/optimize/es/components/table/table_header_cell_checkbox.js +6 -2
- package/optimize/es/components/table/table_row.js +10 -2
- package/optimize/es/components/table/table_row.styles.js +78 -0
- package/optimize/es/components/table/table_row_cell.js +49 -80
- package/optimize/es/components/table/table_row_cell.styles.js +89 -0
- package/optimize/es/components/table/table_row_cell_checkbox.js +7 -0
- package/optimize/es/components/tabs/tab.js +3 -4
- package/optimize/es/components/tabs/tabs.js +2 -3
- package/optimize/lib/components/accessibility/screen_reader_only/screen_reader_only.js +7 -6
- package/optimize/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +3 -4
- package/optimize/lib/components/accessibility/skip_link/skip_link.js +1 -2
- package/optimize/lib/components/aspect_ratio/aspect_ratio.js +19 -14
- package/optimize/lib/components/avatar/avatar.js +41 -39
- package/optimize/lib/components/avatar/avatar.styles.js +1 -1
- package/optimize/lib/components/badge/badge.js +3 -3
- package/optimize/lib/components/badge/badge_group/badge_group.js +2 -3
- package/optimize/lib/components/badge/beta_badge/beta_badge.js +1 -2
- package/optimize/lib/components/badge/notification_badge/badge_notification.js +2 -3
- package/optimize/lib/components/basic_table/basic_table.js +55 -58
- package/optimize/lib/components/basic_table/basic_table.styles.js +5 -20
- package/optimize/lib/components/basic_table/expanded_item_actions.js +1 -2
- package/optimize/lib/components/basic_table/in_memory_table.js +1 -6
- package/optimize/lib/components/bottom_bar/bottom_bar.js +8 -18
- package/optimize/lib/components/bottom_bar/bottom_bar.styles.js +3 -2
- package/optimize/lib/components/breadcrumbs/_breadcrumb_content.js +7 -10
- package/optimize/lib/components/breadcrumbs/_breadcrumb_content.styles.js +16 -3
- package/optimize/lib/components/button/button_display/_button_display_content.js +30 -29
- package/optimize/lib/components/button/button_group/button_group_button.js +3 -4
- package/optimize/lib/components/button/button_group/button_group_button.styles.js +15 -12
- package/optimize/lib/components/call_out/call_out.js +43 -40
- package/optimize/lib/components/call_out/call_out.styles.js +6 -6
- package/optimize/lib/components/code/code_block_annotations.js +6 -5
- package/optimize/lib/components/code/code_block_annotations.style.js +2 -1
- package/optimize/lib/components/collapsible_nav/collapsible_nav.js +1 -2
- package/optimize/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -2
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +3 -3
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_body_footer.js +1 -2
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +1 -2
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +1 -2
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +2 -3
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +1 -2
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +1 -2
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +1 -2
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +1 -2
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.js +1 -2
- package/optimize/lib/components/combo_box/combo_box.js +22 -16
- package/optimize/lib/components/comment_list/comment_event.js +3 -4
- package/optimize/lib/components/context_menu/context_menu.js +5 -6
- package/optimize/lib/components/context_menu/context_menu_item.js +1 -2
- package/optimize/lib/components/context_menu/context_menu_panel.js +4 -4
- package/optimize/lib/components/description_list/description_list.js +13 -15
- package/optimize/lib/components/description_list/description_list_description.js +1 -2
- package/optimize/lib/components/description_list/description_list_title.js +1 -2
- package/optimize/lib/components/empty_prompt/empty_prompt.js +1 -4
- package/optimize/lib/components/flyout/_flyout_close_button.js +51 -0
- package/optimize/lib/components/flyout/_flyout_close_button.styles.js +34 -0
- package/optimize/lib/components/flyout/flyout.js +55 -62
- package/optimize/lib/components/flyout/flyout.styles.js +5 -19
- package/optimize/lib/components/flyout/flyout_body.js +4 -7
- package/optimize/lib/components/flyout/flyout_body.styles.js +2 -1
- package/optimize/lib/components/flyout/flyout_footer.js +2 -4
- package/optimize/lib/components/flyout/flyout_header.js +1 -2
- package/optimize/lib/components/flyout/flyout_resizable.js +1 -2
- package/optimize/lib/components/form/super_select/super_select.js +31 -21
- package/optimize/lib/components/form/super_select/super_select_control.js +33 -4
- package/optimize/lib/components/horizontal_rule/horizontal_rule.js +2 -14
- package/optimize/lib/components/loading/loading_chart.js +14 -19
- package/optimize/lib/components/loading/loading_chart.styles.js +28 -10
- package/optimize/lib/components/loading/loading_elastic.js +2 -4
- package/optimize/lib/components/loading/loading_elastic.styles.js +2 -4
- package/optimize/lib/components/loading/loading_logo.js +5 -8
- package/optimize/lib/components/loading/loading_logo.styles.js +3 -9
- package/optimize/lib/components/loading/loading_spinner.js +5 -5
- package/optimize/lib/components/resizable_container/resizable_collapse_button.js +1 -2
- package/optimize/lib/components/table/_table_cell_content.js +66 -0
- package/optimize/lib/components/table/_table_cell_content.styles.js +68 -0
- package/optimize/lib/components/table/index.js +0 -7
- package/optimize/lib/components/table/mobile/responsive_context.js +47 -0
- package/optimize/lib/components/table/mobile/table_header_mobile.js +11 -4
- package/optimize/lib/components/table/mobile/table_header_mobile.styles.js +22 -0
- package/optimize/lib/components/table/mobile/table_sort_mobile.js +7 -1
- package/optimize/lib/components/table/table.js +13 -12
- package/optimize/lib/components/table/table.styles.js +109 -0
- package/optimize/lib/components/table/table_cells_shared.styles.js +51 -0
- package/optimize/lib/components/table/table_footer_cell.js +11 -11
- package/optimize/lib/components/table/table_header_cell.js +35 -37
- package/optimize/lib/components/table/table_header_cell_checkbox.js +6 -2
- package/optimize/lib/components/table/table_row.js +9 -1
- package/optimize/lib/components/table/table_row.styles.js +85 -0
- package/optimize/lib/components/table/table_row_cell.js +48 -82
- package/optimize/lib/components/table/table_row_cell.styles.js +94 -0
- package/optimize/lib/components/table/table_row_cell_checkbox.js +7 -0
- package/optimize/lib/components/tabs/tab.js +2 -3
- package/optimize/lib/components/tabs/tabs.js +1 -2
- package/package.json +1 -1
- package/src/components/index.scss +0 -1
- package/test-env/components/accessibility/screen_reader_only/screen_reader_only.js +8 -7
- package/test-env/components/accessibility/screen_reader_only/screen_reader_only.styles.js +3 -4
- package/test-env/components/accessibility/skip_link/skip_link.js +1 -2
- package/test-env/components/aspect_ratio/aspect_ratio.js +19 -14
- package/test-env/components/avatar/avatar.js +41 -39
- package/test-env/components/avatar/avatar.styles.js +1 -1
- package/test-env/components/badge/badge.js +3 -3
- package/test-env/components/badge/badge_group/badge_group.js +2 -3
- package/test-env/components/badge/beta_badge/beta_badge.js +1 -2
- package/test-env/components/badge/notification_badge/badge_notification.js +2 -3
- package/test-env/components/basic_table/basic_table.js +112 -129
- package/test-env/components/basic_table/basic_table.styles.js +5 -20
- package/test-env/components/basic_table/expanded_item_actions.js +1 -2
- package/test-env/components/basic_table/in_memory_table.js +57 -76
- package/test-env/components/bottom_bar/bottom_bar.js +10 -20
- package/test-env/components/bottom_bar/bottom_bar.styles.js +3 -2
- package/test-env/components/breadcrumbs/_breadcrumb_content.js +8 -11
- package/test-env/components/breadcrumbs/_breadcrumb_content.styles.js +16 -3
- package/test-env/components/breadcrumbs/breadcrumbs.js +4 -3
- package/test-env/components/button/button_display/_button_display_content.js +30 -29
- package/test-env/components/button/button_group/button_group_button.js +3 -4
- package/test-env/components/button/button_group/button_group_button.styles.js +15 -12
- package/test-env/components/call_out/call_out.js +43 -40
- package/test-env/components/call_out/call_out.styles.js +6 -6
- package/test-env/components/code/code_block_annotations.js +6 -5
- package/test-env/components/code/code_block_annotations.style.js +2 -1
- package/test-env/components/collapsible_nav/collapsible_nav.js +1 -2
- package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_beta.js +3 -3
- package/test-env/components/collapsible_nav_beta/collapsible_nav_body_footer.js +1 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +1 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +1 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +2 -3
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +1 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +1 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +1 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +1 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.js +1 -2
- package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js +1 -0
- package/test-env/components/combo_box/combo_box.js +22 -16
- package/test-env/components/comment_list/comment_event.js +3 -4
- package/test-env/components/context_menu/context_menu.js +5 -6
- package/test-env/components/context_menu/context_menu_item.js +1 -2
- package/test-env/components/context_menu/context_menu_panel.js +4 -4
- package/test-env/components/description_list/description_list.js +13 -15
- package/test-env/components/description_list/description_list_description.js +1 -2
- package/test-env/components/description_list/description_list_title.js +1 -2
- package/test-env/components/empty_prompt/empty_prompt.js +1 -4
- package/test-env/components/flyout/_flyout_close_button.js +51 -0
- package/test-env/components/flyout/_flyout_close_button.styles.js +34 -0
- package/test-env/components/flyout/flyout.styles.js +5 -19
- package/test-env/components/flyout/flyout_body.js +4 -7
- package/test-env/components/flyout/flyout_body.styles.js +2 -1
- package/test-env/components/flyout/flyout_footer.js +2 -4
- package/test-env/components/flyout/flyout_header.js +1 -2
- package/test-env/components/flyout/flyout_resizable.js +1 -2
- package/test-env/components/form/super_select/super_select.js +32 -21
- package/test-env/components/form/super_select/super_select_control.js +33 -4
- package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.js +4 -3
- package/test-env/components/horizontal_rule/horizontal_rule.js +2 -14
- package/test-env/components/loading/loading_chart.js +14 -19
- package/test-env/components/loading/loading_chart.styles.js +28 -10
- package/test-env/components/loading/loading_elastic.js +2 -4
- package/test-env/components/loading/loading_elastic.styles.js +2 -4
- package/test-env/components/loading/loading_logo.js +5 -8
- package/test-env/components/loading/loading_logo.styles.js +3 -9
- package/test-env/components/loading/loading_spinner.js +5 -5
- package/test-env/components/page/page_header/page_header_content.js +1 -1
- package/test-env/components/provider/component_defaults/component_defaults.js +7 -1
- package/test-env/components/resizable_container/resizable_collapse_button.js +1 -2
- package/test-env/components/table/_table_cell_content.js +76 -0
- package/test-env/components/table/_table_cell_content.styles.js +68 -0
- package/test-env/components/table/index.js +0 -7
- package/test-env/components/table/mobile/responsive_context.js +47 -0
- package/test-env/components/table/mobile/table_header_mobile.js +11 -4
- package/test-env/components/table/mobile/table_header_mobile.styles.js +22 -0
- package/test-env/components/table/mobile/table_sort_mobile.js +12 -3
- package/test-env/components/table/table.js +23 -13
- package/test-env/components/table/table.styles.js +109 -0
- package/test-env/components/table/table_cells_shared.styles.js +51 -0
- package/test-env/components/table/table_footer_cell.js +11 -11
- package/test-env/components/table/table_header_cell.js +36 -51
- package/test-env/components/table/table_header_cell_checkbox.js +6 -2
- package/test-env/components/table/table_row.js +17 -5
- package/test-env/components/table/table_row.styles.js +85 -0
- package/test-env/components/table/table_row_cell.js +59 -93
- package/test-env/components/table/table_row_cell.styles.js +94 -0
- package/test-env/components/table/table_row_cell_checkbox.js +7 -0
- package/test-env/components/tabs/tab.js +2 -3
- package/test-env/components/tabs/tabs.js +1 -2
- package/es/components/table/table_header_button.js +0 -52
- package/lib/components/table/table_header_button.js +0 -59
- package/optimize/es/components/table/table_header_button.js +0 -43
- package/optimize/lib/components/table/table_header_button.js +0 -50
- package/src/components/table/_index.scss +0 -7
- package/src/components/table/_mixins.scss +0 -20
- package/src/components/table/_responsive.scss +0 -211
- package/src/components/table/_table.scss +0 -241
- package/src/components/table/_variables.scss +0 -17
- package/src/components/table/mobile/_index.scss +0 -1
- package/src/components/table/mobile/_mobile.scss +0 -17
- package/test-env/components/table/table_header_button.js +0 -58
package/dist/eui_theme_dark.css
CHANGED
|
@@ -5873,771 +5873,6 @@ The following files still use the Sass version:
|
|
|
5873
5873
|
font-weight: 500;
|
|
5874
5874
|
}
|
|
5875
5875
|
|
|
5876
|
-
.euiTable {
|
|
5877
|
-
font-size: 14px;
|
|
5878
|
-
font-size: 1rem;
|
|
5879
|
-
line-height: 1.7142857143rem;
|
|
5880
|
-
font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1;
|
|
5881
|
-
width: 100%;
|
|
5882
|
-
table-layout: fixed;
|
|
5883
|
-
border: none;
|
|
5884
|
-
border-collapse: collapse;
|
|
5885
|
-
background-color: #1D1E24;
|
|
5886
|
-
}
|
|
5887
|
-
.euiTable.euiTable--auto {
|
|
5888
|
-
table-layout: auto;
|
|
5889
|
-
}
|
|
5890
|
-
|
|
5891
|
-
.euiTableCaption {
|
|
5892
|
-
position: relative;
|
|
5893
|
-
}
|
|
5894
|
-
|
|
5895
|
-
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
|
5896
|
-
.euiTable--compressed .euiTableCellContent {
|
|
5897
|
-
font-size: 12px;
|
|
5898
|
-
font-size: 0.8571428571rem;
|
|
5899
|
-
line-height: 1.1428571429rem;
|
|
5900
|
-
padding: 4px;
|
|
5901
|
-
}
|
|
5902
|
-
}
|
|
5903
|
-
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
|
5904
|
-
.euiTable--compressed .euiTableCellContent {
|
|
5905
|
-
font-size: 12px;
|
|
5906
|
-
font-size: 0.8571428571rem;
|
|
5907
|
-
line-height: 1.1428571429rem;
|
|
5908
|
-
padding: 4px;
|
|
5909
|
-
}
|
|
5910
|
-
}
|
|
5911
|
-
@media only screen and (min-width: 1200px) {
|
|
5912
|
-
.euiTable--compressed .euiTableCellContent {
|
|
5913
|
-
font-size: 12px;
|
|
5914
|
-
font-size: 0.8571428571rem;
|
|
5915
|
-
line-height: 1.1428571429rem;
|
|
5916
|
-
padding: 4px;
|
|
5917
|
-
}
|
|
5918
|
-
}
|
|
5919
|
-
.euiTableFooterCell,
|
|
5920
|
-
.euiTableHeaderCell {
|
|
5921
|
-
vertical-align: middle;
|
|
5922
|
-
border-top: 1px solid #343741;
|
|
5923
|
-
border-bottom: 1px solid #343741;
|
|
5924
|
-
font-weight: inherit;
|
|
5925
|
-
text-align: left;
|
|
5926
|
-
overflow-wrap: break-word !important;
|
|
5927
|
-
word-break: break-word;
|
|
5928
|
-
color: #DFE5EF;
|
|
5929
|
-
font-size: 14px;
|
|
5930
|
-
font-size: 1rem;
|
|
5931
|
-
line-height: 1.7142857143rem;
|
|
5932
|
-
font-weight: 700;
|
|
5933
|
-
font-weight: 500;
|
|
5934
|
-
border: none;
|
|
5935
|
-
}
|
|
5936
|
-
.euiTableFooterCell .euiTableHeaderButton,
|
|
5937
|
-
.euiTableHeaderCell .euiTableHeaderButton {
|
|
5938
|
-
text-align: left;
|
|
5939
|
-
font-weight: 500;
|
|
5940
|
-
}
|
|
5941
|
-
.euiTableFooterCell .euiTableCellContent__text,
|
|
5942
|
-
.euiTableHeaderCell .euiTableCellContent__text {
|
|
5943
|
-
font-size: 12px;
|
|
5944
|
-
font-size: 0.8571428571rem;
|
|
5945
|
-
line-height: 1.1428571429rem;
|
|
5946
|
-
font-weight: 600;
|
|
5947
|
-
}
|
|
5948
|
-
|
|
5949
|
-
.euiTableHeaderButton {
|
|
5950
|
-
font-size: 14px;
|
|
5951
|
-
font-size: 1rem;
|
|
5952
|
-
line-height: 1.7142857143rem;
|
|
5953
|
-
color: inherit;
|
|
5954
|
-
width: 100%;
|
|
5955
|
-
}
|
|
5956
|
-
.euiTableHeaderButton:hover .euiTableCellContent__text, .euiTableHeaderButton:focus .euiTableCellContent__text {
|
|
5957
|
-
text-decoration: underline;
|
|
5958
|
-
color: #36A2EF;
|
|
5959
|
-
}
|
|
5960
|
-
.euiTableHeaderButton:hover .euiTableSortIcon, .euiTableHeaderButton:focus .euiTableSortIcon {
|
|
5961
|
-
fill: #36A2EF;
|
|
5962
|
-
}
|
|
5963
|
-
|
|
5964
|
-
.euiTableSortIcon {
|
|
5965
|
-
margin-left: 4px;
|
|
5966
|
-
-webkit-flex-shrink: 0;
|
|
5967
|
-
flex-shrink: 0;
|
|
5968
|
-
}
|
|
5969
|
-
.euiTableHeaderButton-isSorted .euiTableSortIcon {
|
|
5970
|
-
fill: #DFE5EF;
|
|
5971
|
-
}
|
|
5972
|
-
|
|
5973
|
-
.euiTableHeaderCellCheckbox {
|
|
5974
|
-
vertical-align: middle;
|
|
5975
|
-
border-top: 1px solid #343741;
|
|
5976
|
-
border-bottom: 1px solid #343741;
|
|
5977
|
-
font-weight: inherit;
|
|
5978
|
-
text-align: left;
|
|
5979
|
-
width: 32px;
|
|
5980
|
-
vertical-align: middle;
|
|
5981
|
-
border: none;
|
|
5982
|
-
}
|
|
5983
|
-
|
|
5984
|
-
.euiTableRow:hover {
|
|
5985
|
-
background-color: #1e1e25;
|
|
5986
|
-
}
|
|
5987
|
-
.euiTableRow.euiTableRow-isClickable:hover {
|
|
5988
|
-
background-color: rgba(54, 162, 239, 0.05);
|
|
5989
|
-
cursor: pointer;
|
|
5990
|
-
}
|
|
5991
|
-
.euiTableRow.euiTableRow-isClickable:focus {
|
|
5992
|
-
background-color: rgba(54, 162, 239, 0.1);
|
|
5993
|
-
}
|
|
5994
|
-
.euiTableRow.euiTableRow-isExpandedRow {
|
|
5995
|
-
background-color: #1e1e25;
|
|
5996
|
-
}
|
|
5997
|
-
.euiTableRow.euiTableRow-isExpandedRow.euiTableRow-isSelectable .euiTableCellContent {
|
|
5998
|
-
padding-left: 40px;
|
|
5999
|
-
}
|
|
6000
|
-
.euiTableRow.euiTableRow-isSelected {
|
|
6001
|
-
background-color: rgba(54, 162, 239, 0.2);
|
|
6002
|
-
}
|
|
6003
|
-
.euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
|
|
6004
|
-
background-color: rgba(54, 162, 239, 0.2);
|
|
6005
|
-
}
|
|
6006
|
-
.euiTableRow.euiTableRow-isSelected:hover, .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
|
|
6007
|
-
background-color: rgba(27, 81, 120, 0.28);
|
|
6008
|
-
}
|
|
6009
|
-
|
|
6010
|
-
.euiTableRowCell {
|
|
6011
|
-
vertical-align: middle;
|
|
6012
|
-
border-top: 1px solid #343741;
|
|
6013
|
-
border-bottom: 1px solid #343741;
|
|
6014
|
-
font-weight: inherit;
|
|
6015
|
-
text-align: left;
|
|
6016
|
-
color: #DFE5EF;
|
|
6017
|
-
}
|
|
6018
|
-
.euiTableRowCell--top {
|
|
6019
|
-
vertical-align: top;
|
|
6020
|
-
}
|
|
6021
|
-
.euiTableRowCell--bottom {
|
|
6022
|
-
vertical-align: bottom;
|
|
6023
|
-
}
|
|
6024
|
-
.euiTableRowCell--baseline {
|
|
6025
|
-
vertical-align: baseline;
|
|
6026
|
-
}
|
|
6027
|
-
.euiTableRowCell.euiTableRowCell--isMobileHeader {
|
|
6028
|
-
display: none;
|
|
6029
|
-
}
|
|
6030
|
-
|
|
6031
|
-
.euiTableRowCellCheckbox {
|
|
6032
|
-
vertical-align: middle;
|
|
6033
|
-
border-top: 1px solid #343741;
|
|
6034
|
-
border-bottom: 1px solid #343741;
|
|
6035
|
-
font-weight: inherit;
|
|
6036
|
-
text-align: left;
|
|
6037
|
-
width: 32px;
|
|
6038
|
-
vertical-align: middle;
|
|
6039
|
-
}
|
|
6040
|
-
|
|
6041
|
-
.euiTableFooterCell {
|
|
6042
|
-
background-color: #25262E;
|
|
6043
|
-
}
|
|
6044
|
-
|
|
6045
|
-
/**
|
|
6046
|
-
* 1. Vertically align all children.
|
|
6047
|
-
* 2. The padding on this div allows the ellipsis to show if the content is truncated. If
|
|
6048
|
-
* the padding was on the cell, the ellipsis would be cropped.
|
|
6049
|
-
* 4. Prevent very long single words (e.g. the name of a field in a document) from overflowing
|
|
6050
|
-
* the cell.
|
|
6051
|
-
*/
|
|
6052
|
-
.euiTableCellContent {
|
|
6053
|
-
overflow: hidden; /* 4 */
|
|
6054
|
-
display: -webkit-flex;
|
|
6055
|
-
display: flex;
|
|
6056
|
-
-webkit-align-items: center;
|
|
6057
|
-
align-items: center; /* 1 */
|
|
6058
|
-
padding: 8px; /* 2 */
|
|
6059
|
-
}
|
|
6060
|
-
|
|
6061
|
-
.euiTableCellContent__text {
|
|
6062
|
-
overflow-wrap: break-word !important;
|
|
6063
|
-
word-break: break-word;
|
|
6064
|
-
/* 4 */
|
|
6065
|
-
min-width: 0;
|
|
6066
|
-
text-overflow: ellipsis;
|
|
6067
|
-
}
|
|
6068
|
-
|
|
6069
|
-
.euiTableCellContent--alignRight {
|
|
6070
|
-
-webkit-justify-content: flex-end;
|
|
6071
|
-
justify-content: flex-end;
|
|
6072
|
-
text-align: right;
|
|
6073
|
-
}
|
|
6074
|
-
|
|
6075
|
-
.euiTableCellContent--alignCenter {
|
|
6076
|
-
-webkit-justify-content: center;
|
|
6077
|
-
justify-content: center;
|
|
6078
|
-
text-align: center;
|
|
6079
|
-
}
|
|
6080
|
-
|
|
6081
|
-
.euiTableHeaderCell,
|
|
6082
|
-
.euiTableFooterCell,
|
|
6083
|
-
.euiTableCellContent--truncateText {
|
|
6084
|
-
max-width: 100%;
|
|
6085
|
-
overflow: hidden !important;
|
|
6086
|
-
text-overflow: ellipsis !important;
|
|
6087
|
-
white-space: nowrap !important;
|
|
6088
|
-
}
|
|
6089
|
-
.euiTableHeaderCell .euiTableCellContent__text,
|
|
6090
|
-
.euiTableFooterCell .euiTableCellContent__text,
|
|
6091
|
-
.euiTableCellContent--truncateText .euiTableCellContent__text {
|
|
6092
|
-
overflow: hidden;
|
|
6093
|
-
}
|
|
6094
|
-
|
|
6095
|
-
.euiTableCellContent--overflowingContent {
|
|
6096
|
-
overflow: visible;
|
|
6097
|
-
white-space: normal;
|
|
6098
|
-
word-break: break-word;
|
|
6099
|
-
}
|
|
6100
|
-
|
|
6101
|
-
.euiTableCellContent--showOnHover > *:not(:first-child) {
|
|
6102
|
-
margin-left: 8px;
|
|
6103
|
-
}
|
|
6104
|
-
|
|
6105
|
-
.euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
|
|
6106
|
-
-webkit-flex-shrink: 0;
|
|
6107
|
-
flex-shrink: 0;
|
|
6108
|
-
opacity: 0.7;
|
|
6109
|
-
-webkit-filter: grayscale(100%);
|
|
6110
|
-
filter: grayscale(100%);
|
|
6111
|
-
transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
|
|
6112
|
-
transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
|
|
6113
|
-
transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
|
|
6114
|
-
}
|
|
6115
|
-
.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
|
|
6116
|
-
-webkit-filter: grayscale(0%);
|
|
6117
|
-
filter: grayscale(0%);
|
|
6118
|
-
opacity: 0;
|
|
6119
|
-
}
|
|
6120
|
-
.euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem,
|
|
6121
|
-
.euiTableRow-hasActions .euiTableCellContent--showOnHover:focus-within .euiTableCellContent__hoverItem {
|
|
6122
|
-
opacity: 1;
|
|
6123
|
-
-webkit-filter: grayscale(0%);
|
|
6124
|
-
filter: grayscale(0%);
|
|
6125
|
-
}
|
|
6126
|
-
|
|
6127
|
-
.euiTableRow-isExpandedRow .euiTableCellContent {
|
|
6128
|
-
-webkit-animation: 150ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal none growExpandedRow;
|
|
6129
|
-
animation: 150ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal none growExpandedRow;
|
|
6130
|
-
}
|
|
6131
|
-
|
|
6132
|
-
@-webkit-keyframes growExpandedRow {
|
|
6133
|
-
0% {
|
|
6134
|
-
opacity: 0;
|
|
6135
|
-
-webkit-transform: translateY(-12px);
|
|
6136
|
-
transform: translateY(-12px);
|
|
6137
|
-
}
|
|
6138
|
-
100% {
|
|
6139
|
-
opacity: 1;
|
|
6140
|
-
-webkit-transform: translateY(0);
|
|
6141
|
-
transform: translateY(0);
|
|
6142
|
-
}
|
|
6143
|
-
}
|
|
6144
|
-
|
|
6145
|
-
@keyframes growExpandedRow {
|
|
6146
|
-
0% {
|
|
6147
|
-
opacity: 0;
|
|
6148
|
-
-webkit-transform: translateY(-12px);
|
|
6149
|
-
transform: translateY(-12px);
|
|
6150
|
-
}
|
|
6151
|
-
100% {
|
|
6152
|
-
opacity: 1;
|
|
6153
|
-
-webkit-transform: translateY(0);
|
|
6154
|
-
transform: translateY(0);
|
|
6155
|
-
}
|
|
6156
|
-
}
|
|
6157
|
-
.euiTableRowCell__mobileHeader {
|
|
6158
|
-
display: none;
|
|
6159
|
-
}
|
|
6160
|
-
|
|
6161
|
-
@media only screen and (max-width: 574px) {
|
|
6162
|
-
.euiTableRowCell--hideForMobile {
|
|
6163
|
-
display: none !important;
|
|
6164
|
-
}
|
|
6165
|
-
}
|
|
6166
|
-
@media only screen and (min-width: 575px) and (max-width: 767px) {
|
|
6167
|
-
.euiTableRowCell--hideForMobile {
|
|
6168
|
-
display: none !important;
|
|
6169
|
-
}
|
|
6170
|
-
}
|
|
6171
|
-
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
|
6172
|
-
.euiTableRowCell--hideForDesktop {
|
|
6173
|
-
display: none !important;
|
|
6174
|
-
}
|
|
6175
|
-
}
|
|
6176
|
-
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
|
6177
|
-
.euiTableRowCell--hideForDesktop {
|
|
6178
|
-
display: none !important;
|
|
6179
|
-
}
|
|
6180
|
-
}
|
|
6181
|
-
@media only screen and (min-width: 1200px) {
|
|
6182
|
-
.euiTableRowCell--hideForDesktop {
|
|
6183
|
-
display: none !important;
|
|
6184
|
-
}
|
|
6185
|
-
}
|
|
6186
|
-
@media only screen and (max-width: 574px) {
|
|
6187
|
-
.euiTable.euiTable--responsive thead {
|
|
6188
|
-
display: none;
|
|
6189
|
-
}
|
|
6190
|
-
.euiTable.euiTable--responsive tfoot {
|
|
6191
|
-
display: none;
|
|
6192
|
-
}
|
|
6193
|
-
.euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
|
|
6194
|
-
max-width: 100%;
|
|
6195
|
-
overflow: hidden !important;
|
|
6196
|
-
text-overflow: ellipsis !important;
|
|
6197
|
-
white-space: nowrap !important;
|
|
6198
|
-
font-size: 9.625px;
|
|
6199
|
-
font-size: 0.6875rem;
|
|
6200
|
-
display: block;
|
|
6201
|
-
color: #98A2B3;
|
|
6202
|
-
padding: 8px;
|
|
6203
|
-
padding-bottom: 0;
|
|
6204
|
-
margin-bottom: -8px;
|
|
6205
|
-
min-height: 24px;
|
|
6206
|
-
}
|
|
6207
|
-
.euiTableRowCell:only-child .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
|
|
6208
|
-
min-height: 0;
|
|
6209
|
-
}
|
|
6210
|
-
.euiTable.euiTable--responsive .euiTableRowCell--enlargeForMobile {
|
|
6211
|
-
font-size: 16px;
|
|
6212
|
-
font-size: 1.1428571429rem;
|
|
6213
|
-
line-height: 1.7142857143rem;
|
|
6214
|
-
}
|
|
6215
|
-
.euiTable.euiTable--responsive .euiTableRow {
|
|
6216
|
-
-webkit-flex-grow: 1;
|
|
6217
|
-
flex-grow: 1;
|
|
6218
|
-
}
|
|
6219
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
|
|
6220
|
-
-webkit-flex-grow: 0;
|
|
6221
|
-
flex-grow: 0;
|
|
6222
|
-
}
|
|
6223
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasShadow {
|
|
6224
|
-
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);
|
|
6225
|
-
}
|
|
6226
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasBorder {
|
|
6227
|
-
border: 1px solid #343741;
|
|
6228
|
-
box-shadow: none;
|
|
6229
|
-
}
|
|
6230
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
|
|
6231
|
-
transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
|
|
6232
|
-
}
|
|
6233
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:enabled {
|
|
6234
|
-
display: block;
|
|
6235
|
-
width: 100%;
|
|
6236
|
-
text-align: left;
|
|
6237
|
-
}
|
|
6238
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
|
|
6239
|
-
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);
|
|
6240
|
-
-webkit-transform: translateY(-2px);
|
|
6241
|
-
transform: translateY(-2px);
|
|
6242
|
-
cursor: pointer;
|
|
6243
|
-
}
|
|
6244
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusNone {
|
|
6245
|
-
border-radius: 0;
|
|
6246
|
-
}
|
|
6247
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusMedium {
|
|
6248
|
-
border-radius: 6px;
|
|
6249
|
-
}
|
|
6250
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--transparent {
|
|
6251
|
-
background-color: transparent;
|
|
6252
|
-
}
|
|
6253
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
|
|
6254
|
-
background-color: #1D1E24;
|
|
6255
|
-
}
|
|
6256
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--subdued {
|
|
6257
|
-
background-color: #141519;
|
|
6258
|
-
}
|
|
6259
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--accent {
|
|
6260
|
-
background-color: #4a2b39;
|
|
6261
|
-
}
|
|
6262
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--primary {
|
|
6263
|
-
background-color: #103148;
|
|
6264
|
-
}
|
|
6265
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--success {
|
|
6266
|
-
background-color: #264341;
|
|
6267
|
-
}
|
|
6268
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--warning {
|
|
6269
|
-
background-color: #493f22;
|
|
6270
|
-
}
|
|
6271
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--danger {
|
|
6272
|
-
background-color: #4a201e;
|
|
6273
|
-
}
|
|
6274
|
-
.euiTable.euiTable--responsive .euiTableRow {
|
|
6275
|
-
box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
|
|
6276
|
-
background-color: #1D1E24;
|
|
6277
|
-
border-radius: 6px;
|
|
6278
|
-
display: -webkit-flex;
|
|
6279
|
-
display: flex;
|
|
6280
|
-
-webkit-flex-wrap: wrap;
|
|
6281
|
-
flex-wrap: wrap;
|
|
6282
|
-
padding: 8px;
|
|
6283
|
-
margin-bottom: 8px;
|
|
6284
|
-
}
|
|
6285
|
-
.euiTable.euiTable--responsive .euiTableRow:hover {
|
|
6286
|
-
background-color: #1D1E24;
|
|
6287
|
-
}
|
|
6288
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
|
|
6289
|
-
background-image: linear-gradient(to right, rgba(83, 89, 102, 0.1) 0, rgba(83, 89, 102, 0.1) 1px, transparent 1px, transparent 100%);
|
|
6290
|
-
background-size: 40px 100%;
|
|
6291
|
-
background-position-x: right;
|
|
6292
|
-
background-repeat: no-repeat;
|
|
6293
|
-
padding-right: 40px;
|
|
6294
|
-
position: relative;
|
|
6295
|
-
}
|
|
6296
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
|
|
6297
|
-
min-width: 0;
|
|
6298
|
-
width: 24px;
|
|
6299
|
-
position: absolute;
|
|
6300
|
-
top: 16px;
|
|
6301
|
-
right: 8px;
|
|
6302
|
-
}
|
|
6303
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
|
|
6304
|
-
display: none;
|
|
6305
|
-
}
|
|
6306
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
|
|
6307
|
-
-webkit-flex-direction: column;
|
|
6308
|
-
flex-direction: column;
|
|
6309
|
-
padding: 0;
|
|
6310
|
-
}
|
|
6311
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
|
|
6312
|
-
padding: 4px;
|
|
6313
|
-
}
|
|
6314
|
-
.euiTable.euiTable--responsive .euiTableRow:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child {
|
|
6315
|
-
width: 100%;
|
|
6316
|
-
}
|
|
6317
|
-
.euiTable.euiTable--responsive .euiTableRow:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child::before {
|
|
6318
|
-
content: "";
|
|
6319
|
-
position: absolute;
|
|
6320
|
-
left: 0;
|
|
6321
|
-
right: 0;
|
|
6322
|
-
height: 1px;
|
|
6323
|
-
background-color: rgba(83, 89, 102, 0.1);
|
|
6324
|
-
}
|
|
6325
|
-
.euiTable.euiTable--responsive .euiTableRow:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child .euiTableCellContent {
|
|
6326
|
-
position: relative;
|
|
6327
|
-
top: 4px;
|
|
6328
|
-
}
|
|
6329
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
|
|
6330
|
-
top: auto;
|
|
6331
|
-
bottom: 16px;
|
|
6332
|
-
right: 0;
|
|
6333
|
-
}
|
|
6334
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
|
|
6335
|
-
padding-left: 36px;
|
|
6336
|
-
position: relative;
|
|
6337
|
-
}
|
|
6338
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
|
|
6339
|
-
position: absolute;
|
|
6340
|
-
left: 4px;
|
|
6341
|
-
top: 8px;
|
|
6342
|
-
}
|
|
6343
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
|
|
6344
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
|
|
6345
|
-
background-color: rgba(54, 162, 239, 0.2);
|
|
6346
|
-
}
|
|
6347
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
|
|
6348
|
-
background-image: linear-gradient(to right, rgba(83, 89, 102, 0.1) 0, rgba(83, 89, 102, 0.1) 1px, transparent 1px, transparent 100%);
|
|
6349
|
-
background-size: 40px 100%;
|
|
6350
|
-
background-position-x: right;
|
|
6351
|
-
background-repeat: no-repeat;
|
|
6352
|
-
box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
|
|
6353
|
-
margin-top: -16px;
|
|
6354
|
-
position: relative;
|
|
6355
|
-
z-index: 2;
|
|
6356
|
-
border-top: none;
|
|
6357
|
-
border-top-left-radius: 0;
|
|
6358
|
-
border-top-right-radius: 0;
|
|
6359
|
-
padding-left: 8px;
|
|
6360
|
-
}
|
|
6361
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
|
|
6362
|
-
background-color: #1D1E24;
|
|
6363
|
-
}
|
|
6364
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
|
|
6365
|
-
width: calc(100% - 40px);
|
|
6366
|
-
}
|
|
6367
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell::before {
|
|
6368
|
-
display: none;
|
|
6369
|
-
}
|
|
6370
|
-
.euiTable.euiTable--responsive .euiTableRowCell {
|
|
6371
|
-
min-width: 50%;
|
|
6372
|
-
border: none;
|
|
6373
|
-
}
|
|
6374
|
-
.euiTable.euiTable--responsive .euiTableRowCellCheckbox {
|
|
6375
|
-
border: none;
|
|
6376
|
-
}
|
|
6377
|
-
.euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover > * {
|
|
6378
|
-
margin-left: 0;
|
|
6379
|
-
}
|
|
6380
|
-
.euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
|
|
6381
|
-
display: none;
|
|
6382
|
-
}
|
|
6383
|
-
.euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
|
|
6384
|
-
opacity: 1;
|
|
6385
|
-
-webkit-filter: none;
|
|
6386
|
-
filter: none;
|
|
6387
|
-
margin-left: 0;
|
|
6388
|
-
margin-bottom: 8px;
|
|
6389
|
-
}
|
|
6390
|
-
.euiTable.euiTable--responsive .euiTableCellContent--alignRight {
|
|
6391
|
-
-webkit-justify-content: flex-start;
|
|
6392
|
-
justify-content: flex-start;
|
|
6393
|
-
}
|
|
6394
|
-
.euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
|
|
6395
|
-
-webkit-justify-content: flex-start;
|
|
6396
|
-
justify-content: flex-start;
|
|
6397
|
-
}
|
|
6398
|
-
}
|
|
6399
|
-
@media only screen and (min-width: 575px) and (max-width: 767px) {
|
|
6400
|
-
.euiTable.euiTable--responsive thead {
|
|
6401
|
-
display: none;
|
|
6402
|
-
}
|
|
6403
|
-
.euiTable.euiTable--responsive tfoot {
|
|
6404
|
-
display: none;
|
|
6405
|
-
}
|
|
6406
|
-
.euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
|
|
6407
|
-
max-width: 100%;
|
|
6408
|
-
overflow: hidden !important;
|
|
6409
|
-
text-overflow: ellipsis !important;
|
|
6410
|
-
white-space: nowrap !important;
|
|
6411
|
-
font-size: 9.625px;
|
|
6412
|
-
font-size: 0.6875rem;
|
|
6413
|
-
display: block;
|
|
6414
|
-
color: #98A2B3;
|
|
6415
|
-
padding: 8px;
|
|
6416
|
-
padding-bottom: 0;
|
|
6417
|
-
margin-bottom: -8px;
|
|
6418
|
-
min-height: 24px;
|
|
6419
|
-
}
|
|
6420
|
-
.euiTableRowCell:only-child .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
|
|
6421
|
-
min-height: 0;
|
|
6422
|
-
}
|
|
6423
|
-
.euiTable.euiTable--responsive .euiTableRowCell--enlargeForMobile {
|
|
6424
|
-
font-size: 16px;
|
|
6425
|
-
font-size: 1.1428571429rem;
|
|
6426
|
-
line-height: 1.7142857143rem;
|
|
6427
|
-
}
|
|
6428
|
-
.euiTable.euiTable--responsive .euiTableRow {
|
|
6429
|
-
-webkit-flex-grow: 1;
|
|
6430
|
-
flex-grow: 1;
|
|
6431
|
-
}
|
|
6432
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
|
|
6433
|
-
-webkit-flex-grow: 0;
|
|
6434
|
-
flex-grow: 0;
|
|
6435
|
-
}
|
|
6436
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasShadow {
|
|
6437
|
-
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);
|
|
6438
|
-
}
|
|
6439
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasBorder {
|
|
6440
|
-
border: 1px solid #343741;
|
|
6441
|
-
box-shadow: none;
|
|
6442
|
-
}
|
|
6443
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
|
|
6444
|
-
transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
|
|
6445
|
-
}
|
|
6446
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:enabled {
|
|
6447
|
-
display: block;
|
|
6448
|
-
width: 100%;
|
|
6449
|
-
text-align: left;
|
|
6450
|
-
}
|
|
6451
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
|
|
6452
|
-
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);
|
|
6453
|
-
-webkit-transform: translateY(-2px);
|
|
6454
|
-
transform: translateY(-2px);
|
|
6455
|
-
cursor: pointer;
|
|
6456
|
-
}
|
|
6457
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusNone {
|
|
6458
|
-
border-radius: 0;
|
|
6459
|
-
}
|
|
6460
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusMedium {
|
|
6461
|
-
border-radius: 6px;
|
|
6462
|
-
}
|
|
6463
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--transparent {
|
|
6464
|
-
background-color: transparent;
|
|
6465
|
-
}
|
|
6466
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
|
|
6467
|
-
background-color: #1D1E24;
|
|
6468
|
-
}
|
|
6469
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--subdued {
|
|
6470
|
-
background-color: #141519;
|
|
6471
|
-
}
|
|
6472
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--accent {
|
|
6473
|
-
background-color: #4a2b39;
|
|
6474
|
-
}
|
|
6475
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--primary {
|
|
6476
|
-
background-color: #103148;
|
|
6477
|
-
}
|
|
6478
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--success {
|
|
6479
|
-
background-color: #264341;
|
|
6480
|
-
}
|
|
6481
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--warning {
|
|
6482
|
-
background-color: #493f22;
|
|
6483
|
-
}
|
|
6484
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow--danger {
|
|
6485
|
-
background-color: #4a201e;
|
|
6486
|
-
}
|
|
6487
|
-
.euiTable.euiTable--responsive .euiTableRow {
|
|
6488
|
-
box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
|
|
6489
|
-
background-color: #1D1E24;
|
|
6490
|
-
border-radius: 6px;
|
|
6491
|
-
display: -webkit-flex;
|
|
6492
|
-
display: flex;
|
|
6493
|
-
-webkit-flex-wrap: wrap;
|
|
6494
|
-
flex-wrap: wrap;
|
|
6495
|
-
padding: 8px;
|
|
6496
|
-
margin-bottom: 8px;
|
|
6497
|
-
}
|
|
6498
|
-
.euiTable.euiTable--responsive .euiTableRow:hover {
|
|
6499
|
-
background-color: #1D1E24;
|
|
6500
|
-
}
|
|
6501
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
|
|
6502
|
-
background-image: linear-gradient(to right, rgba(83, 89, 102, 0.1) 0, rgba(83, 89, 102, 0.1) 1px, transparent 1px, transparent 100%);
|
|
6503
|
-
background-size: 40px 100%;
|
|
6504
|
-
background-position-x: right;
|
|
6505
|
-
background-repeat: no-repeat;
|
|
6506
|
-
padding-right: 40px;
|
|
6507
|
-
position: relative;
|
|
6508
|
-
}
|
|
6509
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
|
|
6510
|
-
min-width: 0;
|
|
6511
|
-
width: 24px;
|
|
6512
|
-
position: absolute;
|
|
6513
|
-
top: 16px;
|
|
6514
|
-
right: 8px;
|
|
6515
|
-
}
|
|
6516
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
|
|
6517
|
-
display: none;
|
|
6518
|
-
}
|
|
6519
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
|
|
6520
|
-
-webkit-flex-direction: column;
|
|
6521
|
-
flex-direction: column;
|
|
6522
|
-
padding: 0;
|
|
6523
|
-
}
|
|
6524
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
|
|
6525
|
-
padding: 4px;
|
|
6526
|
-
}
|
|
6527
|
-
.euiTable.euiTable--responsive .euiTableRow:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child {
|
|
6528
|
-
width: 100%;
|
|
6529
|
-
}
|
|
6530
|
-
.euiTable.euiTable--responsive .euiTableRow:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child::before {
|
|
6531
|
-
content: "";
|
|
6532
|
-
position: absolute;
|
|
6533
|
-
left: 0;
|
|
6534
|
-
right: 0;
|
|
6535
|
-
height: 1px;
|
|
6536
|
-
background-color: rgba(83, 89, 102, 0.1);
|
|
6537
|
-
}
|
|
6538
|
-
.euiTable.euiTable--responsive .euiTableRow:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child .euiTableCellContent {
|
|
6539
|
-
position: relative;
|
|
6540
|
-
top: 4px;
|
|
6541
|
-
}
|
|
6542
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
|
|
6543
|
-
top: auto;
|
|
6544
|
-
bottom: 16px;
|
|
6545
|
-
right: 0;
|
|
6546
|
-
}
|
|
6547
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
|
|
6548
|
-
padding-left: 36px;
|
|
6549
|
-
position: relative;
|
|
6550
|
-
}
|
|
6551
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
|
|
6552
|
-
position: absolute;
|
|
6553
|
-
left: 4px;
|
|
6554
|
-
top: 8px;
|
|
6555
|
-
}
|
|
6556
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
|
|
6557
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
|
|
6558
|
-
background-color: rgba(54, 162, 239, 0.2);
|
|
6559
|
-
}
|
|
6560
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
|
|
6561
|
-
background-image: linear-gradient(to right, rgba(83, 89, 102, 0.1) 0, rgba(83, 89, 102, 0.1) 1px, transparent 1px, transparent 100%);
|
|
6562
|
-
background-size: 40px 100%;
|
|
6563
|
-
background-position-x: right;
|
|
6564
|
-
background-repeat: no-repeat;
|
|
6565
|
-
box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
|
|
6566
|
-
margin-top: -16px;
|
|
6567
|
-
position: relative;
|
|
6568
|
-
z-index: 2;
|
|
6569
|
-
border-top: none;
|
|
6570
|
-
border-top-left-radius: 0;
|
|
6571
|
-
border-top-right-radius: 0;
|
|
6572
|
-
padding-left: 8px;
|
|
6573
|
-
}
|
|
6574
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
|
|
6575
|
-
background-color: #1D1E24;
|
|
6576
|
-
}
|
|
6577
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
|
|
6578
|
-
width: calc(100% - 40px);
|
|
6579
|
-
}
|
|
6580
|
-
.euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell::before {
|
|
6581
|
-
display: none;
|
|
6582
|
-
}
|
|
6583
|
-
.euiTable.euiTable--responsive .euiTableRowCell {
|
|
6584
|
-
min-width: 50%;
|
|
6585
|
-
border: none;
|
|
6586
|
-
}
|
|
6587
|
-
.euiTable.euiTable--responsive .euiTableRowCellCheckbox {
|
|
6588
|
-
border: none;
|
|
6589
|
-
}
|
|
6590
|
-
.euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover > * {
|
|
6591
|
-
margin-left: 0;
|
|
6592
|
-
}
|
|
6593
|
-
.euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
|
|
6594
|
-
display: none;
|
|
6595
|
-
}
|
|
6596
|
-
.euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
|
|
6597
|
-
opacity: 1;
|
|
6598
|
-
-webkit-filter: none;
|
|
6599
|
-
filter: none;
|
|
6600
|
-
margin-left: 0;
|
|
6601
|
-
margin-bottom: 8px;
|
|
6602
|
-
}
|
|
6603
|
-
.euiTable.euiTable--responsive .euiTableCellContent--alignRight {
|
|
6604
|
-
-webkit-justify-content: flex-start;
|
|
6605
|
-
justify-content: flex-start;
|
|
6606
|
-
}
|
|
6607
|
-
.euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
|
|
6608
|
-
-webkit-justify-content: flex-start;
|
|
6609
|
-
justify-content: flex-start;
|
|
6610
|
-
}
|
|
6611
|
-
}
|
|
6612
|
-
.euiTableHeaderMobile,
|
|
6613
|
-
.euiTableHeaderCell--hideForDesktop {
|
|
6614
|
-
display: none;
|
|
6615
|
-
}
|
|
6616
|
-
|
|
6617
|
-
@media only screen and (max-width: 574px) {
|
|
6618
|
-
.euiTableHeaderMobile {
|
|
6619
|
-
display: -webkit-flex;
|
|
6620
|
-
display: flex;
|
|
6621
|
-
-webkit-justify-content: flex-end;
|
|
6622
|
-
justify-content: flex-end;
|
|
6623
|
-
padding: 8px 0;
|
|
6624
|
-
}
|
|
6625
|
-
.euiTableSortMobile {
|
|
6626
|
-
display: block;
|
|
6627
|
-
}
|
|
6628
|
-
}
|
|
6629
|
-
@media only screen and (min-width: 575px) and (max-width: 767px) {
|
|
6630
|
-
.euiTableHeaderMobile {
|
|
6631
|
-
display: -webkit-flex;
|
|
6632
|
-
display: flex;
|
|
6633
|
-
-webkit-justify-content: flex-end;
|
|
6634
|
-
justify-content: flex-end;
|
|
6635
|
-
padding: 8px 0;
|
|
6636
|
-
}
|
|
6637
|
-
.euiTableSortMobile {
|
|
6638
|
-
display: block;
|
|
6639
|
-
}
|
|
6640
|
-
}
|
|
6641
5876
|
.euiComboBox--appended .euiFormControlLayout__childrenWrapper {
|
|
6642
5877
|
border-top-left-radius: 6px;
|
|
6643
5878
|
border-bottom-left-radius: 6px;
|