@elastic/eui 89.0.0 → 90.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/eui_charts_theme.js +1 -1
- package/dist/eui_charts_theme.js.map +1 -1
- package/dist/eui_theme_dark.css +30 -560
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +30 -560
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/accessibility/skip_link/skip_link.js +1 -2
- package/es/components/accordion/accordion.js +27 -2
- package/es/components/accordion/accordion_children/accordion_children.js +7 -15
- package/es/components/avatar/avatar.js +1 -1
- 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 +61 -24
- package/es/components/basic_table/collapsed_item_actions.js +2 -2
- package/es/components/basic_table/in_memory_table.js +19 -5
- package/es/components/button/button.js +17 -45
- 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 +31 -48
- 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 +27 -44
- package/es/components/call_out/call_out.js +1 -1
- package/es/components/card/card.js +2 -7
- package/es/components/card/card_select/card_select.js +1 -6
- package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/es/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
- package/es/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
- package/es/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +20 -6
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +13 -6
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +13 -6
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +14 -7
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +37 -5
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +158 -0
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +69 -30
- package/es/components/collapsible_nav_beta/context.js +1 -0
- package/es/components/comment_list/comment.js +2 -2
- package/es/components/comment_list/comment_event.js +32 -20
- package/es/components/comment_list/comment_event.styles.js +26 -24
- package/es/components/comment_list/comment_list.js +2 -2
- package/es/components/comment_list/comment_timeline.js +1 -1
- package/es/components/context_menu/context_menu.js +28 -22
- package/es/components/context_menu/context_menu.styles.js +26 -0
- package/es/components/context_menu/context_menu_item.js +95 -125
- package/es/components/context_menu/context_menu_item.styles.js +82 -0
- package/es/components/context_menu/context_menu_panel.a11y.js +4 -2
- package/es/components/context_menu/context_menu_panel.js +32 -61
- package/es/components/context_menu/context_menu_panel.styles.js +40 -0
- package/es/components/control_bar/control_bar.js +28 -23
- package/es/components/datagrid/body/data_grid_body.js +19 -20
- package/es/components/datagrid/body/data_grid_body_custom.js +19 -20
- package/es/components/datagrid/body/data_grid_body_virtualized.js +19 -20
- package/es/components/datagrid/body/data_grid_cell.js +112 -86
- package/es/components/datagrid/body/data_grid_cell_actions.js +7 -2
- package/es/components/datagrid/body/data_grid_row_manager.js +28 -9
- package/es/components/datagrid/body/header/data_grid_header_cell.js +18 -19
- package/es/components/datagrid/body/header/data_grid_header_row.js +19 -20
- package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/es/components/datagrid/data_grid.js +19 -20
- package/es/components/datagrid/utils/in_memory.js +18 -19
- package/es/components/datagrid/utils/row_heights.js +12 -17
- package/es/components/date_picker/auto_refresh/auto_refresh.js +1 -2
- 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/facet/facet_button.js +1 -1
- package/es/components/form/field_number/field_number.js +14 -10
- package/es/components/form/field_password/field_password.js +4 -7
- package/es/components/form/field_text/field_text.js +2 -2
- 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/form/range/dual_range.js +110 -85
- package/es/components/form/range/range.js +47 -40
- package/es/components/form/range/range_track.js +6 -20
- package/es/components/form/range/utils.js +1 -2
- package/es/components/header/header_links/header_link.js +2 -7
- package/es/components/header/header_links/header_links.js +1 -1
- package/es/components/header/header_logo/header_logo.js +1 -1
- package/es/components/header/header_section/header_section_item_button.js +2 -7
- package/es/components/{page/page_content/page_content_header.js → icon/assets/tokenVectorDense.js} +24 -30
- package/es/components/icon/assets/{tokenDenseVector.js → tokenVectorSparse.js} +7 -3
- package/es/components/icon/icon.js +1 -1
- package/es/components/icon/icon_map.js +5 -2
- package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/es/components/list_group/list_group.js +3 -4
- package/es/components/list_group/list_group_item.js +9 -7
- package/es/components/list_group/list_group_item_extra_action.js +2 -3
- package/es/components/list_group/list_group_item_extra_action.styles.js +1 -1
- package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +6 -7
- 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/modal/confirm_modal.js +1 -1
- package/es/components/notification/notification_event.js +3 -8
- package/es/components/notification/notification_event_meta.js +1 -1
- package/es/components/notification/notification_event_read_button.js +1 -2
- package/es/components/page/index.js +1 -4
- package/es/components/page/page_header/page_header_content.js +1 -1
- package/es/components/pagination/pagination_button.js +2 -7
- package/es/components/popover/input_popover.js +26 -11
- package/es/components/provider/provider.js +3 -3
- 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_templates/selectable_template_sitewide.js +1 -1
- package/es/components/table/table_header_button.js +1 -1
- package/es/components/tabs/tab.js +1 -1
- 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_map.js +12 -4
- package/es/components/tool_tip/icon_tip.js +1 -1
- package/es/services/emotion/css.js +28 -0
- package/es/services/emotion/index.js +2 -1
- package/es/services/emotion/prefixer.js +93 -0
- package/es/services/theme/provider.js +8 -7
- package/es/services/theme/utils.js +1 -1
- package/eui.d.ts +263 -308
- package/i18ntokens.json +113 -77
- package/lib/components/accessibility/skip_link/skip_link.js +1 -2
- package/lib/components/accordion/accordion.js +27 -2
- package/lib/components/accordion/accordion_children/accordion_children.js +5 -13
- package/lib/components/avatar/avatar.js +1 -1
- 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 +61 -24
- package/lib/components/basic_table/collapsed_item_actions.js +2 -2
- package/lib/components/basic_table/in_memory_table.js +19 -5
- package/lib/components/button/button.js +24 -51
- 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 +30 -47
- 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 +26 -43
- package/lib/components/call_out/call_out.js +1 -1
- package/lib/components/card/card.js +2 -7
- package/lib/components/card/card_select/card_select.js +1 -6
- package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
- package/lib/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
- package/lib/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +20 -6
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +13 -6
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +13 -6
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +14 -7
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +37 -5
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +165 -0
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +69 -30
- package/lib/components/collapsible_nav_beta/context.js +1 -0
- package/lib/components/comment_list/comment.js +2 -2
- package/lib/components/comment_list/comment_event.js +34 -19
- package/lib/components/comment_list/comment_event.styles.js +28 -25
- package/lib/components/comment_list/comment_list.js +2 -2
- package/lib/components/comment_list/comment_timeline.js +1 -1
- package/lib/components/context_menu/context_menu.js +31 -24
- package/lib/components/context_menu/context_menu.styles.js +34 -0
- package/lib/components/context_menu/context_menu_item.js +102 -133
- package/lib/components/context_menu/context_menu_item.styles.js +87 -0
- package/lib/components/context_menu/context_menu_panel.a11y.js +4 -2
- package/lib/components/context_menu/context_menu_panel.js +35 -63
- package/lib/components/context_menu/context_menu_panel.styles.js +46 -0
- package/lib/components/control_bar/control_bar.js +28 -23
- package/lib/components/datagrid/body/data_grid_body.js +19 -20
- package/lib/components/datagrid/body/data_grid_body_custom.js +19 -20
- package/lib/components/datagrid/body/data_grid_body_virtualized.js +19 -20
- package/lib/components/datagrid/body/data_grid_cell.js +112 -86
- package/lib/components/datagrid/body/data_grid_cell_actions.js +8 -2
- package/lib/components/datagrid/body/data_grid_row_manager.js +33 -16
- package/lib/components/datagrid/body/header/data_grid_header_cell.js +18 -19
- package/lib/components/datagrid/body/header/data_grid_header_row.js +19 -20
- package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/lib/components/datagrid/data_grid.js +19 -20
- package/lib/components/datagrid/utils/in_memory.js +18 -19
- package/lib/components/datagrid/utils/row_heights.js +12 -17
- package/lib/components/date_picker/auto_refresh/auto_refresh.js +1 -2
- 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/facet/facet_button.js +1 -1
- package/lib/components/form/field_number/field_number.js +13 -9
- package/lib/components/form/field_password/field_password.js +4 -7
- package/lib/components/form/field_text/field_text.js +2 -2
- 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/form/range/dual_range.js +110 -85
- package/lib/components/form/range/range.js +47 -40
- package/lib/components/form/range/range_track.js +5 -19
- package/lib/components/form/range/utils.js +1 -2
- package/lib/components/header/header_links/header_link.js +2 -7
- package/lib/components/header/header_links/header_links.js +1 -1
- package/lib/components/header/header_logo/header_logo.js +1 -1
- package/lib/components/header/header_section/header_section_item_button.js +2 -7
- package/lib/components/icon/assets/tokenVectorDense.js +45 -0
- package/lib/components/icon/assets/{tokenDenseVector.js → tokenVectorSparse.js} +7 -3
- package/lib/components/icon/icon.js +1 -1
- package/lib/components/icon/icon_map.js +5 -2
- package/lib/components/icon/svgs/tokens/tokenVectorDense.svg +5 -0
- package/lib/components/icon/svgs/tokens/tokenVectorSparse.svg +5 -0
- package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/lib/components/list_group/list_group.js +3 -4
- package/lib/components/list_group/list_group_item.js +9 -7
- package/lib/components/list_group/list_group_item_extra_action.js +2 -3
- package/lib/components/list_group/list_group_item_extra_action.styles.js +1 -1
- package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +6 -7
- 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/modal/confirm_modal.js +1 -1
- package/lib/components/notification/notification_event.js +3 -8
- package/lib/components/notification/notification_event_meta.js +1 -1
- package/lib/components/notification/notification_event_read_button.js +1 -2
- package/lib/components/page/index.js +1 -40
- package/lib/components/page/page_header/page_header_content.js +1 -1
- package/lib/components/popover/input_popover.js +26 -11
- package/lib/components/provider/provider.js +3 -3
- 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_templates/selectable_template_sitewide.js +1 -1
- package/lib/components/table/table_header_button.js +1 -1
- package/lib/components/tabs/tab.js +1 -1
- 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_map.js +12 -4
- package/lib/components/tool_tip/icon_tip.js +1 -1
- package/lib/services/emotion/css.js +36 -0
- package/lib/services/emotion/index.js +11 -0
- package/lib/services/emotion/prefixer.js +99 -0
- package/lib/services/theme/provider.js +8 -7
- package/lib/services/theme/utils.js +1 -1
- package/optimize/es/components/accordion/accordion.js +27 -2
- package/optimize/es/components/accordion/accordion_children/accordion_children.js +5 -14
- package/optimize/es/components/basic_table/basic_table.js +42 -19
- package/optimize/es/components/button/button.js +15 -33
- package/optimize/es/components/button/button_empty/button_empty.js +29 -41
- package/optimize/es/components/button/button_icon/button_icon.js +25 -37
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +60 -0
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +21 -10
- package/optimize/es/components/collapsible_nav_beta/context.js +1 -0
- package/optimize/es/components/comment_list/comment_event.js +31 -19
- package/optimize/es/components/comment_list/comment_event.styles.js +26 -24
- package/optimize/es/components/context_menu/context_menu.js +25 -19
- package/optimize/es/components/context_menu/context_menu.styles.js +26 -0
- package/optimize/es/components/context_menu/context_menu_item.js +94 -119
- package/optimize/es/components/context_menu/context_menu_item.styles.js +82 -0
- package/optimize/es/components/context_menu/context_menu_panel.a11y.js +4 -2
- package/optimize/es/components/context_menu/context_menu_panel.js +29 -58
- package/optimize/es/components/context_menu/context_menu_panel.styles.js +40 -0
- package/optimize/es/components/control_bar/control_bar.js +28 -23
- package/optimize/es/components/datagrid/body/data_grid_cell.js +67 -47
- package/optimize/es/components/datagrid/body/data_grid_cell_actions.js +7 -2
- package/optimize/es/components/datagrid/body/data_grid_row_manager.js +23 -9
- package/optimize/es/components/datagrid/utils/row_heights.js +12 -17
- package/optimize/es/components/form/field_number/field_number.js +13 -9
- package/optimize/es/components/form/field_password/field_password.js +4 -7
- package/optimize/es/components/form/range/dual_range.js +110 -85
- package/optimize/es/components/form/range/range.js +47 -40
- package/optimize/es/components/form/range/range_track.js +5 -14
- package/optimize/es/components/form/range/utils.js +1 -2
- package/optimize/es/components/icon/assets/tokenVectorDense.js +36 -0
- package/optimize/es/components/icon/assets/{tokenDenseVector.js → tokenVectorSparse.js} +7 -3
- package/optimize/es/components/icon/icon_map.js +5 -2
- package/optimize/es/components/list_group/list_group_item.js +6 -3
- package/optimize/es/components/list_group/list_group_item_extra_action.styles.js +1 -1
- package/optimize/es/components/page/index.js +1 -4
- package/optimize/es/components/popover/input_popover.js +26 -11
- package/optimize/es/components/provider/provider.js +3 -3
- package/optimize/es/components/tabs/tab.js +1 -1
- package/optimize/es/components/token/token_map.js +12 -4
- package/optimize/es/services/emotion/css.js +28 -0
- package/optimize/es/services/emotion/index.js +2 -1
- package/optimize/es/services/emotion/prefixer.js +93 -0
- package/optimize/es/services/theme/provider.js +8 -7
- package/optimize/es/services/theme/utils.js +1 -1
- package/optimize/lib/components/accordion/accordion.js +27 -2
- package/optimize/lib/components/accordion/accordion_children/accordion_children.js +3 -12
- package/optimize/lib/components/basic_table/basic_table.js +42 -19
- package/optimize/lib/components/button/button.js +16 -34
- package/optimize/lib/components/button/button_empty/button_empty.js +28 -40
- package/optimize/lib/components/button/button_icon/button_icon.js +24 -36
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +67 -0
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +21 -10
- package/optimize/lib/components/collapsible_nav_beta/context.js +1 -0
- package/optimize/lib/components/comment_list/comment_event.js +33 -18
- package/optimize/lib/components/comment_list/comment_event.styles.js +28 -25
- package/optimize/lib/components/context_menu/context_menu.js +28 -21
- package/optimize/lib/components/context_menu/context_menu.styles.js +34 -0
- package/optimize/lib/components/context_menu/context_menu_item.js +101 -128
- package/optimize/lib/components/context_menu/context_menu_item.styles.js +87 -0
- package/optimize/lib/components/context_menu/context_menu_panel.a11y.js +4 -2
- package/optimize/lib/components/context_menu/context_menu_panel.js +32 -60
- package/optimize/lib/components/context_menu/context_menu_panel.styles.js +47 -0
- package/optimize/lib/components/control_bar/control_bar.js +28 -23
- package/optimize/lib/components/datagrid/body/data_grid_cell.js +67 -47
- package/optimize/lib/components/datagrid/body/data_grid_cell_actions.js +7 -2
- package/optimize/lib/components/datagrid/body/data_grid_row_manager.js +23 -8
- package/optimize/lib/components/datagrid/utils/row_heights.js +12 -17
- package/optimize/lib/components/form/field_number/field_number.js +12 -8
- package/optimize/lib/components/form/field_password/field_password.js +5 -8
- package/optimize/lib/components/form/range/dual_range.js +110 -85
- package/optimize/lib/components/form/range/range.js +47 -40
- package/optimize/lib/components/form/range/range_track.js +4 -13
- package/optimize/lib/components/form/range/utils.js +1 -2
- package/optimize/lib/components/icon/assets/tokenVectorDense.js +45 -0
- package/{test-env/components/icon/assets/tokenDenseVector.js → optimize/lib/components/icon/assets/tokenVectorSparse.js} +7 -3
- package/optimize/lib/components/icon/icon_map.js +5 -2
- package/optimize/lib/components/icon/svgs/tokens/tokenVectorDense.svg +5 -0
- package/optimize/lib/components/icon/svgs/tokens/tokenVectorSparse.svg +5 -0
- package/optimize/lib/components/list_group/list_group_item.js +6 -3
- package/optimize/lib/components/list_group/list_group_item_extra_action.styles.js +1 -1
- package/optimize/lib/components/page/index.js +1 -40
- package/optimize/lib/components/popover/input_popover.js +27 -12
- package/optimize/lib/components/provider/provider.js +3 -3
- package/optimize/lib/components/tabs/tab.js +1 -1
- package/optimize/lib/components/token/token_map.js +12 -4
- package/optimize/lib/services/emotion/css.js +36 -0
- package/optimize/lib/services/emotion/index.js +11 -0
- package/optimize/lib/services/emotion/prefixer.js +99 -0
- package/optimize/lib/services/theme/provider.js +8 -7
- package/optimize/lib/services/theme/utils.js +1 -1
- package/package.json +7 -12
- package/src/components/datagrid/_data_grid_data_row.scss +39 -71
- package/src/components/datagrid/_mixins.scss +0 -15
- package/src/components/date_picker/super_date_picker/date_popover/_date_popover_content.scss +2 -1
- package/src/components/index.scss +0 -2
- package/test-env/components/accessibility/skip_link/skip_link.js +1 -2
- package/test-env/components/accordion/accordion.js +27 -2
- package/test-env/components/accordion/accordion_children/accordion_children.js +5 -13
- package/test-env/components/avatar/avatar.js +1 -1
- 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 +61 -24
- package/test-env/components/basic_table/collapsed_item_actions.js +2 -2
- package/test-env/components/basic_table/in_memory_table.js +19 -5
- package/test-env/components/button/button.js +17 -40
- 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 +30 -47
- 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 +26 -43
- package/test-env/components/call_out/call_out.js +1 -1
- package/test-env/components/card/card.js +2 -7
- package/test-env/components/card/card_select/card_select.js +1 -6
- package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/test-env/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
- package/test-env/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
- package/test-env/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +20 -6
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +13 -6
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +13 -6
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +14 -7
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +37 -5
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +164 -0
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +69 -30
- package/test-env/components/collapsible_nav_beta/context.js +1 -0
- package/test-env/components/comment_list/comment.js +2 -2
- package/test-env/components/comment_list/comment_event.js +34 -19
- package/test-env/components/comment_list/comment_event.styles.js +28 -25
- package/test-env/components/comment_list/comment_list.js +2 -2
- package/test-env/components/comment_list/comment_timeline.js +1 -1
- package/test-env/components/context_menu/context_menu.js +31 -24
- package/test-env/components/context_menu/context_menu.styles.js +34 -0
- package/test-env/components/context_menu/context_menu_item.js +102 -129
- package/test-env/components/context_menu/context_menu_item.styles.js +87 -0
- package/test-env/components/context_menu/context_menu_panel.a11y.js +4 -2
- package/test-env/components/context_menu/context_menu_panel.js +35 -63
- package/test-env/components/context_menu/context_menu_panel.styles.js +47 -0
- package/test-env/components/control_bar/control_bar.js +28 -23
- package/test-env/components/datagrid/body/data_grid_body.js +19 -20
- package/test-env/components/datagrid/body/data_grid_body_custom.js +19 -20
- package/test-env/components/datagrid/body/data_grid_body_virtualized.js +19 -20
- package/test-env/components/datagrid/body/data_grid_cell.js +112 -86
- package/test-env/components/datagrid/body/data_grid_cell_actions.js +7 -2
- package/test-env/components/datagrid/body/data_grid_row_manager.js +23 -8
- package/test-env/components/datagrid/body/header/data_grid_header_cell.js +18 -19
- package/test-env/components/datagrid/body/header/data_grid_header_row.js +19 -20
- package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/test-env/components/datagrid/data_grid.js +19 -20
- package/test-env/components/datagrid/utils/in_memory.js +18 -19
- package/test-env/components/datagrid/utils/row_heights.js +12 -17
- package/test-env/components/date_picker/auto_refresh/auto_refresh.js +1 -2
- 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/facet/facet_button.js +1 -1
- package/test-env/components/form/field_number/field_number.js +13 -9
- package/test-env/components/form/field_password/field_password.js +4 -7
- package/test-env/components/form/field_text/field_text.js +2 -2
- 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/form/range/dual_range.js +110 -85
- package/test-env/components/form/range/range.js +47 -40
- package/test-env/components/form/range/range_track.js +5 -14
- package/test-env/components/form/range/utils.js +1 -2
- package/test-env/components/header/header_links/header_link.js +2 -7
- package/test-env/components/header/header_links/header_links.js +1 -1
- package/test-env/components/header/header_logo/header_logo.js +1 -1
- package/test-env/components/header/header_section/header_section_item_button.js +2 -7
- package/test-env/components/icon/assets/tokenVectorDense.js +45 -0
- package/{optimize/lib/components/icon/assets/tokenDenseVector.js → test-env/components/icon/assets/tokenVectorSparse.js} +7 -3
- package/test-env/components/icon/icon_map.js +5 -2
- package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/test-env/components/list_group/list_group.js +3 -4
- package/test-env/components/list_group/list_group_item.js +9 -7
- package/test-env/components/list_group/list_group_item_extra_action.js +2 -3
- package/test-env/components/list_group/list_group_item_extra_action.styles.js +1 -1
- package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +6 -7
- 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/modal/confirm_modal.js +1 -1
- package/test-env/components/notification/notification_event.js +3 -8
- package/test-env/components/notification/notification_event_meta.js +1 -1
- package/test-env/components/notification/notification_event_read_button.js +1 -2
- package/test-env/components/page/index.js +1 -40
- package/test-env/components/page/page_header/page_header_content.js +1 -1
- package/test-env/components/popover/input_popover.js +26 -11
- package/test-env/components/provider/provider.js +3 -3
- 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_templates/selectable_template_sitewide.js +1 -1
- package/test-env/components/table/table_header_button.js +1 -1
- package/test-env/components/tabs/tab.js +1 -1
- 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_map.js +12 -4
- package/test-env/components/tool_tip/icon_tip.js +1 -1
- package/test-env/services/emotion/css.js +36 -0
- package/test-env/services/emotion/index.js +11 -0
- package/test-env/services/emotion/prefixer.js +99 -0
- package/test-env/services/theme/provider.js +8 -7
- package/test-env/services/theme/utils.js +1 -1
- package/es/components/page/page_content/index.js +0 -12
- package/es/components/page/page_content/page_content.js +0 -110
- package/es/components/page/page_content/page_content_body.js +0 -69
- package/es/components/page/page_content/page_content_header_section.js +0 -34
- package/es/components/page/page_side_bar/index.js +0 -9
- package/es/components/page/page_side_bar/page_side_bar.js +0 -60
- package/es/components/page/page_template.js +0 -591
- package/lib/components/icon/svgs/tokens/tokenDenseVector.svg +0 -3
- package/lib/components/page/page_content/index.js +0 -33
- package/lib/components/page/page_content/page_content.js +0 -117
- package/lib/components/page/page_content/page_content_body.js +0 -77
- package/lib/components/page/page_content/page_content_header.js +0 -50
- package/lib/components/page/page_content/page_content_header_section.js +0 -41
- package/lib/components/page/page_side_bar/index.js +0 -12
- package/lib/components/page/page_side_bar/page_side_bar.js +0 -67
- package/lib/components/page/page_template.js +0 -598
- package/optimize/es/components/page/page_content/index.js +0 -12
- package/optimize/es/components/page/page_content/page_content.js +0 -45
- package/optimize/es/components/page/page_content/page_content_body.js +0 -45
- package/optimize/es/components/page/page_content/page_content_header.js +0 -30
- package/optimize/es/components/page/page_content/page_content_header_section.js +0 -26
- package/optimize/es/components/page/page_side_bar/index.js +0 -9
- package/optimize/es/components/page/page_side_bar/page_side_bar.js +0 -44
- package/optimize/es/components/page/page_template.js +0 -325
- package/optimize/lib/components/icon/svgs/tokens/tokenDenseVector.svg +0 -3
- package/optimize/lib/components/page/page_content/index.js +0 -33
- package/optimize/lib/components/page/page_content/page_content.js +0 -52
- package/optimize/lib/components/page/page_content/page_content_body.js +0 -53
- package/optimize/lib/components/page/page_content/page_content_header.js +0 -37
- package/optimize/lib/components/page/page_content/page_content_header_section.js +0 -33
- package/optimize/lib/components/page/page_side_bar/index.js +0 -12
- package/optimize/lib/components/page/page_side_bar/page_side_bar.js +0 -51
- package/optimize/lib/components/page/page_template.js +0 -332
- package/src/components/context_menu/_context_menu.scss +0 -27
- package/src/components/context_menu/_context_menu_item.scss +0 -65
- package/src/components/context_menu/_context_menu_panel.scss +0 -101
- package/src/components/context_menu/_index.scss +0 -3
- package/src/components/page/_index.scss +0 -2
- package/src/components/page/page_content/_index.scss +0 -4
- package/src/components/page/page_content/_page_content.scss +0 -25
- package/src/components/page/page_content/_page_content_body.scss +0 -19
- package/src/components/page/page_content/_page_content_header.scss +0 -20
- package/src/components/page/page_content/_page_content_header_section.scss +0 -17
- package/src/components/page/page_side_bar/_index.scss +0 -1
- package/src/components/page/page_side_bar/_page_side_bar.scss +0 -31
- package/test-env/components/page/page_content/index.js +0 -33
- package/test-env/components/page/page_content/page_content.js +0 -116
- package/test-env/components/page/page_content/page_content_body.js +0 -73
- package/test-env/components/page/page_content/page_content_header.js +0 -49
- package/test-env/components/page/page_content/page_content_header_section.js +0 -40
- package/test-env/components/page/page_side_bar/index.js +0 -12
- package/test-env/components/page/page_side_bar/page_side_bar.js +0 -66
- package/test-env/components/page/page_template.js +0 -594
|
@@ -13,4 +13,15 @@ Object.keys(_clone_element).forEach(function (key) {
|
|
|
13
13
|
return _clone_element[key];
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
|
+
});
|
|
17
|
+
var _prefixer = require("./prefixer");
|
|
18
|
+
Object.keys(_prefixer).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _prefixer[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function get() {
|
|
24
|
+
return _prefixer[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
16
27
|
});
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.euiStylisPrefixer = void 0;
|
|
7
|
+
var _stylis = require("stylis");
|
|
8
|
+
/*
|
|
9
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
10
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
11
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
12
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
13
|
+
* Side Public License, v 1.
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
// This is a heavily modified version of Emotion's default `prefixer` plugin
|
|
17
|
+
// (mostly removing unnecessary prefixes), which is in turn a modified version
|
|
18
|
+
// of stylis's default prefixer.
|
|
19
|
+
// @see https://github.com/emotion-js/emotion/blob/main/packages/cache/src/prefixer.js
|
|
20
|
+
/* eslint-disable prefer-template */
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* This is a stylis plugin which handles auto-prefixing CSS output by Emotion.
|
|
24
|
+
*
|
|
25
|
+
* *Please note*: EUI/Elastic targets latest evergreen browsers for support only.
|
|
26
|
+
* @see https://www.elastic.co/support/matrix#matrix_browsers
|
|
27
|
+
*/
|
|
28
|
+
var euiStylisPrefixer = function euiStylisPrefixer(element) {
|
|
29
|
+
if (element.length > -1) if (!element.return) switch (element.type) {
|
|
30
|
+
case _stylis.DECLARATION:
|
|
31
|
+
element.return = prefix(element.value, element.length);
|
|
32
|
+
break;
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
exports.euiStylisPrefixer = euiStylisPrefixer;
|
|
36
|
+
var prefix = function prefix(value, length) {
|
|
37
|
+
switch ((0, _stylis.hash)(value, length)) {
|
|
38
|
+
/**
|
|
39
|
+
* `-webkit` prefixes
|
|
40
|
+
*/
|
|
41
|
+
// user-select - https://caniuse.com/mdn-css_properties_user-select - needed by Safari
|
|
42
|
+
case 4246:
|
|
43
|
+
// text-decoration - https://caniuse.com/text-decoration - iOS Safari is the main one that needs this
|
|
44
|
+
case 5572:
|
|
45
|
+
// text-size-adjust - https://caniuse.com/text-size-adjust - iOS Safari
|
|
46
|
+
case 2756:
|
|
47
|
+
// box-decoration-break - https://caniuse.com/css-boxdecorationbreak - Chrome & Safari
|
|
48
|
+
case 3005:
|
|
49
|
+
// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite - Chrome
|
|
50
|
+
case 6391:
|
|
51
|
+
case 5879:
|
|
52
|
+
case 5623:
|
|
53
|
+
case 6135:
|
|
54
|
+
case 4599:
|
|
55
|
+
case 4855:
|
|
56
|
+
// print-color-adjust - https://caniuse.com/css-color-adjust - Chrome
|
|
57
|
+
case 2282:
|
|
58
|
+
return _stylis.WEBKIT + value + value;
|
|
59
|
+
|
|
60
|
+
// background-clip - https://caniuse.com/background-clip-text - Chrome, only for `text` value
|
|
61
|
+
case 4215:
|
|
62
|
+
if (~(0, _stylis.indexof)(value, 'text')) {
|
|
63
|
+
return _stylis.WEBKIT + value + value;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* Intrinsic/extrinsic sizing value prefixes
|
|
68
|
+
* `stretch` alternatives needed by Chrome & Firefox - https://caniuse.com/intrinsic-width
|
|
69
|
+
*/
|
|
70
|
+
// (min|max)?(width|height|inline-size|block-size)
|
|
71
|
+
case 8116:
|
|
72
|
+
case 7059:
|
|
73
|
+
case 5753:
|
|
74
|
+
case 5535:
|
|
75
|
+
case 5445:
|
|
76
|
+
case 5701:
|
|
77
|
+
case 4933:
|
|
78
|
+
case 4677:
|
|
79
|
+
case 5533:
|
|
80
|
+
case 5789:
|
|
81
|
+
case 5021:
|
|
82
|
+
case 4765:
|
|
83
|
+
// stretch, max-content, min-content, fill-available
|
|
84
|
+
if ((0, _stylis.strlen)(value) - 1 - length > 6) switch ((0, _stylis.charat)(value, length + 1)) {
|
|
85
|
+
// (f)ill-available
|
|
86
|
+
case 102:
|
|
87
|
+
if (~(0, _stylis.indexof)(value, 'fill-available')) {
|
|
88
|
+
return (0, _stylis.replace)(value, /(.+:)(.+)-([^]+)/, '$1' + _stylis.WEBKIT + '$2-$3' + '$1' + _stylis.MOZ + ((0, _stylis.charat)(value, length + 3) === 108 ? '$3' : '$2-$3'));
|
|
89
|
+
}
|
|
90
|
+
// (s)tretch
|
|
91
|
+
case 115:
|
|
92
|
+
if (~(0, _stylis.indexof)(value, 'stretch')) {
|
|
93
|
+
return prefix((0, _stylis.replace)(value, 'stretch', 'fill-available'), length) + value;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
break;
|
|
97
|
+
}
|
|
98
|
+
return value;
|
|
99
|
+
};
|
|
@@ -8,18 +8,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.EuiThemeProvider = void 0;
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
13
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
14
|
var _react = require("@emotion/react");
|
|
14
15
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
15
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
16
|
-
var _css2 = require("@emotion/css");
|
|
17
16
|
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
18
17
|
var _emotion = require("../emotion");
|
|
18
|
+
var _css2 = require("../emotion/css");
|
|
19
19
|
var _context = require("./context");
|
|
20
20
|
var _emotion2 = require("./emotion");
|
|
21
21
|
var _utils = require("./utils");
|
|
22
22
|
var _excluded = ["cloneElement", "className"];
|
|
23
|
+
var _templateObject;
|
|
23
24
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
24
25
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
26
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -110,13 +111,13 @@ var EuiThemeProvider = function EuiThemeProvider(_ref) {
|
|
|
110
111
|
// The theme that determines the global body styles
|
|
111
112
|
bodyColor: isGlobalTheme ? theme.colors.text : bodyColor,
|
|
112
113
|
hasDifferentColorFromGlobalTheme: isGlobalTheme ? false : bodyColor !== theme.colors.text,
|
|
113
|
-
colorClassName:
|
|
114
|
+
colorClassName: (0, _css2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n label: euiColorMode-", ";\n color: ", ";\n "])), _colorMode || colorMode, theme.colors.text),
|
|
114
115
|
setGlobalCSSVariables: isGlobalTheme ? setThemeCSSVariables : setGlobalCSSVariables,
|
|
115
116
|
globalCSSVariables: isGlobalTheme ? themeCSSVariables : globalCSSVariables,
|
|
116
117
|
setNearestThemeCSSVariables: setThemeCSSVariables,
|
|
117
118
|
themeCSSVariables: themeCSSVariables
|
|
118
119
|
};
|
|
119
|
-
}, [theme, isGlobalTheme, bodyColor, _colorMode, setGlobalCSSVariables, globalCSSVariables, setThemeCSSVariables, themeCSSVariables]);
|
|
120
|
+
}, [theme, isGlobalTheme, bodyColor, _colorMode, colorMode, setGlobalCSSVariables, globalCSSVariables, setThemeCSSVariables, themeCSSVariables]);
|
|
120
121
|
var renderedChildren = (0, _react2.useMemo)(function () {
|
|
121
122
|
if (isGlobalTheme) {
|
|
122
123
|
return children; // No wrapper
|
|
@@ -127,7 +128,7 @@ var EuiThemeProvider = function EuiThemeProvider(_ref) {
|
|
|
127
128
|
className = _ref2.className,
|
|
128
129
|
rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
|
|
129
130
|
var props = _objectSpread(_objectSpread({}, rest), {}, {
|
|
130
|
-
className: (0,
|
|
131
|
+
className: (0, _css2.cx)(className, nestedThemeContext.colorClassName)
|
|
131
132
|
});
|
|
132
133
|
// Condition avoids rendering an empty Emotion selector if no
|
|
133
134
|
// theme-specific CSS variables have been set by child components
|
|
@@ -138,11 +139,11 @@ var EuiThemeProvider = function EuiThemeProvider(_ref) {
|
|
|
138
139
|
}
|
|
139
140
|
if (cloneElement) {
|
|
140
141
|
return (0, _emotion.cloneElementWithCss)(children, _objectSpread(_objectSpread({}, props), {}, {
|
|
141
|
-
className: (0,
|
|
142
|
+
className: (0, _css2.cx)(children.props.className, props.className)
|
|
142
143
|
}));
|
|
143
144
|
} else {
|
|
144
145
|
return (0, _react.jsx)("span", (0, _extends2.default)({}, props, {
|
|
145
|
-
className: (0,
|
|
146
|
+
className: (0, _css2.cx)('euiThemeProvider', props.className)
|
|
146
147
|
}), children);
|
|
147
148
|
}
|
|
148
149
|
}, [isGlobalTheme, themeCSSVariables, nestedThemeContext, wrapperProps, children]);
|
|
@@ -43,7 +43,7 @@ var isInverseColorMode = function isInverseColorMode(colorMode) {
|
|
|
43
43
|
/**
|
|
44
44
|
* Returns the color mode configured in the current EuiThemeProvider.
|
|
45
45
|
* Returns the parent color mode if none is explicity set.
|
|
46
|
-
* @param {string}
|
|
46
|
+
* @param {string} colorMode - `light`, `dark`, or `inverse`
|
|
47
47
|
* @param {string} parentColorMode - `LIGHT` or `DARK`; used as the fallback
|
|
48
48
|
*/
|
|
49
49
|
exports.isInverseColorMode = isInverseColorMode;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
3
|
-
* or more contributor license agreements. Licensed under the Elastic License
|
|
4
|
-
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
5
|
-
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
6
|
-
* Side Public License, v 1.
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
export { EuiPageContent_Deprecated } from './page_content';
|
|
10
|
-
export { EuiPageContentBody_Deprecated } from './page_content_body';
|
|
11
|
-
export { EuiPageContentHeader_Deprecated } from './page_content_header';
|
|
12
|
-
export { EuiPageContentHeaderSection_Deprecated } from './page_content_header_section';
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
var _excluded = ["verticalPosition", "horizontalPosition", "paddingSize", "borderRadius", "children", "className", "role"];
|
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
-
/*
|
|
6
|
-
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
7
|
-
* or more contributor license agreements. Licensed under the Elastic License
|
|
8
|
-
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
9
|
-
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
10
|
-
* Side Public License, v 1.
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
import React from 'react';
|
|
14
|
-
import PropTypes from "prop-types";
|
|
15
|
-
import classNames from 'classnames';
|
|
16
|
-
import { EuiPanel } from '../../panel/panel';
|
|
17
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
18
|
-
var verticalPositionToClassNameMap = {
|
|
19
|
-
center: 'euiPageContent--verticalCenter'
|
|
20
|
-
};
|
|
21
|
-
var horizontalPositionToClassNameMap = {
|
|
22
|
-
center: 'euiPageContent--horizontalCenter'
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
* @deprecated Use EuiPageSection instead
|
|
26
|
-
*/
|
|
27
|
-
export var EuiPageContent_Deprecated = function EuiPageContent_Deprecated(_ref) {
|
|
28
|
-
var verticalPosition = _ref.verticalPosition,
|
|
29
|
-
horizontalPosition = _ref.horizontalPosition,
|
|
30
|
-
_ref$paddingSize = _ref.paddingSize,
|
|
31
|
-
paddingSize = _ref$paddingSize === void 0 ? 'l' : _ref$paddingSize,
|
|
32
|
-
borderRadius = _ref.borderRadius,
|
|
33
|
-
children = _ref.children,
|
|
34
|
-
className = _ref.className,
|
|
35
|
-
_ref$role = _ref.role,
|
|
36
|
-
_role = _ref$role === void 0 ? 'main' : _ref$role,
|
|
37
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
38
|
-
var role = _role === null ? undefined : _role;
|
|
39
|
-
var borderRadiusClass = borderRadius === 'none' ? 'euiPageContent--borderRadiusNone' : '';
|
|
40
|
-
var classes = classNames('euiPageContent', borderRadiusClass, verticalPosition ? verticalPositionToClassNameMap[verticalPosition] : null, horizontalPosition ? horizontalPositionToClassNameMap[horizontalPosition] : null, className);
|
|
41
|
-
return ___EmotionJSX(EuiPanel, _extends({
|
|
42
|
-
className: classes,
|
|
43
|
-
paddingSize: paddingSize,
|
|
44
|
-
borderRadius: borderRadius,
|
|
45
|
-
role: role
|
|
46
|
-
}, rest), children);
|
|
47
|
-
};
|
|
48
|
-
EuiPageContent_Deprecated.propTypes = {
|
|
49
|
-
className: PropTypes.string,
|
|
50
|
-
"aria-label": PropTypes.string,
|
|
51
|
-
"data-test-subj": PropTypes.string,
|
|
52
|
-
css: PropTypes.any,
|
|
53
|
-
/**
|
|
54
|
-
* Adds a medium shadow to the panel;
|
|
55
|
-
* Only works when `color="plain"`
|
|
56
|
-
*/
|
|
57
|
-
/**
|
|
58
|
-
* Adds a medium shadow to the panel;
|
|
59
|
-
* Only works when `color="plain"`
|
|
60
|
-
*/
|
|
61
|
-
hasShadow: PropTypes.bool,
|
|
62
|
-
/**
|
|
63
|
-
* Adds a slight 1px border on all edges.
|
|
64
|
-
* Only works when `color="plain | transparent"`
|
|
65
|
-
*/
|
|
66
|
-
/**
|
|
67
|
-
* Adds a slight 1px border on all edges.
|
|
68
|
-
* Only works when `color="plain | transparent"`
|
|
69
|
-
*/
|
|
70
|
-
hasBorder: PropTypes.bool,
|
|
71
|
-
/**
|
|
72
|
-
* Padding for all four sides
|
|
73
|
-
*/
|
|
74
|
-
/**
|
|
75
|
-
* Padding for all four sides
|
|
76
|
-
*/
|
|
77
|
-
paddingSize: PropTypes.any,
|
|
78
|
-
/**
|
|
79
|
-
* Corner border radius
|
|
80
|
-
*/
|
|
81
|
-
/**
|
|
82
|
-
* Corner border radius
|
|
83
|
-
*/
|
|
84
|
-
borderRadius: PropTypes.any,
|
|
85
|
-
/**
|
|
86
|
-
* When true the panel will grow in height to match `EuiFlexItem`
|
|
87
|
-
*/
|
|
88
|
-
/**
|
|
89
|
-
* When true the panel will grow in height to match `EuiFlexItem`
|
|
90
|
-
*/
|
|
91
|
-
grow: PropTypes.bool,
|
|
92
|
-
panelRef: PropTypes.any,
|
|
93
|
-
/**
|
|
94
|
-
* Background color of the panel;
|
|
95
|
-
* Usually a lightened form of the brand colors
|
|
96
|
-
*/
|
|
97
|
-
/**
|
|
98
|
-
* Background color of the panel;
|
|
99
|
-
* Usually a lightened form of the brand colors
|
|
100
|
-
*/
|
|
101
|
-
color: PropTypes.any,
|
|
102
|
-
element: PropTypes.oneOf(["div"]),
|
|
103
|
-
verticalPosition: PropTypes.oneOf(["center"]),
|
|
104
|
-
horizontalPosition: PropTypes.oneOf(["center"]),
|
|
105
|
-
/**
|
|
106
|
-
* There should only be one EuiPageContent per page and should contain the main contents.
|
|
107
|
-
* If this is untrue, set role = `null`, or change it to match your needed aria role
|
|
108
|
-
*/
|
|
109
|
-
role: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.oneOf([null])])
|
|
110
|
-
};
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
var _excluded = ["children", "restrictWidth", "paddingSize", "style", "className"];
|
|
3
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
8
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
|
-
/*
|
|
10
|
-
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
11
|
-
* or more contributor license agreements. Licensed under the Elastic License
|
|
12
|
-
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
13
|
-
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
14
|
-
* Side Public License, v 1.
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
import React from 'react';
|
|
18
|
-
import PropTypes from "prop-types";
|
|
19
|
-
import classNames from 'classnames';
|
|
20
|
-
import { keysOf } from '../../common';
|
|
21
|
-
import { setPropsForRestrictedPageWidth } from '../_restrict_width';
|
|
22
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
23
|
-
var paddingSizeToClassNameMap = {
|
|
24
|
-
none: null,
|
|
25
|
-
s: 'euiPageContentBody--paddingSmall',
|
|
26
|
-
m: 'euiPageContentBody--paddingMedium',
|
|
27
|
-
l: 'euiPageContentBody--paddingLarge'
|
|
28
|
-
};
|
|
29
|
-
export var PADDING_SIZES = keysOf(paddingSizeToClassNameMap);
|
|
30
|
-
/**
|
|
31
|
-
* @deprecated Use EuiPageSection instead
|
|
32
|
-
*/
|
|
33
|
-
export var EuiPageContentBody_Deprecated = function EuiPageContentBody_Deprecated(_ref) {
|
|
34
|
-
var children = _ref.children,
|
|
35
|
-
_ref$restrictWidth = _ref.restrictWidth,
|
|
36
|
-
restrictWidth = _ref$restrictWidth === void 0 ? false : _ref$restrictWidth,
|
|
37
|
-
_ref$paddingSize = _ref.paddingSize,
|
|
38
|
-
paddingSize = _ref$paddingSize === void 0 ? 'none' : _ref$paddingSize,
|
|
39
|
-
style = _ref.style,
|
|
40
|
-
className = _ref.className,
|
|
41
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
42
|
-
var _setPropsForRestricte = setPropsForRestrictedPageWidth(restrictWidth, style),
|
|
43
|
-
widthClassName = _setPropsForRestricte.widthClassName,
|
|
44
|
-
newStyle = _setPropsForRestricte.newStyle;
|
|
45
|
-
var classes = classNames('euiPageContentBody', paddingSizeToClassNameMap[paddingSize], _defineProperty({}, "euiPageContentBody--".concat(widthClassName), widthClassName), className);
|
|
46
|
-
return ___EmotionJSX("div", _extends({
|
|
47
|
-
className: classes,
|
|
48
|
-
style: newStyle || style
|
|
49
|
-
}, rest), children);
|
|
50
|
-
};
|
|
51
|
-
EuiPageContentBody_Deprecated.propTypes = {
|
|
52
|
-
/**
|
|
53
|
-
* Adjust the padding.
|
|
54
|
-
* When using this setting it's best to be consistent throughout all similar usages
|
|
55
|
-
*/
|
|
56
|
-
paddingSize: PropTypes.any,
|
|
57
|
-
className: PropTypes.string,
|
|
58
|
-
"aria-label": PropTypes.string,
|
|
59
|
-
"data-test-subj": PropTypes.string,
|
|
60
|
-
css: PropTypes.any,
|
|
61
|
-
/**
|
|
62
|
-
* Sets the max-width of the page,
|
|
63
|
-
* set to `true` to use the default size of `1200px`,
|
|
64
|
-
* set to `false` to not restrict the width,
|
|
65
|
-
* set to a number for a custom width in px,
|
|
66
|
-
* set to a string for a custom width in custom measurement.
|
|
67
|
-
*/
|
|
68
|
-
restrictWidth: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.number.isRequired, PropTypes.string.isRequired])
|
|
69
|
-
};
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var _excluded = ["children", "className"];
|
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
-
/*
|
|
6
|
-
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
7
|
-
* or more contributor license agreements. Licensed under the Elastic License
|
|
8
|
-
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
9
|
-
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
10
|
-
* Side Public License, v 1.
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
import React from 'react';
|
|
14
|
-
import PropTypes from "prop-types";
|
|
15
|
-
import classNames from 'classnames';
|
|
16
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
17
|
-
/**
|
|
18
|
-
* @deprecated Use EuiPageHeader instead
|
|
19
|
-
*/
|
|
20
|
-
export var EuiPageContentHeaderSection_Deprecated = function EuiPageContentHeaderSection_Deprecated(_ref) {
|
|
21
|
-
var children = _ref.children,
|
|
22
|
-
className = _ref.className,
|
|
23
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
24
|
-
var classes = classNames('euiPageContentHeaderSection', className);
|
|
25
|
-
return ___EmotionJSX("div", _extends({
|
|
26
|
-
className: classes
|
|
27
|
-
}, rest), children);
|
|
28
|
-
};
|
|
29
|
-
EuiPageContentHeaderSection_Deprecated.propTypes = {
|
|
30
|
-
className: PropTypes.string,
|
|
31
|
-
"aria-label": PropTypes.string,
|
|
32
|
-
"data-test-subj": PropTypes.string,
|
|
33
|
-
css: PropTypes.any
|
|
34
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
3
|
-
* or more contributor license agreements. Licensed under the Elastic License
|
|
4
|
-
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
5
|
-
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
6
|
-
* Side Public License, v 1.
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
export { EuiPageSideBar_Deprecated } from './page_side_bar';
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
var _excluded = ["children", "className", "sticky", "paddingSize"];
|
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
-
/*
|
|
6
|
-
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
7
|
-
* or more contributor license agreements. Licensed under the Elastic License
|
|
8
|
-
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
9
|
-
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
10
|
-
* Side Public License, v 1.
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
import React from 'react';
|
|
14
|
-
import PropTypes from "prop-types";
|
|
15
|
-
import classNames from 'classnames';
|
|
16
|
-
import { keysOf } from '../../common';
|
|
17
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
18
|
-
var paddingSizeToClassNameMap = {
|
|
19
|
-
none: null,
|
|
20
|
-
s: 'euiPageSideBar--paddingSmall',
|
|
21
|
-
m: 'euiPageSideBar--paddingMedium',
|
|
22
|
-
l: 'euiPageSideBar--paddingLarge'
|
|
23
|
-
};
|
|
24
|
-
export var PADDING_SIZES = keysOf(paddingSizeToClassNameMap);
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
* @deprecated Use the new EuiPageSidebarProps in page/page_sidebar instead
|
|
28
|
-
*/
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* @deprecated Use the new EuiPageSidebar in page/page_sidebar instead
|
|
32
|
-
*/
|
|
33
|
-
export var EuiPageSideBar_Deprecated = function EuiPageSideBar_Deprecated(_ref) {
|
|
34
|
-
var children = _ref.children,
|
|
35
|
-
className = _ref.className,
|
|
36
|
-
sticky = _ref.sticky,
|
|
37
|
-
_ref$paddingSize = _ref.paddingSize,
|
|
38
|
-
paddingSize = _ref$paddingSize === void 0 ? 'none' : _ref$paddingSize,
|
|
39
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
40
|
-
var classes = classNames('euiPageSideBar', paddingSizeToClassNameMap[paddingSize], {
|
|
41
|
-
'euiPageSideBar--sticky': sticky
|
|
42
|
-
}, className);
|
|
43
|
-
return ___EmotionJSX("div", _extends({
|
|
44
|
-
className: classes
|
|
45
|
-
}, rest), children);
|
|
46
|
-
};
|
|
47
|
-
EuiPageSideBar_Deprecated.propTypes = {
|
|
48
|
-
/**
|
|
49
|
-
* Adds `position: sticky`
|
|
50
|
-
*/
|
|
51
|
-
sticky: PropTypes.bool,
|
|
52
|
-
/**
|
|
53
|
-
* Adds padding around the children
|
|
54
|
-
*/
|
|
55
|
-
paddingSize: PropTypes.any,
|
|
56
|
-
className: PropTypes.string,
|
|
57
|
-
"aria-label": PropTypes.string,
|
|
58
|
-
"data-test-subj": PropTypes.string,
|
|
59
|
-
css: PropTypes.any
|
|
60
|
-
};
|