@elastic/eui 99.1.0-borealis.0 → 99.2.0-borealis.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/es/components/avatar/avatar.js +4 -10
- package/es/components/badge/badge.js +1 -1
- package/es/components/badge/beta_badge/beta_badge.js +1 -1
- package/es/components/basic_table/basic_table.js +1 -1
- package/es/components/basic_table/in_memory_table.js +1 -1
- package/es/components/button/button.js +1 -1
- package/es/components/button/button_display/_button_display.js +1 -1
- package/es/components/button/button_display/_button_display_content.js +1 -1
- package/es/components/button/button_empty/button_empty.js +1 -1
- package/es/components/button/button_group/button_group.js +1 -1
- package/es/components/button/button_group/button_group_button.js +1 -1
- package/es/components/button/button_icon/button_icon.js +1 -1
- package/es/components/call_out/call_out.js +1 -1
- package/es/components/card/card.js +2 -2
- package/es/components/card/card_select/card_select.js +1 -1
- package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/es/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
- package/es/components/color_picker/color_palette_picker/color_palette_picker.js +2 -2
- package/es/components/color_picker/color_picker.js +3 -8
- package/es/components/comment_list/comment.js +2 -2
- package/es/components/comment_list/comment_event.js +1 -1
- 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_item.js +1 -1
- package/es/components/datagrid/body/cell/data_grid_cell.js +12 -12
- package/es/components/datagrid/body/data_grid_body.js +7 -7
- package/es/components/datagrid/body/data_grid_body_custom.js +7 -7
- package/es/components/datagrid/body/data_grid_body_virtualized.js +7 -7
- package/es/components/datagrid/body/header/data_grid_header_cell.js +6 -6
- package/es/components/datagrid/controls/column_sorting.js +7 -7
- package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/es/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
- package/es/components/datagrid/data_grid.stories.utils.js +7 -7
- package/es/components/datagrid/utils/grid_height_width.js +1 -1
- package/es/components/datagrid/utils/in_memory.js +6 -6
- 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 +2 -2
- package/es/components/form/field_text/field_text.js +13 -5
- package/es/components/form/field_text/field_text.styles.js +1 -1
- 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/text_area/text_area.js +2 -2
- package/es/components/header/header_links/header_link.js +1 -1
- 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 +1 -1
- package/es/components/icon/assets/plugs.js +35 -0
- package/es/components/icon/assets/web.js +35 -0
- package/es/components/icon/icon.js +1 -1
- package/es/components/icon/icon_map.js +2 -0
- package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/es/components/list_group/list_group.js +2 -2
- package/es/components/list_group/list_group_item.js +2 -2
- package/es/components/list_group/list_group_item_extra_action.js +1 -1
- package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/es/components/loading/loading_logo.js +1 -1
- package/es/components/markdown_editor/markdown_editor.js +1 -1
- package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/es/components/page/page_header/page_header_content.js +1 -1
- package/es/components/pagination/pagination_button.js +1 -1
- package/es/components/provider/provider.js +2 -2
- 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/selectable/selectable_templates/selectable_template_sitewide.styles.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/tool_tip/icon_tip.js +1 -1
- package/es/services/color/eui_palettes.js +51 -26
- package/es/services/color/eui_palettes_hooks.js +74 -0
- package/es/services/color/index.js +1 -0
- package/es/services/color/vis_color_store.js +1 -1
- package/es/services/index.js +1 -0
- package/es/services/theme/context.js +3 -3
- package/es/services/theme/provider.js +0 -11
- package/es/themes/amsterdam/global_styling/variables/_colors.js +1 -1
- package/es/themes/index.js +1 -2
- package/es/themes/themes.js +1 -24
- package/eui.d.ts +584 -528
- package/lib/components/avatar/avatar.js +2 -8
- package/lib/components/badge/badge.js +1 -1
- package/lib/components/badge/beta_badge/beta_badge.js +1 -1
- package/lib/components/basic_table/basic_table.js +1 -1
- package/lib/components/basic_table/in_memory_table.js +1 -1
- package/lib/components/button/button.js +1 -1
- package/lib/components/button/button_display/_button_display.js +1 -1
- package/lib/components/button/button_display/_button_display_content.js +1 -1
- package/lib/components/button/button_empty/button_empty.js +1 -1
- package/lib/components/button/button_group/button_group.js +1 -1
- package/lib/components/button/button_group/button_group_button.js +1 -1
- package/lib/components/button/button_icon/button_icon.js +1 -1
- package/lib/components/call_out/call_out.js +1 -1
- package/lib/components/card/card.js +2 -2
- package/lib/components/card/card_select/card_select.js +1 -1
- package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/lib/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
- package/lib/components/color_picker/color_palette_picker/color_palette_picker.js +2 -2
- package/lib/components/color_picker/color_picker.js +2 -7
- package/lib/components/comment_list/comment.js +2 -2
- package/lib/components/comment_list/comment_event.js +1 -1
- 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_item.js +1 -1
- package/lib/components/datagrid/body/cell/data_grid_cell.js +12 -12
- package/lib/components/datagrid/body/data_grid_body.js +7 -7
- package/lib/components/datagrid/body/data_grid_body_custom.js +7 -7
- package/lib/components/datagrid/body/data_grid_body_virtualized.js +7 -7
- package/lib/components/datagrid/body/header/data_grid_header_cell.js +6 -6
- package/lib/components/datagrid/controls/column_sorting.js +7 -7
- package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/lib/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
- package/lib/components/datagrid/data_grid.stories.utils.js +7 -7
- package/lib/components/datagrid/utils/grid_height_width.js +1 -1
- package/lib/components/datagrid/utils/in_memory.js +6 -6
- 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 +2 -2
- package/lib/components/form/field_text/field_text.js +13 -5
- package/lib/components/form/field_text/field_text.styles.js +1 -1
- 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/text_area/text_area.js +2 -2
- package/lib/components/header/header_links/header_link.js +1 -1
- 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 +1 -1
- package/lib/components/icon/assets/plugs.js +42 -0
- package/lib/components/icon/assets/web.js +42 -0
- package/lib/components/icon/icon.js +1 -1
- package/lib/components/icon/icon_map.js +2 -0
- package/lib/components/icon/svgs/plugs.svg +3 -0
- package/lib/components/icon/svgs/web.svg +3 -0
- package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/lib/components/list_group/list_group.js +2 -2
- package/lib/components/list_group/list_group_item.js +2 -2
- package/lib/components/list_group/list_group_item_extra_action.js +1 -1
- package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/lib/components/loading/loading_logo.js +1 -1
- package/lib/components/markdown_editor/markdown_editor.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/lib/components/page/page_header/page_header_content.js +1 -1
- package/lib/components/pagination/pagination_button.js +1 -1
- package/lib/components/provider/provider.js +2 -2
- 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/selectable/selectable_templates/selectable_template_sitewide.styles.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/tool_tip/icon_tip.js +1 -1
- package/lib/services/color/eui_palettes.js +51 -26
- package/lib/services/color/eui_palettes_hooks.js +78 -0
- package/lib/services/color/index.js +12 -0
- package/lib/services/color/vis_color_store.js +2 -2
- package/lib/services/index.js +12 -0
- package/lib/services/theme/context.js +3 -3
- package/lib/services/theme/provider.js +0 -11
- package/lib/themes/amsterdam/global_styling/variables/_colors.js +74 -74
- package/lib/themes/index.js +4 -18
- package/lib/themes/themes.js +1 -26
- package/optimize/es/components/avatar/avatar.js +3 -9
- package/optimize/es/components/color_picker/color_picker.js +3 -8
- package/optimize/es/components/datagrid/utils/grid_height_width.js +1 -1
- package/optimize/es/components/form/field_text/field_text.js +6 -3
- package/optimize/es/components/form/field_text/field_text.styles.js +1 -1
- package/optimize/es/components/icon/assets/plugs.js +34 -0
- package/optimize/es/components/icon/assets/web.js +34 -0
- package/optimize/es/components/icon/icon_map.js +2 -0
- package/optimize/es/components/provider/provider.js +2 -2
- package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
- package/optimize/es/services/color/eui_palettes.js +51 -26
- package/optimize/es/services/color/eui_palettes_hooks.js +71 -0
- package/optimize/es/services/color/index.js +1 -0
- package/optimize/es/services/color/vis_color_store.js +1 -1
- package/optimize/es/services/index.js +1 -0
- package/optimize/es/services/theme/context.js +3 -3
- package/optimize/es/services/theme/provider.js +0 -11
- package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +1 -1
- package/optimize/es/themes/index.js +1 -2
- package/optimize/es/themes/themes.js +1 -24
- package/optimize/lib/components/avatar/avatar.js +1 -7
- package/optimize/lib/components/color_picker/color_picker.js +2 -7
- package/optimize/lib/components/datagrid/utils/grid_height_width.js +1 -1
- package/optimize/lib/components/form/field_text/field_text.js +6 -3
- package/optimize/lib/components/form/field_text/field_text.styles.js +1 -1
- package/optimize/lib/components/icon/assets/plugs.js +42 -0
- package/optimize/lib/components/icon/assets/web.js +42 -0
- package/optimize/lib/components/icon/icon_map.js +2 -0
- package/optimize/lib/components/icon/svgs/plugs.svg +3 -0
- package/optimize/lib/components/icon/svgs/web.svg +3 -0
- package/optimize/lib/components/provider/provider.js +2 -2
- package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
- package/optimize/lib/services/color/eui_palettes.js +51 -26
- package/optimize/lib/services/color/eui_palettes_hooks.js +76 -0
- package/optimize/lib/services/color/index.js +12 -0
- package/optimize/lib/services/color/vis_color_store.js +2 -2
- package/optimize/lib/services/index.js +12 -0
- package/optimize/lib/services/theme/context.js +3 -3
- package/optimize/lib/services/theme/provider.js +0 -11
- package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +74 -74
- package/optimize/lib/themes/index.js +4 -18
- package/optimize/lib/themes/themes.js +1 -26
- package/package.json +3 -3
- package/test-env/components/avatar/avatar.js +2 -8
- package/test-env/components/badge/badge.js +1 -1
- package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
- package/test-env/components/basic_table/basic_table.js +1 -1
- package/test-env/components/basic_table/in_memory_table.js +1 -1
- package/test-env/components/button/button.js +1 -1
- package/test-env/components/button/button_display/_button_display.js +1 -1
- package/test-env/components/button/button_display/_button_display_content.js +1 -1
- package/test-env/components/button/button_empty/button_empty.js +1 -1
- package/test-env/components/button/button_group/button_group.js +1 -1
- package/test-env/components/button/button_group/button_group_button.js +1 -1
- package/test-env/components/button/button_icon/button_icon.js +1 -1
- package/test-env/components/call_out/call_out.js +1 -1
- package/test-env/components/card/card.js +2 -2
- package/test-env/components/card/card_select/card_select.js +1 -1
- package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/test-env/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
- package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js +2 -2
- package/test-env/components/color_picker/color_picker.js +2 -7
- package/test-env/components/comment_list/comment.js +2 -2
- package/test-env/components/comment_list/comment_event.js +1 -1
- 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_item.js +1 -1
- package/test-env/components/datagrid/body/cell/data_grid_cell.js +12 -12
- package/test-env/components/datagrid/body/data_grid_body.js +7 -7
- package/test-env/components/datagrid/body/data_grid_body_custom.js +7 -7
- package/test-env/components/datagrid/body/data_grid_body_virtualized.js +7 -7
- package/test-env/components/datagrid/body/header/data_grid_header_cell.js +6 -6
- package/test-env/components/datagrid/controls/column_sorting.js +7 -7
- package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/test-env/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
- package/test-env/components/datagrid/data_grid.stories.utils.js +7 -7
- package/test-env/components/datagrid/utils/grid_height_width.js +1 -1
- package/test-env/components/datagrid/utils/in_memory.js +6 -6
- 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 +2 -2
- package/test-env/components/form/field_text/field_text.js +13 -5
- package/test-env/components/form/field_text/field_text.styles.js +1 -1
- 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/text_area/text_area.js +2 -2
- package/test-env/components/header/header_links/header_link.js +1 -1
- package/test-env/components/header/header_links/header_links.js +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 +1 -1
- package/test-env/components/icon/assets/plugs.js +42 -0
- package/test-env/components/icon/assets/web.js +42 -0
- package/test-env/components/icon/icon_map.js +2 -0
- package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/test-env/components/list_group/list_group.js +2 -2
- package/test-env/components/list_group/list_group_item.js +2 -2
- package/test-env/components/list_group/list_group_item_extra_action.js +1 -1
- package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/test-env/components/loading/loading_logo.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/test-env/components/page/page_header/page_header_content.js +1 -1
- package/test-env/components/pagination/pagination_button.js +1 -1
- package/test-env/components/provider/provider.js +2 -2
- 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/selectable/selectable_templates/selectable_template_sitewide.styles.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/tool_tip/icon_tip.js +1 -1
- package/test-env/services/color/eui_palettes.js +51 -26
- package/test-env/services/color/eui_palettes_hooks.js +76 -0
- package/test-env/services/color/index.js +12 -0
- package/test-env/services/color/vis_color_store.js +2 -2
- package/test-env/services/index.js +12 -0
- package/test-env/services/theme/context.js +3 -3
- package/test-env/services/theme/provider.js +0 -11
- package/test-env/themes/amsterdam/global_styling/variables/_colors.js +74 -74
- package/test-env/themes/index.js +4 -18
- package/test-env/themes/themes.js +1 -26
package/eui.d.ts
CHANGED
|
@@ -175,6 +175,242 @@ declare module '@elastic/eui/src/services/theme/types' {
|
|
|
175
175
|
declare module '@elastic/eui/src/services/theme/utils' {
|
|
176
176
|
export { DEFAULT_COLOR_MODE, isInverseColorMode, getColorMode, getOn, setOn, Computed, computed, getComputed, buildTheme, mergeDeep, } from '@elastic/eui-theme-common';
|
|
177
177
|
|
|
178
|
+
}
|
|
179
|
+
declare module '@elastic/eui/src/services/theme/context' {
|
|
180
|
+
import { EuiThemeColorModeStandard, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
|
|
181
|
+
export const EuiSystemContext: import("react").Context<EuiThemeSystem<{}>>;
|
|
182
|
+
export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common/lib/cjs/global_styling/types").EuiThemeShape>>;
|
|
183
|
+
export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
|
|
184
|
+
export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/global_styling/types").EuiThemeShape>;
|
|
185
|
+
export const EuiThemeContext: import("react").Context<EuiThemeComputed<{}>>;
|
|
186
|
+
export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
|
|
187
|
+
|
|
188
|
+
}
|
|
189
|
+
declare module '@elastic/eui/src/services/theme/warning' {
|
|
190
|
+
type LEVELS = 'log' | 'warn' | 'error'; type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
|
|
191
|
+
export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
|
|
192
|
+
export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
|
|
193
|
+
export const emitEuiProviderWarning: (providerMessage: string) => void;
|
|
194
|
+
export {};
|
|
195
|
+
|
|
196
|
+
}
|
|
197
|
+
declare module '@elastic/eui/src/services/theme/hooks' {
|
|
198
|
+
import React from 'react';
|
|
199
|
+
import { EuiThemeColorModeStandard, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui/src/services/theme/types';
|
|
200
|
+
/**
|
|
201
|
+
* Hook for function components
|
|
202
|
+
*/
|
|
203
|
+
export interface UseEuiTheme<T extends {} = {}> {
|
|
204
|
+
euiTheme: EuiThemeComputed<T>;
|
|
205
|
+
colorMode: EuiThemeColorModeStandard;
|
|
206
|
+
modifications: EuiThemeModifications<T>;
|
|
207
|
+
}
|
|
208
|
+
export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
|
|
209
|
+
/**
|
|
210
|
+
* HOC for class components
|
|
211
|
+
*/
|
|
212
|
+
export interface WithEuiThemeProps<P extends {} = {}> {
|
|
213
|
+
theme: UseEuiTheme<P>;
|
|
214
|
+
}
|
|
215
|
+
export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
|
|
216
|
+
/**
|
|
217
|
+
* Render prop alternative for complex class components
|
|
218
|
+
* Most useful for scenarios where a HOC may interfere with typing
|
|
219
|
+
*/
|
|
220
|
+
export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
|
|
221
|
+
children: (theme: UseEuiTheme) => React.ReactElement;
|
|
222
|
+
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
223
|
+
/**
|
|
224
|
+
* Minor syntactical sugar hook for theme CSS variables.
|
|
225
|
+
* Primarily meant for internal EUI usage.
|
|
226
|
+
*/
|
|
227
|
+
export const useEuiThemeCSSVariables: () => {
|
|
228
|
+
setGlobalCSSVariables: Function;
|
|
229
|
+
globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
230
|
+
setNearestThemeCSSVariables: Function;
|
|
231
|
+
themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
232
|
+
};
|
|
233
|
+
|
|
234
|
+
}
|
|
235
|
+
declare module '@elastic/eui/src/services/throttle' {
|
|
236
|
+
export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
|
|
237
|
+
|
|
238
|
+
}
|
|
239
|
+
declare module '@elastic/eui/src/services/breakpoint/_sorting' {
|
|
240
|
+
import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
|
|
241
|
+
export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
242
|
+
export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
243
|
+
|
|
244
|
+
}
|
|
245
|
+
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
|
|
246
|
+
import React, { FunctionComponent, PropsWithChildren } from 'react';
|
|
247
|
+
import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint'; type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
|
|
248
|
+
export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
|
|
249
|
+
/**
|
|
250
|
+
* Returns the current breakpoint based on window width.
|
|
251
|
+
* Typically only called by the top-level `EuiProvider` (to reduce the number
|
|
252
|
+
* of window resize listeners on the page). Also conditionally called if a
|
|
253
|
+
* nested `EuiThemeProvider` defines a `modify.breakpoint` override
|
|
254
|
+
*/
|
|
255
|
+
export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
|
|
256
|
+
export {};
|
|
257
|
+
|
|
258
|
+
}
|
|
259
|
+
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
|
|
260
|
+
/**
|
|
261
|
+
* Hook util / syntactical sugar for useContext()
|
|
262
|
+
*
|
|
263
|
+
* This hook is in its own separate file to make mocking it
|
|
264
|
+
* as a testenv easy for Jest unit tests
|
|
265
|
+
*/
|
|
266
|
+
export const useCurrentEuiBreakpoint: () => string | undefined;
|
|
267
|
+
|
|
268
|
+
}
|
|
269
|
+
declare module '@elastic/eui/src/services/emotion/clone_element' {
|
|
270
|
+
import React from 'react';
|
|
271
|
+
/**
|
|
272
|
+
* React.cloneElement does not work if the cloned element does not already have the
|
|
273
|
+
* `css` prop - as a result, we need to use `jsx()` to manually clone the element
|
|
274
|
+
* See https://github.com/emotion-js/emotion/issues/1404
|
|
275
|
+
*/
|
|
276
|
+
export const cloneElementWithCss: (element: any, props: any, cssOrder?: 'before' | 'after') => React.ReactElement;
|
|
277
|
+
|
|
278
|
+
}
|
|
279
|
+
declare module '@elastic/eui/src/services/emotion/prefixer' {
|
|
280
|
+
import { type Element } from 'stylis';
|
|
281
|
+
/**
|
|
282
|
+
* This is a stylis plugin which handles auto-prefixing CSS output by Emotion.
|
|
283
|
+
*
|
|
284
|
+
* *Please note*: EUI/Elastic targets latest evergreen browsers for support only.
|
|
285
|
+
* @see https://www.elastic.co/support/matrix#matrix_browsers
|
|
286
|
+
*/
|
|
287
|
+
export const euiStylisPrefixer: (element: Element) => void;
|
|
288
|
+
|
|
289
|
+
}
|
|
290
|
+
declare module '@elastic/eui/src/services/emotion' {
|
|
291
|
+
export * from '@elastic/eui/src/services/emotion/clone_element';
|
|
292
|
+
export * from '@elastic/eui/src/services/emotion/prefixer';
|
|
293
|
+
|
|
294
|
+
}
|
|
295
|
+
declare module '@elastic/eui/src/services/emotion/css' {
|
|
296
|
+
/**
|
|
297
|
+
* This custom instance is needed for internal EUI components to call
|
|
298
|
+
* `@emotion/css` with EUI's custom prefixer plugin
|
|
299
|
+
* @see https://emotion.sh/docs/@emotion/css#custom-instances
|
|
300
|
+
*
|
|
301
|
+
* NOTE: Usage is currently being beta tested internally,
|
|
302
|
+
* and is not yet intended to be a public export
|
|
303
|
+
*/
|
|
304
|
+
export const css: {
|
|
305
|
+
(template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
|
|
306
|
+
(...args: import("@emotion/serialize").CSSInterpolation[]): string;
|
|
307
|
+
}, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, cache: import("@emotion/css/create-instance").EmotionCache;
|
|
308
|
+
|
|
309
|
+
}
|
|
310
|
+
declare module '@elastic/eui/src/services/theme/emotion' {
|
|
311
|
+
import { FunctionComponent, PropsWithChildren } from 'react';
|
|
312
|
+
/**
|
|
313
|
+
* @see https://emotion.sh/docs/theming
|
|
314
|
+
* This Emotion theme provider is added for *consumer usage* & convenience only.
|
|
315
|
+
*
|
|
316
|
+
* EUI should stick to using our own context/`useEuiTheme` internally
|
|
317
|
+
* instead of Emotion's shorthand `css={theme => {}}` API. If consumers
|
|
318
|
+
* set their own theme via <ThemeProvider>; EUI's styles should continue
|
|
319
|
+
* working as-is.
|
|
320
|
+
*/
|
|
321
|
+
export const EuiEmotionThemeProvider: FunctionComponent<PropsWithChildren<{}>>;
|
|
322
|
+
|
|
323
|
+
}
|
|
324
|
+
declare module '@elastic/eui/src/services/hooks/useUpdateEffect' {
|
|
325
|
+
export const useUpdateEffect: (effect: Function, deps: unknown[]) => void;
|
|
326
|
+
|
|
327
|
+
}
|
|
328
|
+
declare module '@elastic/eui/src/services/hooks/useDependentState' {
|
|
329
|
+
export function useDependentState<T>(valueFn: (previousState: undefined | T) => T, deps: unknown[]): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];
|
|
330
|
+
|
|
331
|
+
}
|
|
332
|
+
declare module '@elastic/eui/src/services/hooks/useCombinedRefs' {
|
|
333
|
+
import { MutableRefObject, Ref } from 'react'; type Refs<T> = Array<Ref<T> | MutableRefObject<T | undefined> | undefined>;
|
|
334
|
+
export const useCombinedRefs: <T>(refs: Refs<T>) => (node: T) => void;
|
|
335
|
+
/**
|
|
336
|
+
* Non-hook util for setting multiple refs/ref types.
|
|
337
|
+
* Useful for non-functional components
|
|
338
|
+
*/
|
|
339
|
+
export const setMultipleRefs: <T>(refs: Refs<T>, node: T) => void;
|
|
340
|
+
export {};
|
|
341
|
+
|
|
342
|
+
}
|
|
343
|
+
declare module '@elastic/eui/src/services/hooks/useForceRender' {
|
|
344
|
+
export const useForceRender: () => () => void;
|
|
345
|
+
|
|
346
|
+
}
|
|
347
|
+
declare module '@elastic/eui/src/services/hooks/useLatest' {
|
|
348
|
+
import { MutableRefObject } from 'react';
|
|
349
|
+
/**
|
|
350
|
+
* Wraps the given `value` into a `MutableRefObject` and keeps the `current`
|
|
351
|
+
* value up-to-date on every render cycle.
|
|
352
|
+
*/
|
|
353
|
+
export function useLatest<Value>(value: Value): MutableRefObject<Value | null>;
|
|
354
|
+
|
|
355
|
+
}
|
|
356
|
+
declare module '@elastic/eui/src/services/hooks/useDeepEqual' {
|
|
357
|
+
/**
|
|
358
|
+
* This hook is mostly a performance concern for third-party objs/arrays that EUI
|
|
359
|
+
* has no control over and may not be correctly memoized (i.e., will create a new
|
|
360
|
+
* reference on every rerender unless passed through this hook).
|
|
361
|
+
*/
|
|
362
|
+
export const useDeepEqual: <T = any[] | Record<string, any> | undefined>(object: T) => T;
|
|
363
|
+
|
|
364
|
+
}
|
|
365
|
+
declare module '@elastic/eui/src/services/hooks/useMouseMove' {
|
|
366
|
+
import { MouseEvent, TouchEvent } from 'react';
|
|
367
|
+
export function isMouseEvent<T = HTMLDivElement>(event: MouseEvent<T> | TouchEvent<T>): event is MouseEvent<T>;
|
|
368
|
+
export function useMouseMove<T = HTMLDivElement>(handleChange: (location: {
|
|
369
|
+
x: number;
|
|
370
|
+
y: number;
|
|
371
|
+
}, isFirstInteraction?: boolean) => void, interactionConditional?: any): [
|
|
372
|
+
(e: MouseEvent<T>) => void,
|
|
373
|
+
(e: MouseEvent<T> | TouchEvent<T>, isFirstInteraction?: boolean) => void
|
|
374
|
+
];
|
|
375
|
+
|
|
376
|
+
}
|
|
377
|
+
declare module '@elastic/eui/src/services/hooks' {
|
|
378
|
+
export * from '@elastic/eui/src/services/hooks/useDependentState';
|
|
379
|
+
export * from '@elastic/eui/src/services/hooks/useCombinedRefs';
|
|
380
|
+
export * from '@elastic/eui/src/services/hooks/useForceRender';
|
|
381
|
+
export * from '@elastic/eui/src/services/hooks/useLatest';
|
|
382
|
+
export * from '@elastic/eui/src/services/hooks/useDeepEqual';
|
|
383
|
+
export * from '@elastic/eui/src/services/hooks/useMouseMove';
|
|
384
|
+
export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
|
|
385
|
+
|
|
386
|
+
}
|
|
387
|
+
declare module '@elastic/eui/src/services/theme/style_memoization' {
|
|
388
|
+
import React, { FunctionComponent, PropsWithChildren } from 'react';
|
|
389
|
+
import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks'; type StylesMap = Record<string, any>; type MemoizedStylesMap = WeakMap<Function, StylesMap>;
|
|
390
|
+
export const EuiThemeMemoizedStylesContext: React.Context<MemoizedStylesMap>;
|
|
391
|
+
export const EuiThemeMemoizedStylesProvider: FunctionComponent<PropsWithChildren>;
|
|
392
|
+
/**
|
|
393
|
+
* Hook that memoizes the returned values of components style fns/generators
|
|
394
|
+
* per-theme
|
|
395
|
+
*/
|
|
396
|
+
export const useEuiMemoizedStyles: <T extends (theme: UseEuiTheme) => StylesMap>(stylesGenerator: T) => ReturnType<T>;
|
|
397
|
+
/**
|
|
398
|
+
* HOC for class components
|
|
399
|
+
* Syntax is mostly copied from withEuiTheme HOC
|
|
400
|
+
*/
|
|
401
|
+
export interface WithEuiStylesMemoizerProps {
|
|
402
|
+
stylesMemoizer: typeof useEuiMemoizedStyles;
|
|
403
|
+
}
|
|
404
|
+
export const withEuiStylesMemoizer: <T extends {} = {}>(Component: React.ComponentType<T & WithEuiStylesMemoizerProps>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "stylesMemoizer">> & React.RefAttributes<Omit<T, "stylesMemoizer">>>;
|
|
405
|
+
/**
|
|
406
|
+
* Render prop alternative for complex class components
|
|
407
|
+
* Most useful for scenarios where a HOC may interfere with typing
|
|
408
|
+
*/
|
|
409
|
+
export const RenderWithEuiStylesMemoizer: ({ children, }: {
|
|
410
|
+
children: (stylesMemoizer: typeof useEuiMemoizedStyles) => React.ReactElement;
|
|
411
|
+
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
412
|
+
export {};
|
|
413
|
+
|
|
178
414
|
}
|
|
179
415
|
declare module '@elastic/eui/src/services/color/is_color_dark' {
|
|
180
416
|
/**
|
|
@@ -273,15 +509,6 @@ declare module '@elastic/eui/src/services/color/color_palette' {
|
|
|
273
509
|
*/
|
|
274
510
|
categorical?: boolean): string[];
|
|
275
511
|
|
|
276
|
-
}
|
|
277
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
|
|
278
|
-
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
279
|
-
export const colorVis: _EuiThemeVisColors;
|
|
280
|
-
|
|
281
|
-
}
|
|
282
|
-
declare module '@elastic/eui/src/global_styling/variables/_colors_vis' {
|
|
283
|
-
export { colorVis } from '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis';
|
|
284
|
-
|
|
285
512
|
}
|
|
286
513
|
declare module '@elastic/eui/src/services/color/vis_color_store' {
|
|
287
514
|
import { _EuiVisColorStore } from '@elastic/eui-theme-common';
|
|
@@ -289,8 +516,22 @@ declare module '@elastic/eui/src/services/color/vis_color_store' {
|
|
|
289
516
|
|
|
290
517
|
}
|
|
291
518
|
declare module '@elastic/eui/src/services/color/eui_palettes' {
|
|
519
|
+
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
292
520
|
export type EuiPalette = string[];
|
|
293
|
-
export
|
|
521
|
+
export type EuiPaletteCommonProps = {
|
|
522
|
+
/**
|
|
523
|
+
* Defines the default set of colors the palette uses.
|
|
524
|
+
* Defaults to vis colors from `EUI_VIS_COLOR_STORE`.
|
|
525
|
+
* Use this to specify colors when you can't rely on the EuiProvider updates.
|
|
526
|
+
*/
|
|
527
|
+
colors?: _EuiThemeVisColors;
|
|
528
|
+
/**
|
|
529
|
+
* Specifies if some color asdjustments for vis colors are required.
|
|
530
|
+
* Has to be passed when `colors` are set
|
|
531
|
+
*/
|
|
532
|
+
hasVisColorAdjustment?: boolean;
|
|
533
|
+
};
|
|
534
|
+
export type EuiPaletteRotationProps = {
|
|
294
535
|
/**
|
|
295
536
|
* How many variations of the series is needed
|
|
296
537
|
*/
|
|
@@ -312,7 +553,8 @@ declare module '@elastic/eui/src/services/color/eui_palettes' {
|
|
|
312
553
|
* Defaults to a number close to green.
|
|
313
554
|
*/
|
|
314
555
|
sortShift?: string;
|
|
315
|
-
}
|
|
556
|
+
};
|
|
557
|
+
export type EuiPaletteColorBlindProps = EuiPaletteCommonProps & EuiPaletteRotationProps;
|
|
316
558
|
/**
|
|
317
559
|
* NOTE: These functions rely on base vis colors of the theme which are provided via a global
|
|
318
560
|
* singleton instance `EUI_VIS_COLOR_STORE` that's updated by the EuiProvider on theme change.
|
|
@@ -321,7 +563,7 @@ declare module '@elastic/eui/src/services/color/eui_palettes' {
|
|
|
321
563
|
* Outside of a react component you can use the `subscibe()` method on the `EUI_VIS_COLOR_STORE`
|
|
322
564
|
* to subscribe to updates and update your usages to ensure latest colors are loaded.
|
|
323
565
|
*/
|
|
324
|
-
export const euiPaletteColorBlind: ({ rotations, order, direction, sortBy, sortShift, }?: EuiPaletteColorBlindProps) => EuiPalette;
|
|
566
|
+
export const euiPaletteColorBlind: ({ rotations, order, direction, sortBy, sortShift, colors, }?: EuiPaletteColorBlindProps) => EuiPalette;
|
|
325
567
|
/**
|
|
326
568
|
* Color blind palette with text is meant for use when text is applied on top of the color.
|
|
327
569
|
* It increases the brightness of the color to give the text more contrast.
|
|
@@ -334,308 +576,112 @@ declare module '@elastic/eui/src/services/color/eui_palettes' {
|
|
|
334
576
|
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
335
577
|
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
336
578
|
*/
|
|
337
|
-
export const euiPaletteForLightBackground: () => EuiPalette;
|
|
579
|
+
export const euiPaletteForLightBackground: ({ colors, }?: EuiPaletteCommonProps) => EuiPalette;
|
|
338
580
|
/**
|
|
339
581
|
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
340
582
|
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
341
583
|
*/
|
|
342
|
-
export const euiPaletteForDarkBackground: () => EuiPalette;
|
|
584
|
+
export const euiPaletteForDarkBackground: ({ colors, }?: EuiPaletteCommonProps) => EuiPalette;
|
|
343
585
|
/**
|
|
344
586
|
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
345
587
|
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
346
588
|
*/
|
|
347
|
-
export const euiPaletteForStatus: (steps: number) => EuiPalette;
|
|
589
|
+
export const euiPaletteForStatus: (steps: number, { colors }?: EuiPaletteCommonProps) => EuiPalette;
|
|
348
590
|
/**
|
|
349
591
|
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
350
592
|
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
351
593
|
*/
|
|
352
|
-
export const euiPaletteForTemperature: (steps:
|
|
594
|
+
export const euiPaletteForTemperature: (steps: any, { colors, hasVisColorAdjustment }?: EuiPaletteCommonProps) => EuiPalette;
|
|
353
595
|
/**
|
|
354
596
|
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
355
597
|
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
356
598
|
*/
|
|
357
|
-
export const euiPaletteComplementary: (steps: number) => EuiPalette;
|
|
599
|
+
export const euiPaletteComplementary: (steps: number, { colors, hasVisColorAdjustment }?: EuiPaletteCommonProps) => EuiPalette;
|
|
358
600
|
/**
|
|
359
601
|
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
360
602
|
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
361
603
|
*/
|
|
362
|
-
export const euiPaletteRed: (steps: number) => EuiPalette;
|
|
604
|
+
export const euiPaletteRed: (steps: number, { colors }?: EuiPaletteCommonProps) => EuiPalette;
|
|
363
605
|
/**
|
|
364
606
|
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
365
607
|
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
366
608
|
*/
|
|
367
|
-
export const euiPaletteGreen: (steps: number) => EuiPalette;
|
|
609
|
+
export const euiPaletteGreen: (steps: number, { colors }?: EuiPaletteCommonProps) => EuiPalette;
|
|
368
610
|
/**
|
|
369
611
|
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
370
612
|
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
371
613
|
*/
|
|
372
|
-
export const euiPaletteCool: (steps: number) => EuiPalette;
|
|
614
|
+
export const euiPaletteCool: (steps: number, { colors, hasVisColorAdjustment }?: EuiPaletteCommonProps) => EuiPalette;
|
|
373
615
|
/**
|
|
374
616
|
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
375
617
|
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
376
618
|
*/
|
|
377
|
-
export const euiPaletteWarm: (steps: number) => EuiPalette;
|
|
619
|
+
export const euiPaletteWarm: (steps: number, { colors }?: EuiPaletteCommonProps) => EuiPalette;
|
|
378
620
|
/**
|
|
379
621
|
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
380
622
|
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
381
623
|
*/
|
|
382
|
-
export const euiPaletteGray: (steps: number) => EuiPalette;
|
|
624
|
+
export const euiPaletteGray: (steps: number, { colors }?: EuiPaletteCommonProps) => EuiPalette;
|
|
383
625
|
|
|
384
626
|
}
|
|
385
627
|
declare module '@elastic/eui/src/services/color/visualization_colors' {
|
|
386
628
|
export const VISUALIZATION_COLORS: import ("@elastic/eui/src/services/color/eui_palettes").EuiPalette;
|
|
387
629
|
export const DEFAULT_VISUALIZATION_COLOR: string;
|
|
388
630
|
|
|
389
|
-
}
|
|
390
|
-
declare module '@elastic/eui/src/
|
|
391
|
-
import {
|
|
392
|
-
|
|
393
|
-
export const
|
|
394
|
-
export
|
|
395
|
-
export
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
/**
|
|
403
|
-
* @deprecated - use background tokens directly
|
|
404
|
-
* @returns A single background color with optional alpha transparency
|
|
405
|
-
*/
|
|
406
|
-
export const euiBackgroundColor: ({ euiTheme }: UseEuiTheme, color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
|
|
407
|
-
/**
|
|
408
|
-
* @deprecated
|
|
409
|
-
*/
|
|
410
|
-
export const useEuiBackgroundColor: (color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
|
|
411
|
-
/**
|
|
412
|
-
* Hook to retrieve background style for a background color variant
|
|
413
|
-
* @returns An object map of color keys to CSS,
|
|
414
|
-
* e.g. { danger: css``, success: css``, ... }
|
|
415
|
-
*/
|
|
416
|
-
export const useEuiBackgroundColorCSS: () => Record<"transparent" | "plain" | "subdued" | "highlighted" | "accent" | "accentSecondary" | "primary" | "success" | "warning" | "danger", SerializedStyles>;
|
|
417
|
-
/**
|
|
418
|
-
* Border colors
|
|
419
|
-
* @deprecated - use border tokens directly or use
|
|
420
|
-
* `useEuiBorderColorCSS()` for composed styles
|
|
421
|
-
*/
|
|
422
|
-
export const euiBorderColor: ({ euiTheme }: UseEuiTheme, color: _EuiBackgroundColor) => string;
|
|
423
|
-
/**
|
|
424
|
-
* Hook to retrieve border style for a border variant
|
|
425
|
-
* @returns An object map of color keys to CSS,
|
|
426
|
-
* e.g. { danger: css``, success: css``, ... }
|
|
427
|
-
*/
|
|
428
|
-
export const useEuiBorderColorCSS: () => Record<"transparent" | "plain" | "subdued" | "highlighted" | "accent" | "accentSecondary" | "primary" | "success" | "warning" | "danger", SerializedStyles>;
|
|
429
|
-
|
|
430
|
-
}
|
|
431
|
-
declare module '@elastic/eui/src/themes/themes' {
|
|
432
|
-
import { EuiThemeSystem } from '@elastic/eui/src/services';
|
|
433
|
-
export interface EUI_THEME {
|
|
434
|
-
text: string;
|
|
435
|
-
value: string;
|
|
436
|
-
provider?: EuiThemeSystem;
|
|
437
|
-
}
|
|
438
|
-
export const EUI_THEMES: EUI_THEME[];
|
|
439
|
-
export const isDefaultTheme: (name: string) => boolean;
|
|
440
|
-
export const EUI_EXPERIMENTAL_THEME_ENABLED_KEY = "eui-experimental-theme-enabled";
|
|
441
|
-
export const isExperimentalThemeEnabled: () => boolean;
|
|
442
|
-
|
|
443
|
-
}
|
|
444
|
-
declare module '@elastic/eui/src/services/emotion/clone_element' {
|
|
445
|
-
import React from 'react';
|
|
446
|
-
/**
|
|
447
|
-
* React.cloneElement does not work if the cloned element does not already have the
|
|
448
|
-
* `css` prop - as a result, we need to use `jsx()` to manually clone the element
|
|
449
|
-
* See https://github.com/emotion-js/emotion/issues/1404
|
|
450
|
-
*/
|
|
451
|
-
export const cloneElementWithCss: (element: any, props: any, cssOrder?: 'before' | 'after') => React.ReactElement;
|
|
452
|
-
|
|
453
|
-
}
|
|
454
|
-
declare module '@elastic/eui/src/services/emotion/prefixer' {
|
|
455
|
-
import { type Element } from 'stylis';
|
|
456
|
-
/**
|
|
457
|
-
* This is a stylis plugin which handles auto-prefixing CSS output by Emotion.
|
|
458
|
-
*
|
|
459
|
-
* *Please note*: EUI/Elastic targets latest evergreen browsers for support only.
|
|
460
|
-
* @see https://www.elastic.co/support/matrix#matrix_browsers
|
|
461
|
-
*/
|
|
462
|
-
export const euiStylisPrefixer: (element: Element) => void;
|
|
463
|
-
|
|
464
|
-
}
|
|
465
|
-
declare module '@elastic/eui/src/services/emotion' {
|
|
466
|
-
export * from '@elastic/eui/src/services/emotion/clone_element';
|
|
467
|
-
export * from '@elastic/eui/src/services/emotion/prefixer';
|
|
468
|
-
|
|
469
|
-
}
|
|
470
|
-
declare module '@elastic/eui/src/services/emotion/css' {
|
|
471
|
-
/**
|
|
472
|
-
* This custom instance is needed for internal EUI components to call
|
|
473
|
-
* `@emotion/css` with EUI's custom prefixer plugin
|
|
474
|
-
* @see https://emotion.sh/docs/@emotion/css#custom-instances
|
|
475
|
-
*
|
|
476
|
-
* NOTE: Usage is currently being beta tested internally,
|
|
477
|
-
* and is not yet intended to be a public export
|
|
478
|
-
*/
|
|
479
|
-
export const css: {
|
|
480
|
-
(template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
|
|
481
|
-
(...args: import("@emotion/serialize").CSSInterpolation[]): string;
|
|
482
|
-
}, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, cache: import("@emotion/css/create-instance").EmotionCache;
|
|
483
|
-
|
|
484
|
-
}
|
|
485
|
-
declare module '@elastic/eui/src/services/theme/emotion' {
|
|
486
|
-
import { FunctionComponent, PropsWithChildren } from 'react';
|
|
487
|
-
/**
|
|
488
|
-
* @see https://emotion.sh/docs/theming
|
|
489
|
-
* This Emotion theme provider is added for *consumer usage* & convenience only.
|
|
490
|
-
*
|
|
491
|
-
* EUI should stick to using our own context/`useEuiTheme` internally
|
|
492
|
-
* instead of Emotion's shorthand `css={theme => {}}` API. If consumers
|
|
493
|
-
* set their own theme via <ThemeProvider>; EUI's styles should continue
|
|
494
|
-
* working as-is.
|
|
495
|
-
*/
|
|
496
|
-
export const EuiEmotionThemeProvider: FunctionComponent<PropsWithChildren<{}>>;
|
|
497
|
-
|
|
498
|
-
}
|
|
499
|
-
declare module '@elastic/eui/src/services/hooks/useUpdateEffect' {
|
|
500
|
-
export const useUpdateEffect: (effect: Function, deps: unknown[]) => void;
|
|
501
|
-
|
|
502
|
-
}
|
|
503
|
-
declare module '@elastic/eui/src/services/hooks/useDependentState' {
|
|
504
|
-
export function useDependentState<T>(valueFn: (previousState: undefined | T) => T, deps: unknown[]): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];
|
|
505
|
-
|
|
506
|
-
}
|
|
507
|
-
declare module '@elastic/eui/src/services/hooks/useCombinedRefs' {
|
|
508
|
-
import { MutableRefObject, Ref } from 'react'; type Refs<T> = Array<Ref<T> | MutableRefObject<T | undefined> | undefined>;
|
|
509
|
-
export const useCombinedRefs: <T>(refs: Refs<T>) => (node: T) => void;
|
|
510
|
-
/**
|
|
511
|
-
* Non-hook util for setting multiple refs/ref types.
|
|
512
|
-
* Useful for non-functional components
|
|
513
|
-
*/
|
|
514
|
-
export const setMultipleRefs: <T>(refs: Refs<T>, node: T) => void;
|
|
515
|
-
export {};
|
|
516
|
-
|
|
517
|
-
}
|
|
518
|
-
declare module '@elastic/eui/src/services/hooks/useForceRender' {
|
|
519
|
-
export const useForceRender: () => () => void;
|
|
520
|
-
|
|
521
|
-
}
|
|
522
|
-
declare module '@elastic/eui/src/services/hooks/useLatest' {
|
|
523
|
-
import { MutableRefObject } from 'react';
|
|
524
|
-
/**
|
|
525
|
-
* Wraps the given `value` into a `MutableRefObject` and keeps the `current`
|
|
526
|
-
* value up-to-date on every render cycle.
|
|
527
|
-
*/
|
|
528
|
-
export function useLatest<Value>(value: Value): MutableRefObject<Value | null>;
|
|
529
|
-
|
|
530
|
-
}
|
|
531
|
-
declare module '@elastic/eui/src/services/hooks/useDeepEqual' {
|
|
532
|
-
/**
|
|
533
|
-
* This hook is mostly a performance concern for third-party objs/arrays that EUI
|
|
534
|
-
* has no control over and may not be correctly memoized (i.e., will create a new
|
|
535
|
-
* reference on every rerender unless passed through this hook).
|
|
536
|
-
*/
|
|
537
|
-
export const useDeepEqual: <T = any[] | Record<string, any> | undefined>(object: T) => T;
|
|
538
|
-
|
|
539
|
-
}
|
|
540
|
-
declare module '@elastic/eui/src/services/throttle' {
|
|
541
|
-
export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
|
|
542
|
-
|
|
543
|
-
}
|
|
544
|
-
declare module '@elastic/eui/src/services/hooks/useMouseMove' {
|
|
545
|
-
import { MouseEvent, TouchEvent } from 'react';
|
|
546
|
-
export function isMouseEvent<T = HTMLDivElement>(event: MouseEvent<T> | TouchEvent<T>): event is MouseEvent<T>;
|
|
547
|
-
export function useMouseMove<T = HTMLDivElement>(handleChange: (location: {
|
|
548
|
-
x: number;
|
|
549
|
-
y: number;
|
|
550
|
-
}, isFirstInteraction?: boolean) => void, interactionConditional?: any): [
|
|
551
|
-
(e: MouseEvent<T>) => void,
|
|
552
|
-
(e: MouseEvent<T> | TouchEvent<T>, isFirstInteraction?: boolean) => void
|
|
553
|
-
];
|
|
554
|
-
|
|
555
|
-
}
|
|
556
|
-
declare module '@elastic/eui/src/services/hooks' {
|
|
557
|
-
export * from '@elastic/eui/src/services/hooks/useDependentState';
|
|
558
|
-
export * from '@elastic/eui/src/services/hooks/useCombinedRefs';
|
|
559
|
-
export * from '@elastic/eui/src/services/hooks/useForceRender';
|
|
560
|
-
export * from '@elastic/eui/src/services/hooks/useLatest';
|
|
561
|
-
export * from '@elastic/eui/src/services/hooks/useDeepEqual';
|
|
562
|
-
export * from '@elastic/eui/src/services/hooks/useMouseMove';
|
|
563
|
-
export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
|
|
564
|
-
|
|
565
|
-
}
|
|
566
|
-
declare module '@elastic/eui/src/services/theme/warning' {
|
|
567
|
-
type LEVELS = 'log' | 'warn' | 'error'; type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
|
|
568
|
-
export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
|
|
569
|
-
export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
|
|
570
|
-
export const emitEuiProviderWarning: (providerMessage: string) => void;
|
|
571
|
-
export {};
|
|
572
|
-
|
|
573
|
-
}
|
|
574
|
-
declare module '@elastic/eui/src/services/theme/style_memoization' {
|
|
575
|
-
import React, { FunctionComponent, PropsWithChildren } from 'react';
|
|
576
|
-
import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks'; type StylesMap = Record<string, any>; type MemoizedStylesMap = WeakMap<Function, StylesMap>;
|
|
577
|
-
export const EuiThemeMemoizedStylesContext: React.Context<MemoizedStylesMap>;
|
|
578
|
-
export const EuiThemeMemoizedStylesProvider: FunctionComponent<PropsWithChildren>;
|
|
579
|
-
/**
|
|
580
|
-
* Hook that memoizes the returned values of components style fns/generators
|
|
581
|
-
* per-theme
|
|
582
|
-
*/
|
|
583
|
-
export const useEuiMemoizedStyles: <T extends (theme: UseEuiTheme) => StylesMap>(stylesGenerator: T) => ReturnType<T>;
|
|
584
|
-
/**
|
|
585
|
-
* HOC for class components
|
|
586
|
-
* Syntax is mostly copied from withEuiTheme HOC
|
|
587
|
-
*/
|
|
588
|
-
export interface WithEuiStylesMemoizerProps {
|
|
589
|
-
stylesMemoizer: typeof useEuiMemoizedStyles;
|
|
590
|
-
}
|
|
591
|
-
export const withEuiStylesMemoizer: <T extends {} = {}>(Component: React.ComponentType<T & WithEuiStylesMemoizerProps>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "stylesMemoizer">> & React.RefAttributes<Omit<T, "stylesMemoizer">>>;
|
|
592
|
-
/**
|
|
593
|
-
* Render prop alternative for complex class components
|
|
594
|
-
* Most useful for scenarios where a HOC may interfere with typing
|
|
595
|
-
*/
|
|
596
|
-
export const RenderWithEuiStylesMemoizer: ({ children, }: {
|
|
597
|
-
children: (stylesMemoizer: typeof useEuiMemoizedStyles) => React.ReactElement;
|
|
598
|
-
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
599
|
-
export {};
|
|
600
|
-
|
|
601
|
-
}
|
|
602
|
-
declare module '@elastic/eui/src/services/theme/provider' {
|
|
603
|
-
import React, { PropsWithChildren, HTMLAttributes } from 'react';
|
|
604
|
-
import type { CommonProps } from '@elastic/eui/src/components/common';
|
|
605
|
-
import { EuiThemeColorMode, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
|
|
606
|
-
export interface EuiThemeProviderProps<T> extends PropsWithChildren {
|
|
607
|
-
theme?: EuiThemeSystem<T>;
|
|
608
|
-
colorMode?: EuiThemeColorMode;
|
|
609
|
-
modify?: EuiThemeModifications<T>;
|
|
610
|
-
children: any;
|
|
611
|
-
/**
|
|
612
|
-
* Nested theme providers will receive a wrapping `span` tag in order to correctly
|
|
613
|
-
* set the default text `color` that all nested children will inherit.
|
|
614
|
-
*
|
|
615
|
-
* If an extra wrapper is not desired, pass `{ cloneElement: true }`.
|
|
616
|
-
* This requires a **single** child component that the correct color class can be passed to.
|
|
617
|
-
*
|
|
618
|
-
* The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
|
|
619
|
-
* the default inherited text color will be set on the page `body`.
|
|
620
|
-
*/
|
|
621
|
-
wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
|
|
622
|
-
cloneElement?: boolean;
|
|
623
|
-
};
|
|
624
|
-
}
|
|
625
|
-
export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
|
|
631
|
+
}
|
|
632
|
+
declare module '@elastic/eui/src/services/color/eui_palettes_hooks' {
|
|
633
|
+
import { EuiPalette, EuiPaletteColorBlindProps } from '@elastic/eui/src/services/color/eui_palettes';
|
|
634
|
+
export const useEuiPaletteColorBlind: (args?: EuiPaletteColorBlindProps | undefined) => EuiPalette;
|
|
635
|
+
export const useEuiPaletteColorBlindBehindText: (args?: EuiPaletteColorBlindProps | undefined) => EuiPalette;
|
|
636
|
+
export const useEuiPaletteForStatus: (steps: number) => EuiPalette;
|
|
637
|
+
export const useEuiPaletteForTemperature: (steps: number) => EuiPalette;
|
|
638
|
+
export const useEuiPaletteComplementary: (steps: number) => EuiPalette;
|
|
639
|
+
export const useEuiPaletteRed: (steps: number) => EuiPalette;
|
|
640
|
+
export const useEuiPaletteGreen: (steps: number) => EuiPalette;
|
|
641
|
+
export const useEuiPaletteCool: (steps: number) => EuiPalette;
|
|
642
|
+
export const useEuiPaletteWarm: (steps: number) => EuiPalette;
|
|
643
|
+
export const useEuiPaletteGray: (steps: number) => EuiPalette;
|
|
626
644
|
|
|
627
645
|
}
|
|
628
|
-
declare module '@elastic/eui/src/
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
export
|
|
632
|
-
export type
|
|
633
|
-
export
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
646
|
+
declare module '@elastic/eui/src/global_styling/mixins/_color' {
|
|
647
|
+
import { SerializedStyles } from '@emotion/react';
|
|
648
|
+
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
649
|
+
export const BACKGROUND_COLORS: readonly ["transparent", "plain", "subdued", "highlighted", "accent", "accentSecondary", "primary", "success", "warning", "danger"];
|
|
650
|
+
export type _EuiBackgroundColor = (typeof BACKGROUND_COLORS)[number];
|
|
651
|
+
export interface _EuiBackgroundColorOptions {
|
|
652
|
+
/**
|
|
653
|
+
* Use `opaque` for containers of unknown content.
|
|
654
|
+
* Use `transparent` for interactive states like hover and focus.
|
|
655
|
+
*/
|
|
656
|
+
method?: 'opaque' | 'transparent';
|
|
657
|
+
}
|
|
658
|
+
/**
|
|
659
|
+
* @deprecated - use background tokens directly
|
|
660
|
+
* @returns A single background color with optional alpha transparency
|
|
661
|
+
*/
|
|
662
|
+
export const euiBackgroundColor: ({ euiTheme }: UseEuiTheme, color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
|
|
663
|
+
/**
|
|
664
|
+
* @deprecated
|
|
665
|
+
*/
|
|
666
|
+
export const useEuiBackgroundColor: (color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
|
|
667
|
+
/**
|
|
668
|
+
* Hook to retrieve background style for a background color variant
|
|
669
|
+
* @returns An object map of color keys to CSS,
|
|
670
|
+
* e.g. { danger: css``, success: css``, ... }
|
|
671
|
+
*/
|
|
672
|
+
export const useEuiBackgroundColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
|
|
673
|
+
/**
|
|
674
|
+
* Border colors
|
|
675
|
+
* @deprecated - use border tokens directly or use
|
|
676
|
+
* `useEuiBorderColorCSS()` for composed styles
|
|
677
|
+
*/
|
|
678
|
+
export const euiBorderColor: ({ euiTheme }: UseEuiTheme, color: _EuiBackgroundColor) => string;
|
|
679
|
+
/**
|
|
680
|
+
* Hook to retrieve border style for a border variant
|
|
681
|
+
* @returns An object map of color keys to CSS,
|
|
682
|
+
* e.g. { danger: css``, success: css``, ... }
|
|
683
|
+
*/
|
|
684
|
+
export const useEuiBorderColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
|
|
639
685
|
|
|
640
686
|
}
|
|
641
687
|
declare module '@elastic/eui/src/global_styling/functions/logicals' {
|
|
@@ -713,7 +759,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
|
|
|
713
759
|
"border-bottom-right-radius": string;
|
|
714
760
|
_shorthands: string[];
|
|
715
761
|
};
|
|
716
|
-
export const LOGICAL_PROPERTIES: ("left" | "right" | "
|
|
762
|
+
export const LOGICAL_PROPERTIES: ("left" | "right" | "width" | "bottom" | "height" | "top" | "horizontal" | "vertical" | "max-height" | "max-width" | "min-height" | "min-width" | "margin-left" | "margin-right" | "margin-top" | "margin-bottom" | "margin-horizontal" | "margin-vertical" | "padding-left" | "padding-right" | "padding-top" | "padding-bottom" | "padding-horizontal" | "padding-vertical" | "overflow-x" | "overflow-y" | "border-horizontal" | "border-horizontal-color" | "border-horizontal-width" | "border-horizontal-style" | "border-vertical" | "border-vertical-color" | "border-vertical-width" | "border-vertical-style" | "border-bottom" | "border-bottom-color" | "border-bottom-style" | "border-bottom-width" | "border-top" | "border-top-color" | "border-top-style" | "border-top-width" | "border-right" | "border-right-color" | "border-right-style" | "border-right-width" | "border-left" | "border-left-color" | "border-left-style" | "border-left-width" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius")[];
|
|
717
763
|
export type LogicalProperties = (typeof LOGICAL_PROPERTIES)[number];
|
|
718
764
|
/**
|
|
719
765
|
*
|
|
@@ -1003,12 +1049,6 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
|
|
|
1003
1049
|
*/
|
|
1004
1050
|
export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
|
|
1005
1051
|
|
|
1006
|
-
}
|
|
1007
|
-
declare module '@elastic/eui/src/services/breakpoint/_sorting' {
|
|
1008
|
-
import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
|
|
1009
|
-
export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
1010
|
-
export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
1011
|
-
|
|
1012
1052
|
}
|
|
1013
1053
|
declare module '@elastic/eui/src/global_styling/variables/animations' {
|
|
1014
1054
|
export { euiCanAnimate, euiCantAnimate, EuiThemeAnimationSpeeds, EuiThemeAnimationEasings, type _EuiThemeAnimationSpeed, type _EuiThemeAnimationSpeeds, type _EuiThemeAnimationEasing, type _EuiThemeAnimationEasings, type _EuiThemeAnimation, } from '@elastic/eui-theme-common';
|
|
@@ -1133,7 +1173,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_button' {
|
|
|
1133
1173
|
* @param options Button display type
|
|
1134
1174
|
* @returns An object of `_EuiButtonColor` keys including `disabled`
|
|
1135
1175
|
*/
|
|
1136
|
-
export const useEuiButtonColorCSS: (options?: _EuiButtonOptions) => Record<"text" | "
|
|
1176
|
+
export const useEuiButtonColorCSS: (options?: _EuiButtonOptions) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled", SerializedStyles>;
|
|
1137
1177
|
/**
|
|
1138
1178
|
* Creates the translate animation when button is in focus.
|
|
1139
1179
|
* @returns string
|
|
@@ -1249,7 +1289,7 @@ declare module '@elastic/eui/src/components/text/text_color' {
|
|
|
1249
1289
|
import type { SharedTextProps, CloneElement, EuiTextColors } from '@elastic/eui/src/components/text/types';
|
|
1250
1290
|
export const COLORS: readonly ["default", "subdued", "success", "accent", "accentSecondary", "danger", "warning", "ghost", "inherit"];
|
|
1251
1291
|
export type TextColor = (typeof COLORS)[number];
|
|
1252
|
-
export const _isNamedColor: (color: any) => color is "
|
|
1292
|
+
export const _isNamedColor: (color: any) => color is "accent" | "accentSecondary" | "success" | "warning" | "danger" | "ghost" | "inherit" | "default" | "subdued";
|
|
1253
1293
|
export type EuiTextColorProps = SharedTextProps & CloneElement & EuiTextColors;
|
|
1254
1294
|
export const EuiTextColor: FunctionComponent<EuiTextColorProps>;
|
|
1255
1295
|
|
|
@@ -1599,7 +1639,7 @@ declare module '@elastic/eui/src/components/observer/resize_observer/resize_obse
|
|
|
1599
1639
|
onResize: ResizeObserverCallback;
|
|
1600
1640
|
beginObserve: () => void;
|
|
1601
1641
|
}
|
|
1602
|
-
export const useResizeObserver: (container: Element | null, dimension?: "
|
|
1642
|
+
export const useResizeObserver: (container: Element | null, dimension?: "width" | "height" | undefined) => {
|
|
1603
1643
|
width: number;
|
|
1604
1644
|
height: number;
|
|
1605
1645
|
};
|
|
@@ -2495,6 +2535,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
|
|
|
2495
2535
|
pivot: string;
|
|
2496
2536
|
play: string;
|
|
2497
2537
|
playFilled: string;
|
|
2538
|
+
plugs: string;
|
|
2498
2539
|
plus: string;
|
|
2499
2540
|
plusInCircle: string;
|
|
2500
2541
|
plusInCircleFilled: string;
|
|
@@ -2607,6 +2648,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
|
|
|
2607
2648
|
warningFilled: string;
|
|
2608
2649
|
alert: string;
|
|
2609
2650
|
watchesApp: string;
|
|
2651
|
+
web: string;
|
|
2610
2652
|
wordWrap: string;
|
|
2611
2653
|
wordWrapDisabled: string;
|
|
2612
2654
|
workplaceSearchApp: string;
|
|
@@ -2730,7 +2772,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
|
|
|
2730
2772
|
import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
|
|
2731
2773
|
export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
|
|
2732
2774
|
import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
|
|
2733
|
-
export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "section" | "filter" | "image" | "stop" | "
|
|
2775
|
+
export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "error" | "warning" | "scale" | "color" | "pause" | "play" | "offline" | "online" | "storage" | "copy" | "cut" | "temperature" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
|
|
2734
2776
|
export type EuiIconType = keyof typeof typeToPathMap;
|
|
2735
2777
|
export type IconType = EuiIconType | string | ComponentType;
|
|
2736
2778
|
export type IconColor = string | NamedColor;
|
|
@@ -2773,7 +2815,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
|
|
|
2773
2815
|
isLoading: boolean;
|
|
2774
2816
|
neededLoading: boolean;
|
|
2775
2817
|
}
|
|
2776
|
-
export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "section" | "filter" | "image" | "stop" | "
|
|
2818
|
+
export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "error" | "warning" | "scale" | "color" | "pause" | "play" | "offline" | "online" | "storage" | "copy" | "cut" | "temperature" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector" | undefined) => void;
|
|
2777
2819
|
export const appendIconComponentCache: (iconTypeToIconComponentMap: {
|
|
2778
2820
|
[iconType: string]: React.ComponentType<{}>;
|
|
2779
2821
|
}) => void;
|
|
@@ -3250,7 +3292,7 @@ declare module '@elastic/eui/src/components/button/button_icon/button_icon.style
|
|
|
3250
3292
|
s: SerializedStyles;
|
|
3251
3293
|
m: SerializedStyles;
|
|
3252
3294
|
};
|
|
3253
|
-
export const _emptyHoverStyles: (euiThemeContext: UseEuiTheme) => Record<"text" | "
|
|
3295
|
+
export const _emptyHoverStyles: (euiThemeContext: UseEuiTheme) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger", SerializedStyles>;
|
|
3254
3296
|
|
|
3255
3297
|
}
|
|
3256
3298
|
declare module '@elastic/eui/src/components/button/button_icon/button_icon' {
|
|
@@ -3634,7 +3676,7 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip_anchor' {
|
|
|
3634
3676
|
onFocus: () => void;
|
|
3635
3677
|
isVisible: boolean;
|
|
3636
3678
|
};
|
|
3637
|
-
export const EuiToolTipAnchor: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "onFocus" | "onBlur"> & Required<Pick<EuiToolTipProps, "
|
|
3679
|
+
export const EuiToolTipAnchor: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "onFocus" | "onBlur"> & Required<Pick<EuiToolTipProps, "children" | "display">> & {
|
|
3638
3680
|
onBlur: () => void;
|
|
3639
3681
|
onFocus: () => void;
|
|
3640
3682
|
isVisible: boolean;
|
|
@@ -3943,7 +3985,7 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
|
|
|
3943
3985
|
euiButtonGroupButton__iconOnly: SerializedStyles;
|
|
3944
3986
|
};
|
|
3945
3987
|
};
|
|
3946
|
-
export const _compressedButtonFocusColors: (euiThemeContext: UseEuiTheme) => Record<"text" | "
|
|
3988
|
+
export const _compressedButtonFocusColors: (euiThemeContext: UseEuiTheme) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled", SerializedStyles>;
|
|
3947
3989
|
|
|
3948
3990
|
}
|
|
3949
3991
|
declare module '@elastic/eui/src/components/button/button_group/button_group_button' {
|
|
@@ -4503,7 +4545,7 @@ declare module '@elastic/eui/src/components/flex/flex_group' {
|
|
|
4503
4545
|
export const EuiFlexGroup: (<TComponent extends React.ElementType = "div", TComponentRef = React.ReactElement<any, TComponent>>(props: {
|
|
4504
4546
|
children?: React.ReactNode;
|
|
4505
4547
|
} & CommonProps & React.PropsWithoutRef<React.ComponentProps<TComponent>> & {
|
|
4506
|
-
alignItems?: "center" | "
|
|
4548
|
+
alignItems?: "center" | "baseline" | "stretch" | "flexStart" | "flexEnd" | undefined;
|
|
4507
4549
|
/**
|
|
4508
4550
|
* Customize the component type that is rendered.
|
|
4509
4551
|
*
|
|
@@ -4517,7 +4559,7 @@ declare module '@elastic/eui/src/components/flex/flex_group' {
|
|
|
4517
4559
|
* @default "div"
|
|
4518
4560
|
*/
|
|
4519
4561
|
component?: TComponent | undefined;
|
|
4520
|
-
direction?: "
|
|
4562
|
+
direction?: "row" | "column" | "rowReverse" | "columnReverse" | undefined;
|
|
4521
4563
|
gutterSize?: "s" | "xs" | "m" | "l" | "xl" | "none" | undefined;
|
|
4522
4564
|
justifyContent?: "center" | "flexStart" | "flexEnd" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined;
|
|
4523
4565
|
responsive?: boolean | undefined;
|
|
@@ -4653,7 +4695,7 @@ declare module '@elastic/eui/src/components/flex/flex_item' {
|
|
|
4653
4695
|
export const EuiFlexItem: (<TComponent extends React.ElementType, TComponentRef = React.ReactElement<any, TComponent>>(props: {
|
|
4654
4696
|
children?: React.ReactNode;
|
|
4655
4697
|
} & CommonProps & React.PropsWithoutRef<React.ComponentProps<TComponent>> & {
|
|
4656
|
-
grow?: boolean | 0 |
|
|
4698
|
+
grow?: boolean | 0 | 2 | 1 | 3 | 8 | 6 | 4 | 5 | 7 | 9 | 10 | null | undefined;
|
|
4657
4699
|
/**
|
|
4658
4700
|
* Customize the component type that is rendered.
|
|
4659
4701
|
*
|
|
@@ -6272,7 +6314,7 @@ declare module '@elastic/eui/src/components/color_picker/color_palette_picker/co
|
|
|
6272
6314
|
/**
|
|
6273
6315
|
* The name of your palette
|
|
6274
6316
|
*/
|
|
6275
|
-
title
|
|
6317
|
+
title?: string;
|
|
6276
6318
|
/**
|
|
6277
6319
|
* Node appended to right of title
|
|
6278
6320
|
*/
|
|
@@ -6294,7 +6336,7 @@ declare module '@elastic/eui/src/components/color_picker/color_palette_picker/co
|
|
|
6294
6336
|
/**
|
|
6295
6337
|
* The name of your palette
|
|
6296
6338
|
*/
|
|
6297
|
-
title
|
|
6339
|
+
title?: string;
|
|
6298
6340
|
/**
|
|
6299
6341
|
* Node appended to right of title
|
|
6300
6342
|
*/
|
|
@@ -6419,228 +6461,73 @@ declare module '@elastic/eui/src/services/color/contrast' {
|
|
|
6419
6461
|
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6420
6462
|
* *
|
|
6421
6463
|
* @param themeOrBackground - Color to use as the contrast basis
|
|
6422
|
-
*/
|
|
6423
|
-
export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
|
|
6424
|
-
[key: string]: any;
|
|
6425
|
-
colors: {
|
|
6426
|
-
body: string;
|
|
6427
|
-
};
|
|
6428
|
-
}) => string;
|
|
6429
|
-
|
|
6430
|
-
}
|
|
6431
|
-
declare module '@elastic/eui/src/services/color' {
|
|
6432
|
-
export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
|
|
6433
|
-
export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
|
|
6434
|
-
export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
|
|
6435
|
-
export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
|
|
6436
|
-
export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
|
|
6437
|
-
export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
|
|
6438
|
-
export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
|
|
6439
|
-
export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
|
|
6440
|
-
export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
|
|
6441
|
-
export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
|
|
6442
|
-
export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
|
|
6443
|
-
export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
|
|
6444
|
-
export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteCool, euiPaletteWarm, euiPaletteGray, } from '@elastic/eui/src/services/color/eui_palettes';
|
|
6445
|
-
export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
|
|
6446
|
-
export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
|
|
6447
|
-
export * from '@elastic/eui/src/services/color/manipulation';
|
|
6448
|
-
export * from '@elastic/eui/src/services/color/contrast';
|
|
6449
|
-
|
|
6450
|
-
}
|
|
6451
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
|
|
6452
|
-
import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
|
|
6453
|
-
export const brand_colors: _EuiThemeBrandColors;
|
|
6454
|
-
export const brand_text_colors: _EuiThemeBrandTextColors;
|
|
6455
|
-
export const shade_colors: _EuiThemeShadeColors;
|
|
6456
|
-
export const special_colors: _EuiThemeSpecialColors;
|
|
6457
|
-
export const text_colors: _EuiThemeTextColors;
|
|
6458
|
-
export const background_colors: _EuiThemeBackgroundColors;
|
|
6459
|
-
export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
6460
|
-
export const border_colors: _EuiThemeBorderColors;
|
|
6461
|
-
export const light_colors: _EuiThemeColorsMode;
|
|
6462
|
-
export const dark_shades: _EuiThemeShadeColors;
|
|
6463
|
-
export const dark_background_colors: _EuiThemeBackgroundColors;
|
|
6464
|
-
export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
6465
|
-
export const dark_border_colors: _EuiThemeBorderColors;
|
|
6466
|
-
export const dark_colors_ams: _EuiThemeColorsMode;
|
|
6467
|
-
export const colors: _EuiThemeColors;
|
|
6468
|
-
|
|
6469
|
-
}
|
|
6470
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
|
|
6471
|
-
import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
|
|
6472
|
-
export const animation_speed: _EuiThemeAnimationSpeeds;
|
|
6473
|
-
export const animation_ease: _EuiThemeAnimationEasings;
|
|
6474
|
-
export const animation: _EuiThemeAnimation;
|
|
6475
|
-
|
|
6476
|
-
}
|
|
6477
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
|
|
6478
|
-
import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables';
|
|
6479
|
-
export const breakpoint: _EuiThemeBreakpoints;
|
|
6480
|
-
|
|
6481
|
-
}
|
|
6482
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
|
|
6483
|
-
import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
|
|
6484
|
-
export const base: _EuiThemeBase;
|
|
6485
|
-
export const size: _EuiThemeSizes;
|
|
6486
|
-
|
|
6487
|
-
}
|
|
6488
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
|
|
6489
|
-
import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
|
|
6490
|
-
export const border: _EuiThemeBorder;
|
|
6491
|
-
|
|
6492
|
-
}
|
|
6493
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
|
|
6494
|
-
import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
|
|
6495
|
-
export const levels: _EuiThemeLevels;
|
|
6496
|
-
|
|
6497
|
-
}
|
|
6498
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
|
|
6499
|
-
import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
|
|
6500
|
-
export const fontScale: _EuiThemeFontScales;
|
|
6501
|
-
export const fontBase: _EuiThemeFontBase;
|
|
6502
|
-
export const fontWeight: _EuiThemeFontWeights;
|
|
6503
|
-
export const font: _EuiThemeFont;
|
|
6504
|
-
|
|
6505
|
-
}
|
|
6506
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
|
|
6507
|
-
import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
|
|
6508
|
-
export const focus: _EuiThemeFocus;
|
|
6509
|
-
|
|
6510
|
-
}
|
|
6511
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
|
|
6512
|
-
import { _EuiThemeButton } from '@elastic/eui-theme-common';
|
|
6513
|
-
export const buttons: _EuiThemeButton;
|
|
6514
|
-
|
|
6515
|
-
}
|
|
6516
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
|
|
6517
|
-
export const forms: {
|
|
6518
|
-
maxWidth: string;
|
|
6519
|
-
LIGHT: {
|
|
6520
|
-
background: string;
|
|
6521
|
-
backgroundDisabled: string;
|
|
6522
|
-
backgroundReadOnly: any;
|
|
6523
|
-
backgroundFocused: any;
|
|
6524
|
-
backgroundAutofilled: string;
|
|
6525
|
-
prependBackground: string;
|
|
6526
|
-
border: string;
|
|
6527
|
-
borderAutofilled: string;
|
|
6528
|
-
controlBorder: string;
|
|
6529
|
-
controlBorderSelected: string;
|
|
6530
|
-
controlBorderDisabled: string;
|
|
6531
|
-
controlBackgroundUnselected: any;
|
|
6532
|
-
controlBackgroundDisabled: any;
|
|
6533
|
-
colorHasPlaceholder: string;
|
|
6534
|
-
colorDisabled: any;
|
|
6535
|
-
iconDisabled: any;
|
|
6536
|
-
};
|
|
6537
|
-
DARK: {
|
|
6538
|
-
background: string;
|
|
6539
|
-
backgroundFocused: string;
|
|
6540
|
-
backgroundAutofilled: string;
|
|
6541
|
-
prependBackground: string;
|
|
6542
|
-
border: string;
|
|
6543
|
-
controlBorder: string;
|
|
6544
|
-
controlBorderSelected: string;
|
|
6545
|
-
controlBorderDisabled: string;
|
|
6546
|
-
backgroundDisabled: string;
|
|
6547
|
-
backgroundReadOnly: any;
|
|
6548
|
-
borderAutofilled: string;
|
|
6549
|
-
controlBackgroundUnselected: any;
|
|
6550
|
-
controlBackgroundDisabled: any;
|
|
6551
|
-
colorHasPlaceholder: string;
|
|
6552
|
-
colorDisabled: any;
|
|
6553
|
-
iconDisabled: any;
|
|
6554
|
-
};
|
|
6555
|
-
};
|
|
6556
|
-
|
|
6557
|
-
}
|
|
6558
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
|
|
6559
|
-
import { _EuiThemeComponents } from '@elastic/eui-theme-common';
|
|
6560
|
-
export const components: _EuiThemeComponents;
|
|
6561
|
-
|
|
6562
|
-
}
|
|
6563
|
-
declare module '@elastic/eui/src/themes/amsterdam/theme' {
|
|
6564
|
-
import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
|
|
6565
|
-
export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
|
|
6566
|
-
export const euiThemeAmsterdam: EuiThemeShape;
|
|
6567
|
-
export const EuiThemeAmsterdam: {
|
|
6568
|
-
model: EuiThemeShape;
|
|
6569
|
-
root: EuiThemeShape;
|
|
6570
|
-
key: string;
|
|
6571
|
-
};
|
|
6572
|
-
|
|
6573
|
-
}
|
|
6574
|
-
declare module '@elastic/eui/src/services/theme/context' {
|
|
6575
|
-
import { EuiThemeColorModeStandard, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
|
|
6576
|
-
export const EuiSystemContext: import("react").Context<EuiThemeSystem<{}>>;
|
|
6577
|
-
export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common/lib/cjs/global_styling/types").EuiThemeShape>>;
|
|
6578
|
-
export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
|
|
6579
|
-
export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/global_styling/types").EuiThemeShape>;
|
|
6580
|
-
export const EuiThemeContext: import("react").Context<EuiThemeComputed<{}>>;
|
|
6581
|
-
export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
|
|
6582
|
-
|
|
6583
|
-
}
|
|
6584
|
-
declare module '@elastic/eui/src/services/theme/hooks' {
|
|
6585
|
-
import React from 'react';
|
|
6586
|
-
import { EuiThemeColorModeStandard, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui/src/services/theme/types';
|
|
6587
|
-
/**
|
|
6588
|
-
* Hook for function components
|
|
6589
|
-
*/
|
|
6590
|
-
export interface UseEuiTheme<T extends {} = {}> {
|
|
6591
|
-
euiTheme: EuiThemeComputed<T>;
|
|
6592
|
-
colorMode: EuiThemeColorModeStandard;
|
|
6593
|
-
modifications: EuiThemeModifications<T>;
|
|
6594
|
-
}
|
|
6595
|
-
export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
|
|
6596
|
-
/**
|
|
6597
|
-
* HOC for class components
|
|
6598
|
-
*/
|
|
6599
|
-
export interface WithEuiThemeProps<P extends {} = {}> {
|
|
6600
|
-
theme: UseEuiTheme<P>;
|
|
6601
|
-
}
|
|
6602
|
-
export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
|
|
6603
|
-
/**
|
|
6604
|
-
* Render prop alternative for complex class components
|
|
6605
|
-
* Most useful for scenarios where a HOC may interfere with typing
|
|
6606
|
-
*/
|
|
6607
|
-
export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
|
|
6608
|
-
children: (theme: UseEuiTheme) => React.ReactElement;
|
|
6609
|
-
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
6610
|
-
/**
|
|
6611
|
-
* Minor syntactical sugar hook for theme CSS variables.
|
|
6612
|
-
* Primarily meant for internal EUI usage.
|
|
6613
|
-
*/
|
|
6614
|
-
export const useEuiThemeCSSVariables: () => {
|
|
6615
|
-
setGlobalCSSVariables: Function;
|
|
6616
|
-
globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
6617
|
-
setNearestThemeCSSVariables: Function;
|
|
6618
|
-
themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
6619
|
-
};
|
|
6464
|
+
*/
|
|
6465
|
+
export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
|
|
6466
|
+
[key: string]: any;
|
|
6467
|
+
colors: {
|
|
6468
|
+
body: string;
|
|
6469
|
+
};
|
|
6470
|
+
}) => string;
|
|
6620
6471
|
|
|
6621
6472
|
}
|
|
6622
|
-
declare module '@elastic/eui/src/services/
|
|
6623
|
-
|
|
6624
|
-
|
|
6625
|
-
export
|
|
6626
|
-
|
|
6627
|
-
|
|
6628
|
-
|
|
6629
|
-
|
|
6630
|
-
|
|
6631
|
-
|
|
6632
|
-
export
|
|
6633
|
-
export {};
|
|
6473
|
+
declare module '@elastic/eui/src/services/color' {
|
|
6474
|
+
export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
|
|
6475
|
+
export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
|
|
6476
|
+
export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
|
|
6477
|
+
export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
|
|
6478
|
+
export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
|
|
6479
|
+
export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
|
|
6480
|
+
export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
|
|
6481
|
+
export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
|
|
6482
|
+
export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
|
|
6483
|
+
export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
|
|
6484
|
+
export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
|
|
6485
|
+
export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
|
|
6486
|
+
export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteCool, euiPaletteWarm, euiPaletteGray, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color/eui_palettes';
|
|
6487
|
+
export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
|
|
6488
|
+
export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
|
|
6489
|
+
export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
|
|
6490
|
+
export * from '@elastic/eui/src/services/color/manipulation';
|
|
6491
|
+
export * from '@elastic/eui/src/services/color/contrast';
|
|
6634
6492
|
|
|
6635
6493
|
}
|
|
6636
|
-
declare module '@elastic/eui/src/services/
|
|
6637
|
-
|
|
6638
|
-
|
|
6639
|
-
|
|
6640
|
-
|
|
6641
|
-
|
|
6642
|
-
|
|
6643
|
-
|
|
6494
|
+
declare module '@elastic/eui/src/services/theme/provider' {
|
|
6495
|
+
import React, { PropsWithChildren, HTMLAttributes } from 'react';
|
|
6496
|
+
import type { CommonProps } from '@elastic/eui/src/components/common';
|
|
6497
|
+
import { EuiThemeColorMode, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
|
|
6498
|
+
export interface EuiThemeProviderProps<T> extends PropsWithChildren {
|
|
6499
|
+
theme?: EuiThemeSystem<T>;
|
|
6500
|
+
colorMode?: EuiThemeColorMode;
|
|
6501
|
+
modify?: EuiThemeModifications<T>;
|
|
6502
|
+
children: any;
|
|
6503
|
+
/**
|
|
6504
|
+
* Nested theme providers will receive a wrapping `span` tag in order to correctly
|
|
6505
|
+
* set the default text `color` that all nested children will inherit.
|
|
6506
|
+
*
|
|
6507
|
+
* If an extra wrapper is not desired, pass `{ cloneElement: true }`.
|
|
6508
|
+
* This requires a **single** child component that the correct color class can be passed to.
|
|
6509
|
+
*
|
|
6510
|
+
* The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
|
|
6511
|
+
* the default inherited text color will be set on the page `body`.
|
|
6512
|
+
*/
|
|
6513
|
+
wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
|
|
6514
|
+
cloneElement?: boolean;
|
|
6515
|
+
};
|
|
6516
|
+
}
|
|
6517
|
+
export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
|
|
6518
|
+
|
|
6519
|
+
}
|
|
6520
|
+
declare module '@elastic/eui/src/services/theme' {
|
|
6521
|
+
export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, } from '@elastic/eui/src/services/theme/context';
|
|
6522
|
+
export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
|
|
6523
|
+
export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, } from '@elastic/eui/src/services/theme/hooks';
|
|
6524
|
+
export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
|
|
6525
|
+
export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
|
|
6526
|
+
export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
|
|
6527
|
+
export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
|
|
6528
|
+
export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
|
|
6529
|
+
export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
|
|
6530
|
+
export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
|
|
6644
6531
|
|
|
6645
6532
|
}
|
|
6646
6533
|
declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
|
|
@@ -7079,8 +6966,9 @@ declare module '@elastic/eui/src/services' {
|
|
|
7079
6966
|
export { CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint, useIsWithinBreakpoints, useIsWithinMaxBreakpoint, useIsWithinMinBreakpoint, } from '@elastic/eui/src/services/breakpoint';
|
|
7080
6967
|
export type { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint';
|
|
7081
6968
|
export { CanvasTextUtils, type CanvasTextParams } from '@elastic/eui/src/services/canvas';
|
|
7082
|
-
export { brighten, calculateContrast, calculateLuminance, colorPalette, darken, DEFAULT_VISUALIZATION_COLOR, desaturate, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplementary, euiPaletteCool, euiPaletteForDarkBackground, euiPaletteForLightBackground, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteRed, euiPaletteGreen, euiPaletteWarm, getSteppedGradient, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, isColorDark, isValidHex, lightness, makeDisabledContrastColor, makeHighContrastColor, rgbToHex, rgbToHsv, saturate, shade, shadeOrTint, tint, tintOrShade, transparentize, VISUALIZATION_COLORS, EUI_VIS_COLOR_STORE, wcagContrastMin, } from '@elastic/eui/src/services/color';
|
|
6969
|
+
export { brighten, calculateContrast, calculateLuminance, colorPalette, darken, DEFAULT_VISUALIZATION_COLOR, desaturate, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplementary, euiPaletteCool, euiPaletteForDarkBackground, euiPaletteForLightBackground, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteRed, euiPaletteGreen, euiPaletteWarm, getSteppedGradient, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, isColorDark, isValidHex, lightness, makeDisabledContrastColor, makeHighContrastColor, rgbToHex, rgbToHsv, saturate, shade, shadeOrTint, tint, tintOrShade, transparentize, VISUALIZATION_COLORS, EUI_VIS_COLOR_STORE, wcagContrastMin, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color';
|
|
7083
6970
|
export type { HSV } from '@elastic/eui/src/services/color';
|
|
6971
|
+
export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
|
|
7084
6972
|
export { useColorPickerState, useColorStopsState } from '@elastic/eui/src/services/color_picker';
|
|
7085
6973
|
export type { EuiSetColorMethod } from '@elastic/eui/src/services/color_picker';
|
|
7086
6974
|
export * from '@elastic/eui/src/services/console';
|
|
@@ -9134,6 +9022,11 @@ declare module '@elastic/eui/src/components/form/field_text/field_text' {
|
|
|
9134
9022
|
*/
|
|
9135
9023
|
fullWidth?: boolean;
|
|
9136
9024
|
isLoading?: boolean;
|
|
9025
|
+
/**
|
|
9026
|
+
* Prevents user from changing input.
|
|
9027
|
+
*
|
|
9028
|
+
* Defaults to the value of `disabled` unless explicity defined otherwise.
|
|
9029
|
+
*/
|
|
9137
9030
|
readOnly?: boolean;
|
|
9138
9031
|
inputRef?: Ref<HTMLInputElement>;
|
|
9139
9032
|
/**
|
|
@@ -11591,13 +11484,13 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_button
|
|
|
11591
11484
|
* border indicators). Defaults to `center`, but consider using `start` for extremely
|
|
11592
11485
|
* tall content that scrolls off-screen
|
|
11593
11486
|
*/
|
|
11594
|
-
alignIndicator?: "center" | "
|
|
11487
|
+
alignIndicator?: "center" | "start" | "end" | undefined;
|
|
11595
11488
|
/**
|
|
11596
11489
|
* By default, EuiResizableButton will overlap into the panels before/after it.
|
|
11597
11490
|
* This can occasionally occlude interactive elements like scrollbars. To prevent
|
|
11598
11491
|
* this overlap, use this prop to remove the overlap for the specified side.
|
|
11599
11492
|
*/
|
|
11600
|
-
accountForScrollbars?: "
|
|
11493
|
+
accountForScrollbars?: "before" | "after" | "both" | undefined;
|
|
11601
11494
|
/**
|
|
11602
11495
|
* When disabled, the resizer button will be completely hidden
|
|
11603
11496
|
*/
|
|
@@ -12022,10 +11915,147 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
|
|
|
12022
11915
|
declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
|
|
12023
11916
|
export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
|
|
12024
11917
|
|
|
11918
|
+
}
|
|
11919
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
|
|
11920
|
+
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
11921
|
+
export const colorVis: _EuiThemeVisColors;
|
|
11922
|
+
|
|
11923
|
+
}
|
|
11924
|
+
declare module '@elastic/eui/src/themes/themes' {
|
|
11925
|
+
import { EuiThemeSystem } from '@elastic/eui/src/services';
|
|
11926
|
+
export interface EUI_THEME {
|
|
11927
|
+
text: string;
|
|
11928
|
+
value: string;
|
|
11929
|
+
provider?: EuiThemeSystem;
|
|
11930
|
+
}
|
|
11931
|
+
|
|
11932
|
+
}
|
|
11933
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
|
|
11934
|
+
import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
|
|
11935
|
+
export const brand_colors: _EuiThemeBrandColors;
|
|
11936
|
+
export const brand_text_colors: _EuiThemeBrandTextColors;
|
|
11937
|
+
export const shade_colors: _EuiThemeShadeColors;
|
|
11938
|
+
export const special_colors: _EuiThemeSpecialColors;
|
|
11939
|
+
export const text_colors: _EuiThemeTextColors;
|
|
11940
|
+
export const background_colors: _EuiThemeBackgroundColors;
|
|
11941
|
+
export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
11942
|
+
export const border_colors: _EuiThemeBorderColors;
|
|
11943
|
+
export const light_colors: _EuiThemeColorsMode;
|
|
11944
|
+
export const dark_shades: _EuiThemeShadeColors;
|
|
11945
|
+
export const dark_background_colors: _EuiThemeBackgroundColors;
|
|
11946
|
+
export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
11947
|
+
export const dark_border_colors: _EuiThemeBorderColors;
|
|
11948
|
+
export const dark_colors_ams: _EuiThemeColorsMode;
|
|
11949
|
+
export const colors: _EuiThemeColors;
|
|
11950
|
+
|
|
11951
|
+
}
|
|
11952
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
|
|
11953
|
+
import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
|
|
11954
|
+
export const animation_speed: _EuiThemeAnimationSpeeds;
|
|
11955
|
+
export const animation_ease: _EuiThemeAnimationEasings;
|
|
11956
|
+
export const animation: _EuiThemeAnimation;
|
|
11957
|
+
|
|
11958
|
+
}
|
|
11959
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
|
|
11960
|
+
import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables';
|
|
11961
|
+
export const breakpoint: _EuiThemeBreakpoints;
|
|
11962
|
+
|
|
11963
|
+
}
|
|
11964
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
|
|
11965
|
+
import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
|
|
11966
|
+
export const base: _EuiThemeBase;
|
|
11967
|
+
export const size: _EuiThemeSizes;
|
|
11968
|
+
|
|
11969
|
+
}
|
|
11970
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
|
|
11971
|
+
import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
|
|
11972
|
+
export const border: _EuiThemeBorder;
|
|
11973
|
+
|
|
11974
|
+
}
|
|
11975
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
|
|
11976
|
+
import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
|
|
11977
|
+
export const levels: _EuiThemeLevels;
|
|
11978
|
+
|
|
11979
|
+
}
|
|
11980
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
|
|
11981
|
+
import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
|
|
11982
|
+
export const fontScale: _EuiThemeFontScales;
|
|
11983
|
+
export const fontBase: _EuiThemeFontBase;
|
|
11984
|
+
export const fontWeight: _EuiThemeFontWeights;
|
|
11985
|
+
export const font: _EuiThemeFont;
|
|
11986
|
+
|
|
11987
|
+
}
|
|
11988
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
|
|
11989
|
+
import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
|
|
11990
|
+
export const focus: _EuiThemeFocus;
|
|
11991
|
+
|
|
11992
|
+
}
|
|
11993
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
|
|
11994
|
+
import { _EuiThemeButton } from '@elastic/eui-theme-common';
|
|
11995
|
+
export const buttons: _EuiThemeButton;
|
|
11996
|
+
|
|
11997
|
+
}
|
|
11998
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
|
|
11999
|
+
export const forms: {
|
|
12000
|
+
maxWidth: string;
|
|
12001
|
+
LIGHT: {
|
|
12002
|
+
background: string;
|
|
12003
|
+
backgroundDisabled: string;
|
|
12004
|
+
backgroundReadOnly: any;
|
|
12005
|
+
backgroundFocused: any;
|
|
12006
|
+
backgroundAutofilled: string;
|
|
12007
|
+
prependBackground: string;
|
|
12008
|
+
border: string;
|
|
12009
|
+
borderAutofilled: string;
|
|
12010
|
+
controlBorder: string;
|
|
12011
|
+
controlBorderSelected: string;
|
|
12012
|
+
controlBorderDisabled: string;
|
|
12013
|
+
controlBackgroundUnselected: any;
|
|
12014
|
+
controlBackgroundDisabled: any;
|
|
12015
|
+
colorHasPlaceholder: string;
|
|
12016
|
+
colorDisabled: any;
|
|
12017
|
+
iconDisabled: any;
|
|
12018
|
+
};
|
|
12019
|
+
DARK: {
|
|
12020
|
+
background: string;
|
|
12021
|
+
backgroundFocused: string;
|
|
12022
|
+
backgroundAutofilled: string;
|
|
12023
|
+
prependBackground: string;
|
|
12024
|
+
border: string;
|
|
12025
|
+
controlBorder: string;
|
|
12026
|
+
controlBorderSelected: string;
|
|
12027
|
+
controlBorderDisabled: string;
|
|
12028
|
+
backgroundDisabled: string;
|
|
12029
|
+
backgroundReadOnly: any;
|
|
12030
|
+
borderAutofilled: string;
|
|
12031
|
+
controlBackgroundUnselected: any;
|
|
12032
|
+
controlBackgroundDisabled: any;
|
|
12033
|
+
colorHasPlaceholder: string;
|
|
12034
|
+
colorDisabled: any;
|
|
12035
|
+
iconDisabled: any;
|
|
12036
|
+
};
|
|
12037
|
+
};
|
|
12038
|
+
|
|
12039
|
+
}
|
|
12040
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
|
|
12041
|
+
import { _EuiThemeComponents } from '@elastic/eui-theme-common';
|
|
12042
|
+
export const components: _EuiThemeComponents;
|
|
12043
|
+
|
|
12044
|
+
}
|
|
12045
|
+
declare module '@elastic/eui/src/themes/amsterdam/theme' {
|
|
12046
|
+
import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
|
|
12047
|
+
export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
|
|
12048
|
+
export const euiThemeAmsterdam: EuiThemeShape;
|
|
12049
|
+
export const EuiThemeAmsterdam: {
|
|
12050
|
+
model: EuiThemeShape;
|
|
12051
|
+
root: EuiThemeShape;
|
|
12052
|
+
key: string;
|
|
12053
|
+
};
|
|
12054
|
+
|
|
12025
12055
|
}
|
|
12026
12056
|
declare module '@elastic/eui/src/themes' {
|
|
12057
|
+
export { colorVis } from '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis';
|
|
12027
12058
|
export type { EUI_THEME } from '@elastic/eui/src/themes/themes';
|
|
12028
|
-
export { EUI_THEMES, isDefaultTheme, isExperimentalThemeEnabled, } from '@elastic/eui/src/themes/themes';
|
|
12029
12059
|
export { AMSTERDAM_NAME_KEY, EuiThemeAmsterdam } from '@elastic/eui/src/themes/amsterdam/theme';
|
|
12030
12060
|
export * from '@elastic/eui/src/themes/amsterdam';
|
|
12031
12061
|
|
|
@@ -13045,7 +13075,7 @@ declare module '@elastic/eui/src/components/combo_box/utils' {
|
|
|
13045
13075
|
} & {
|
|
13046
13076
|
option?: EuiComboBoxOptionOption<T> | undefined;
|
|
13047
13077
|
classNamePrefix?: string | undefined;
|
|
13048
|
-
marginSize?: "s" | "
|
|
13078
|
+
marginSize?: "s" | "xxs" | "xs" | undefined;
|
|
13049
13079
|
}) => React.JSX.Element;
|
|
13050
13080
|
|
|
13051
13081
|
}
|
|
@@ -13898,7 +13928,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
|
|
|
13898
13928
|
/**
|
|
13899
13929
|
* Height types
|
|
13900
13930
|
*/
|
|
13901
|
-
getHeightType: (option?: EuiDataGridRowHeightOption | undefined) => "
|
|
13931
|
+
getHeightType: (option?: EuiDataGridRowHeightOption | undefined) => "auto" | "default" | "lineCount" | "numerical";
|
|
13902
13932
|
/**
|
|
13903
13933
|
* Line count utils
|
|
13904
13934
|
*/
|
|
@@ -17632,7 +17662,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
|
|
|
17632
17662
|
declare module '@elastic/eui/src/components/date_picker/super_date_picker/pretty_interval' {
|
|
17633
17663
|
export const usePrettyInterval: (isPaused: boolean, intervalInMs: number, options?: {
|
|
17634
17664
|
shortHand?: boolean | undefined;
|
|
17635
|
-
unit?: "s" | "
|
|
17665
|
+
unit?: "s" | "m" | "h" | "d" | undefined;
|
|
17636
17666
|
} | undefined) => string;
|
|
17637
17667
|
|
|
17638
17668
|
}
|
|
@@ -20918,7 +20948,7 @@ declare module '@elastic/eui/src/components/provider/provider' {
|
|
|
20918
20948
|
import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
|
|
20919
20949
|
export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'modify'> {
|
|
20920
20950
|
/**
|
|
20921
|
-
* Provide a specific EuiTheme; Defaults to
|
|
20951
|
+
* Provide a specific EuiTheme; Defaults to EuiThemeBorealis;
|
|
20922
20952
|
* Pass `null` to remove all theming including global reset
|
|
20923
20953
|
*/
|
|
20924
20954
|
theme?: EuiThemeSystem | null;
|
|
@@ -22170,13 +22200,13 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
22170
22200
|
slot?: string | undefined;
|
|
22171
22201
|
style?: React.CSSProperties | undefined;
|
|
22172
22202
|
title?: string | undefined;
|
|
22203
|
+
width: number | undefined;
|
|
22173
22204
|
color?: string | undefined;
|
|
22174
22205
|
content?: string | undefined;
|
|
22175
|
-
translate?: "yes" | "no" | undefined;
|
|
22176
|
-
width: number | undefined;
|
|
22177
|
-
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
22178
22206
|
hidden?: boolean | undefined;
|
|
22179
|
-
|
|
22207
|
+
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
22208
|
+
translate?: "yes" | "no" | undefined;
|
|
22209
|
+
property?: string | undefined;
|
|
22180
22210
|
className?: string | undefined;
|
|
22181
22211
|
defaultChecked?: boolean | undefined;
|
|
22182
22212
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -22198,7 +22228,6 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
22198
22228
|
about?: string | undefined;
|
|
22199
22229
|
datatype?: string | undefined;
|
|
22200
22230
|
inlist?: any;
|
|
22201
|
-
property?: string | undefined;
|
|
22202
22231
|
rel?: string | undefined;
|
|
22203
22232
|
resource?: string | undefined;
|
|
22204
22233
|
rev?: string | undefined;
|
|
@@ -22219,27 +22248,27 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
22219
22248
|
is?: string | undefined;
|
|
22220
22249
|
"aria-activedescendant"?: string | undefined;
|
|
22221
22250
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
22222
|
-
"aria-autocomplete"?: "
|
|
22251
|
+
"aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
|
|
22223
22252
|
"aria-braillelabel"?: string | undefined;
|
|
22224
22253
|
"aria-brailleroledescription"?: string | undefined;
|
|
22225
22254
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
22226
|
-
"aria-checked"?: boolean | "true" | "
|
|
22255
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
22227
22256
|
"aria-colcount"?: number | undefined;
|
|
22228
22257
|
"aria-colindex"?: number | undefined;
|
|
22229
22258
|
"aria-colindextext"?: string | undefined;
|
|
22230
22259
|
"aria-colspan"?: number | undefined;
|
|
22231
22260
|
"aria-controls"?: string | undefined;
|
|
22232
|
-
"aria-current"?: boolean | "time" | "true" | "
|
|
22261
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
22233
22262
|
"aria-describedby"?: string | undefined;
|
|
22234
22263
|
"aria-description"?: string | undefined;
|
|
22235
22264
|
"aria-details"?: string | undefined;
|
|
22236
22265
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
22237
|
-
"aria-dropeffect"?: "link" | "
|
|
22266
|
+
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
22238
22267
|
"aria-errormessage"?: string | undefined;
|
|
22239
22268
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
22240
22269
|
"aria-flowto"?: string | undefined;
|
|
22241
22270
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
22242
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "
|
|
22271
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
|
|
22243
22272
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
22244
22273
|
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
22245
22274
|
"aria-keyshortcuts"?: string | undefined;
|
|
@@ -22254,7 +22283,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
22254
22283
|
"aria-owns"?: string | undefined;
|
|
22255
22284
|
"aria-placeholder"?: string | undefined;
|
|
22256
22285
|
"aria-posinset"?: number | undefined;
|
|
22257
|
-
"aria-pressed"?: boolean | "true" | "
|
|
22286
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
22258
22287
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
22259
22288
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
22260
22289
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
@@ -22434,7 +22463,8 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
22434
22463
|
onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
22435
22464
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
22436
22465
|
'data-test-subj'?: string | undefined;
|
|
22437
|
-
|
|
22466
|
+
ellipsis?: string | undefined;
|
|
22467
|
+
truncation?: "start" | "end" | "middle" | "startEnd" | undefined;
|
|
22438
22468
|
truncationOffset?: number | undefined;
|
|
22439
22469
|
truncationPosition?: number | undefined;
|
|
22440
22470
|
calculationDelayMs?: number | undefined;
|
|
@@ -29071,6 +29101,17 @@ declare module '@elastic/eui/src/components/icon/assets/playFilled' {
|
|
|
29071
29101
|
export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
|
|
29072
29102
|
export {};
|
|
29073
29103
|
|
|
29104
|
+
}
|
|
29105
|
+
declare module '@elastic/eui/src/components/icon/assets/plugs' {
|
|
29106
|
+
import * as React from 'react';
|
|
29107
|
+
import type { SVGProps } from 'react';
|
|
29108
|
+
interface SVGRProps {
|
|
29109
|
+
title?: string;
|
|
29110
|
+
titleId?: string;
|
|
29111
|
+
}
|
|
29112
|
+
export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
|
|
29113
|
+
export {};
|
|
29114
|
+
|
|
29074
29115
|
}
|
|
29075
29116
|
declare module '@elastic/eui/src/components/icon/assets/plus' {
|
|
29076
29117
|
import * as React from 'react';
|
|
@@ -30721,6 +30762,17 @@ declare module '@elastic/eui/src/components/icon/assets/warningFilled' {
|
|
|
30721
30762
|
export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
|
|
30722
30763
|
export {};
|
|
30723
30764
|
|
|
30765
|
+
}
|
|
30766
|
+
declare module '@elastic/eui/src/components/icon/assets/web' {
|
|
30767
|
+
import * as React from 'react';
|
|
30768
|
+
import type { SVGProps } from 'react';
|
|
30769
|
+
interface SVGRProps {
|
|
30770
|
+
title?: string;
|
|
30771
|
+
titleId?: string;
|
|
30772
|
+
}
|
|
30773
|
+
export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
|
|
30774
|
+
export {};
|
|
30775
|
+
|
|
30724
30776
|
}
|
|
30725
30777
|
declare module '@elastic/eui/src/components/icon/assets/wordWrap' {
|
|
30726
30778
|
import * as React from 'react';
|
|
@@ -30834,6 +30886,10 @@ declare module 'text-diff' {
|
|
|
30834
30886
|
}
|
|
30835
30887
|
export = Diff;
|
|
30836
30888
|
}
|
|
30889
|
+
declare module '@elastic/eui/src/global_styling/variables/_colors_vis' {
|
|
30890
|
+
export { colorVis } from '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis';
|
|
30891
|
+
|
|
30892
|
+
}
|
|
30837
30893
|
// TODO: remove once exported by package itself
|
|
30838
30894
|
// https://github.com/oblador/loki/pull/516
|
|
30839
30895
|
declare module '@loki/create-async-callback' {
|