@elastic/eui 92.2.0 → 93.0.0

package/eui.d.ts

@@ -1096,6 +1096,17 @@ declare module '@elastic/eui/src/global_styling/mixins/_color' {
 	    warning: import("@emotion/utils").SerializedStyles;
 	    danger: import("@emotion/utils").SerializedStyles;
 	};
+	export const euiBorderColor: ({ euiTheme, colorMode }: UseEuiTheme, color: _EuiBackgroundColor) => string;
+	export const useEuiBorderColorCSS: () => {
+	    transparent: import("@emotion/utils").SerializedStyles;
+	    plain: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    accent: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    success: import("@emotion/utils").SerializedStyles;
+	    warning: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
+	};
 
 }
 declare module '@elastic/eui/src/global_styling/functions/logicals' {
@@ -5266,7 +5277,7 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_item.style
 declare module '@elastic/eui/src/components/context_menu/context_menu_item' {
 	import React, { PropsWithChildren, ButtonHTMLAttributes, FunctionComponent, ReactElement, ReactNode, Ref } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiToolTipProps, ToolTipPositions } from '@elastic/eui/src/components/tool_tip';
+	import { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip';
 	export type EuiContextMenuItemIcon = ReactElement<any> | string | HTMLElement;
 	export type EuiContextMenuItemLayoutAlignment = 'center' | 'top' | 'bottom';
 	export const SIZES: readonly ["s", "m"];
@@ -5285,14 +5296,6 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_item' {
 	     * Accepts any prop that EuiToolTip does, except for `content` and `children`.
 	     */
 	    toolTipProps?: Partial<Omit<EuiToolTipProps, 'content' | 'children'>>;
-	    /**
-	     * @deprecated Use toolTipProps.title instead
-	     */
-	    toolTipTitle?: ReactNode;
-	    /**
-	     * @deprecated Use tooltipProps.position instead
-	     */
-	    toolTipPosition?: ToolTipPositions;
 	    href?: string;
 	    target?: string;
 	    rel?: string;
@@ -6541,12 +6544,6 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	export const popoverAnchorPosition: readonly ["upCenter", "upLeft", "upRight", "downCenter", "downLeft", "downRight", "leftCenter", "leftUp", "leftDown", "rightCenter", "rightUp", "rightDown"];
 	export type PopoverAnchorPosition = (typeof popoverAnchorPosition)[number];
 	export interface EuiPopoverProps extends PropsWithChildren, CommonProps {
-	    /**
-	     * Class name passed to the direct parent of the button
-	     *
-	     * @deprecated Use `className` instead
-	     */
-	    anchorClassName?: string;
 	    /**
 	     * Alignment of the popover and arrow relative to the button
 	     */
@@ -6560,10 +6557,6 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	     * Triggering element for which to align the popover to
 	     */
 	    button: NonNullable<ReactNode>;
-	    /**
-	     * @deprecated Use `popoverRef` instead
-	     */
-	    buttonRef?: RefCallback<HTMLDivElement>;
 	    /**
 	     * Callback to handle hiding of the popover
 	     */
@@ -10198,8 +10191,7 @@ declare module '@elastic/eui/src/components/code/utils' {
 
 }
 declare module '@elastic/eui/src/components/code/code_syntax.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiCodeSyntaxColors: (euiThemeContext: UseEuiTheme) => {
+	export const useEuiCodeSyntaxVariables: () => {
 	    backgroundColor: string;
 	    color: string;
 	    inlineCodeColor: string;
@@ -10223,13 +10215,15 @@ declare module '@elastic/eui/src/components/code/code_syntax.styles' {
 	    deletionColor: string;
 	    selectorClassColor: string;
 	    selectorIdColor: string;
+	    readonly tokensCss: string;
 	};
-	export const euiCodeSyntaxTokens: (euiThemeContext: UseEuiTheme) => string;
+	export type UseEuiCodeSyntaxVariables = ReturnType<typeof useEuiCodeSyntaxVariables>;
 
 }
 declare module '@elastic/eui/src/components/code/code.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiCodeStyles: (euiThemeContext: UseEuiTheme) => {
+	import { UseEuiCodeSyntaxVariables } from '@elastic/eui/src/components/code/code_syntax.styles';
+	export const euiCodeStyles: (euiThemeContext: UseEuiTheme, euiCodeSyntaxVariables: UseEuiCodeSyntaxVariables) => {
 	    euiCode: import("@emotion/utils").SerializedStyles;
 	    transparentBackground: import("@emotion/utils").SerializedStyles;
 	};
@@ -10360,7 +10354,8 @@ declare module '@elastic/eui/src/components/overlay_mask' {
 }
 declare module '@elastic/eui/src/components/code/code_block.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiCodeBlockStyles: (euiThemeContext: UseEuiTheme) => {
+	import { UseEuiCodeSyntaxVariables } from '@elastic/eui/src/components/code/code_syntax.styles';
+	export const euiCodeBlockStyles: (euiThemeContext: UseEuiTheme, euiCodeSyntaxVariables: UseEuiCodeSyntaxVariables) => {
 	    euiCodeBlock: import("@emotion/utils").SerializedStyles;
 	    s: import("@emotion/utils").SerializedStyles;
 	    m: import("@emotion/utils").SerializedStyles;
@@ -10414,7 +10409,7 @@ declare module '@elastic/eui/src/components/code/code_block.styles' {
 	        };
 	    };
 	};
-	export const euiCodeBlockCodeStyles: (euiThemeContext: UseEuiTheme) => {
+	export const euiCodeBlockCodeStyles: (euiThemeContext: UseEuiTheme, euiCodeSyntaxVariables: UseEuiCodeSyntaxVariables) => {
 	    euiCodeBlock__code: import("@emotion/utils").SerializedStyles;
 	    isVirtualized: import("@emotion/utils").SerializedStyles;
 	};
@@ -10440,7 +10435,8 @@ declare module '@elastic/eui/src/components/code/code_block_full_screen' {
 }
 declare module '@elastic/eui/src/components/code/code_block_controls.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiCodeBlockControlsStyles: (euiThemeContext: UseEuiTheme) => {
+	import { UseEuiCodeSyntaxVariables } from '@elastic/eui/src/components/code/code_syntax.styles';
+	export const euiCodeBlockControlsStyles: (euiThemeContext: UseEuiTheme, euiCodeSyntaxVariables: UseEuiCodeSyntaxVariables) => {
 	    euiCodeBlock__controls: import("@emotion/utils").SerializedStyles;
 	    offset: {
 	        none: import("@emotion/utils").SerializedStyles;
@@ -12737,16 +12733,6 @@ declare module '@elastic/eui/src/components/timeline' {
 }
 declare module '@elastic/eui/src/components/comment_list/comment_event.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiCommentEventBorderColors: ({ euiTheme, colorMode, }: UseEuiTheme) => {
-	    warning: import("@emotion/utils").SerializedStyles;
-	    accent: import("@emotion/utils").SerializedStyles;
-	    primary: import("@emotion/utils").SerializedStyles;
-	    success: import("@emotion/utils").SerializedStyles;
-	    danger: import("@emotion/utils").SerializedStyles;
-	    subdued: import("@emotion/utils").SerializedStyles;
-	    transparent: import("@emotion/utils").SerializedStyles;
-	    plain: import("@emotion/utils").SerializedStyles;
-	};
 	export const euiCommentEventStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiCommentEvent: import("@emotion/utils").SerializedStyles;
 	    border: import("@emotion/utils").SerializedStyles;
@@ -16689,6 +16675,61 @@ declare module '@elastic/eui/src/components/delay_render' {
 	export type { EuiDelayRenderProps } from '@elastic/eui/src/components/delay_render/delay_render';
 	export { EuiDelayRender } from '@elastic/eui/src/components/delay_render/delay_render';
 
+}
+declare module '@elastic/eui/src/components/empty_prompt/empty_prompt.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiEmptyPromptStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiEmptyPrompt: import("@emotion/utils").SerializedStyles;
+	    vertical: import("@emotion/utils").SerializedStyles;
+	    horizontal: import("@emotion/utils").SerializedStyles;
+	    main: {
+	        horizontalPadding: {
+	            none: null;
+	            s: import("@emotion/utils").SerializedStyles;
+	            m: import("@emotion/utils").SerializedStyles;
+	            l: import("@emotion/utils").SerializedStyles;
+	        };
+	        none: null;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	        euiEmptyPrompt__main: import("@emotion/utils").SerializedStyles;
+	        vertical: import("@emotion/utils").SerializedStyles;
+	        horizontal: import("@emotion/utils").SerializedStyles;
+	    };
+	    content: {
+	        euiEmptyPrompt__content: import("@emotion/utils").SerializedStyles;
+	        vertical: import("@emotion/utils").SerializedStyles;
+	        horizontal: import("@emotion/utils").SerializedStyles;
+	    };
+	    icon: {
+	        euiEmptyPrompt__icon: import("@emotion/utils").SerializedStyles;
+	        vertical: import("@emotion/utils").SerializedStyles;
+	        horizontal: import("@emotion/utils").SerializedStyles;
+	    };
+	    actions: {
+	        euiEmptyPrompt__actions: import("@emotion/utils").SerializedStyles;
+	        vertical: import("@emotion/utils").SerializedStyles;
+	        horizontal: import("@emotion/utils").SerializedStyles;
+	    };
+	    footer: {
+	        none: null;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	        euiEmptyPrompt__footer: import("@emotion/utils").SerializedStyles;
+	        roundedBorders: import("@emotion/utils").SerializedStyles;
+	        transparent: import("@emotion/utils").SerializedStyles;
+	        plain: import("@emotion/utils").SerializedStyles;
+	        subdued: import("@emotion/utils").SerializedStyles;
+	        primary: import("@emotion/utils").SerializedStyles;
+	        accent: import("@emotion/utils").SerializedStyles;
+	        danger: import("@emotion/utils").SerializedStyles;
+	        warning: import("@emotion/utils").SerializedStyles;
+	        success: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+
 }
 declare module '@elastic/eui/src/components/empty_prompt/empty_prompt' {
 	import { FunctionComponent, ReactElement, ReactNode } from 'react';
@@ -16696,7 +16737,7 @@ declare module '@elastic/eui/src/components/empty_prompt/empty_prompt' {
 	import { EuiTitleSize } from '@elastic/eui/src/components/title';
 	import { IconColor, IconType } from '@elastic/eui/src/components/icon';
 	import { _EuiPanelDivlike } from '@elastic/eui/src/components/panel/panel';
-	export const PADDING_SIZES: ("s" | "m" | "l" | "none")[];
+	export const PADDING_SIZES: readonly ["none", "s", "m", "l"];
 	export type PaddingSize = (typeof PADDING_SIZES)[number];
 	export type EuiEmptyPromptProps = CommonProps & Omit<_EuiPanelDivlike, 'borderRadius' | 'grow' | 'panelRef' | 'paddingSize' | 'title' | 'element'> & {
 	    iconType?: IconType;
@@ -21253,6 +21294,12 @@ declare module '@elastic/eui/src/components/search_bar/search_filters' {
 	    render(): React.JSX.Element;
 	}
 
+}
+declare module '@elastic/eui/src/components/search_bar/search_bar.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiSearchBar__searchHolder: (euiThemeContext: UseEuiTheme) => import("@emotion/utils").SerializedStyles;
+	export const euiSearchBar__filtersHolder: (euiThemeContext: UseEuiTheme) => import("@emotion/utils").SerializedStyles;
+
 }
 declare module '@elastic/eui/src/components/search_bar/search_bar' {
 	import React, { Component, ReactElement } from 'react';
@@ -21843,6 +21890,24 @@ declare module '@elastic/eui/src/components/steps' {
 	export type { EuiStepStatus, EuiStepNumberProps } from '@elastic/eui/src/components/steps/step_number';
 	export { EuiStepNumber } from '@elastic/eui/src/components/steps/step_number';
 
+}
+declare module '@elastic/eui/src/components/tour/_tour_header.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiTourHeaderStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiTourHeader: import("@emotion/utils").SerializedStyles;
+	    euiTourHeader__title: import("@emotion/utils").SerializedStyles;
+	    euiTourHeader__subtitle: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/tour/_tour_header' {
+	import { FunctionComponent } from 'react';
+	import type { EuiTourStepProps } from '@elastic/eui/src/components/tour/tour_step'; type EuiTourHeaderProps = {
+	    id: string;
+	} & Pick<EuiTourStepProps, 'title' | 'subtitle'>;
+	export const EuiTourHeader: FunctionComponent<EuiTourHeaderProps>;
+	export {};
+
 }
 declare module '@elastic/eui/src/components/tour/tour_step_indicator' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
@@ -21854,10 +21919,25 @@ declare module '@elastic/eui/src/components/tour/tour_step_indicator' {
 	}
 	export const EuiTourStepIndicator: FunctionComponent<EuiTourStepIndicatorProps>;
 
+}
+declare module '@elastic/eui/src/components/tour/_tour_footer.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const _tourFooterBgColor: ({ colorMode, euiTheme }: UseEuiTheme) => string;
+	export const euiTourFooterStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiTourFooter: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/tour/_tour_footer' {
+	import { FunctionComponent } from 'react';
+	import type { EuiTourStepProps } from '@elastic/eui/src/components/tour/tour_step'; type EuiTourFooterProps = Pick<EuiTourStepProps, 'footerAction' | 'step' | 'stepsTotal' | 'onFinish'>;
+	export const EuiTourFooter: FunctionComponent<EuiTourFooterProps>;
+	export {};
+
 }
 declare module '@elastic/eui/src/components/tour/tour.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiTourStyles: ({ euiTheme, colorMode }: UseEuiTheme) => {
+	export const euiTourStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiTour: import("@emotion/utils").SerializedStyles;
 	};
 	export const euiTourBeaconStyles: ({ euiTheme }: UseEuiTheme) => {
@@ -21868,21 +21948,13 @@ declare module '@elastic/eui/src/components/tour/tour.styles' {
 	    top: import("@emotion/utils").SerializedStyles;
 	    bottom: import("@emotion/utils").SerializedStyles;
 	};
-	export const euiTourHeaderStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiTourHeader: import("@emotion/utils").SerializedStyles;
-	    euiTourHeader__title: import("@emotion/utils").SerializedStyles;
-	    euiTourHeader__subtitle: import("@emotion/utils").SerializedStyles;
-	};
-	export const euiTourFooterStyles: ({ euiTheme, colorMode }: UseEuiTheme) => {
-	    euiTourFooter: import("@emotion/utils").SerializedStyles;
-	};
 
 }
 declare module '@elastic/eui/src/components/tour/tour_step' {
-	import { CSSProperties, FunctionComponent, ReactElement, ReactNode } from 'react';
+	import { CSSProperties, HTMLAttributes, FunctionComponent, ReactElement, ReactNode } from 'react';
 	import { CommonProps, ExclusiveUnion, NoArgCallback } from '@elastic/eui/src/components/common';
 	import { EuiPopoverProps } from '@elastic/eui/src/components/popover';
-	import { ElementTarget } from '@elastic/eui/src/services'; type PopoverOverrides = 'button' | 'closePopover'; type EuiPopoverPartials = Partial<Pick<EuiPopoverProps, 'closePopover'>>;
+	import { ElementTarget } from '@elastic/eui/src/services'; type _EuiPopoverProps = EuiPopoverProps & Omit<HTMLAttributes<HTMLDivElement>, 'content' | 'title' | 'step'>; type _PopoverOverrides = 'button' | 'closePopover'; type _PopoverPartials = 'closePopover'; type ExtendedEuiPopoverProps = Omit<_EuiPopoverProps, _PopoverOverrides> & Partial<Pick<EuiPopoverProps, _PopoverPartials>>;
 	export type EuiTourStepAnchorProps = ExclusiveUnion<{
 	    /**
 	     * Element to which the tour step popover attaches when open
@@ -21896,7 +21968,7 @@ declare module '@elastic/eui/src/components/tour/tour_step' {
 	    children?: never;
 	    anchor: ElementTarget;
 	}>;
-	export type EuiTourStepProps = CommonProps & Omit<EuiPopoverProps, PopoverOverrides> & EuiPopoverPartials & EuiTourStepAnchorProps & {
+	export type EuiTourStepProps = CommonProps & ExtendedEuiPopoverProps & EuiTourStepAnchorProps & {
 	    /**
 	     * Contents of the tour step popover
 	     */
@@ -21925,10 +21997,6 @@ declare module '@elastic/eui/src/components/tour/tour_step' {
 	     * The total number of steps in the tour
 	     */
 	    stepsTotal: number;
-	    /**
-	     * Optional, standard DOM `style` attribute. Passed to the EuiPopover panel.
-	     */
-	    style?: CSSProperties;
 	    /**
 	     * Smaller title text that appears atop each step in the tour. The subtitle gets wrapped in the appropriate heading level.
 	     */
@@ -22519,10 +22587,6 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	    get pageSize(): number;
 	    get isSelectionControlled(): boolean;
 	    getInitialSelection(): void;
-	    /**
-	     * @deprecated Use `selection.selected` instead to declaratively control table selection
-	     */
-	    setSelection(newSelection: T[]): void;
 	    buildCriteria(props: EuiBasicTableProps<T>): Criteria<T>;
 	    changeSelection(changedSelection: T[]): void;
 	    clearSelection(): void;
@@ -22558,7 +22622,7 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 }
 declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	import React, { Component, ReactNode } from 'react';
-	import { EuiBasicTable, Criteria, EuiBasicTableProps, CriteriaWithPagination } from '@elastic/eui/src/components/basic_table/basic_table';
+	import { Criteria, EuiBasicTableProps, CriteriaWithPagination } from '@elastic/eui/src/components/basic_table/basic_table';
 	import { PropertySort } from '@elastic/eui/src/services';
 	import { Direction } from '@elastic/eui/src/services/sort';
 	import { EuiSearchBarProps, Query, SchemaType } from '@elastic/eui/src/components/search_bar/search_bar';
@@ -22663,10 +22727,8 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	        tableLayout: string;
 	        searchFormat: string;
 	    };
-	    tableRef: React.RefObject<EuiBasicTable>;
 	    static getDerivedStateFromProps<T extends object>(nextProps: EuiInMemoryTableProps<T>, prevState: State<T>): State<T> | null;
 	    constructor(props: EuiInMemoryTableProps<T>, context: EuiComponentDefaults);
-	    setSelection(newSelection: T[]): void;
 	    onTableChange: ({ page, sort }: Criteria<T>) => void;
 	    onQueryChange: ({ query, queryText, error }: onChangeArgument) => void;
 	    onPlainTextSearch: (searchValue: string) => void;
@@ -28515,9 +28577,6 @@ declare module '@elastic/eui' {
 "euiComboBoxOptionsList.noAvailableOptions": any;
 "euiComboBoxOptionsList.allOptionsSelected": any;
 "euiComboBox.listboxAriaLabel": any;
-"euiContext.stories.name": any;
-"euiContext.stories.greeting": any;
-"euiContext.stories.guestNo": any;
 "euiDataGridCellActions.expandButtonTitle": any;
 "euiDataGridCell.position": any;
 "euiDataGridCell.expansionEnterPrompt": any;
@@ -28838,13 +28897,13 @@ declare module '@elastic/eui' {
 "euiToast.dismissToast": any;
 "euiToast.newNotification": any;
 "euiToast.notification": any;
+"euiTourFooter.endTour": any;
+"euiTourFooter.skipTour": any;
+"euiTourFooter.closeTour": any;
 "euiTourStepIndicator.isActive": any;
 "euiTourStepIndicator.isComplete": any;
 "euiTourStepIndicator.isIncomplete": any;
 "euiTourStepIndicator.ariaLabel": any;
-"euiTourStep.endTour": any;
-"euiTourStep.skipTour": any;
-"euiTourStep.closeTour": any;
 "euiTreeView.listNavigationInstructions": any;
 "euiTreeView.ariaLabel": any;
   }