@elastic/eui 90.0.0 → 91.0.0

package/eui.d.ts

@@ -942,11 +942,6 @@ declare module '@elastic/eui/src/services/color/eui_palettes' {
 	export const euiPaletteForStatus: (steps: number) => EuiPalette;
 	export const euiPaletteForTemperature: (steps: number) => EuiPalette;
 	export const euiPaletteComplementary: (steps: number) => EuiPalette;
-	/**
-	 * The old typo'd name for this palette remains exported until the end of its deprecation period
-	 * @deprecated Use euiPaletteComplementary instead
-	 */
-	export const euiPaletteComplimentary: (steps: number) => EuiPalette;
 	export const euiPaletteNegative: (steps: number) => EuiPalette;
 	export const euiPalettePositive: (steps: number) => EuiPalette;
 	export const euiPaletteCool: (steps: number) => EuiPalette;
@@ -2822,6 +2817,7 @@ declare module '@elastic/eui/src/components/i18n/i18n' {
 	    tokens: string[];
 	    defaults: T;
 	    children: (x: Array<T[number]>) => ReactChild;
+	    values?: Record<string, ReactChild>;
 	}
 	export type EuiI18nProps<T, DEFAULT extends Renderable<T>, DEFAULTS extends any[]> = ExclusiveUnion<I18nTokenShape<T, DEFAULT>, I18nTokensShape<DEFAULTS>>; const EuiI18n: <T extends {}, DEFAULT extends Renderable<T>, DEFAULTS extends any[]>(props: (import ("@elastic/eui/src/components/common").DisambiguateSet<I18nTokenShape<T, DEFAULT>, I18nTokensShape<DEFAULTS>> & I18nTokensShape<DEFAULTS>) | (import ("@elastic/eui/src/components/common").DisambiguateSet<I18nTokensShape<DEFAULTS>, I18nTokenShape<T, DEFAULT>> & I18nTokenShape<T, DEFAULT>)) => React.JSX.Element; type DefaultRenderType<T, K extends Renderable<T>> = K extends ReactChild ? K : K extends () => infer RetValue ? RetValue : never; type DefaultsRenderType<K extends Array<string | ReactElement>> = K extends Array<infer Item> ? Item : never; function useEuiI18n<T extends {}, DEFAULT extends Renderable<T>>(token: string, defaultValue: DEFAULT, values?: T): DefaultRenderType<T, DEFAULT>; function useEuiI18n<DEFAULTS extends Array<string | ReactElement>>(tokens: string[], defaultValues: DEFAULTS): Array<DefaultsRenderType<DEFAULTS>>;
 	export { EuiI18n, useEuiI18n };
@@ -3441,7 +3437,7 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	 * `iconType`, `iconSide`, and `textProps`
 	 */
 	export interface EuiButtonDisplayCommonProps extends EuiButtonDisplayContentProps, CommonProps {
-	    element?: 'a' | 'button' | 'span' | 'label';
+	    element?: 'a' | 'button' | 'span';
 	    children?: ReactNode;
 	    size?: EuiButtonDisplaySizes;
 	    /**
@@ -3778,24 +3774,12 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
 
 }
 declare module '@elastic/eui/src/components/button/button_group/button_group_button' {
-	import { FunctionComponent } from 'react';
+	import { FunctionComponent, MouseEventHandler } from 'react';
 	import { EuiButtonGroupOptionProps, EuiButtonGroupProps } from '@elastic/eui/src/components/button/button_group/button_group'; type Props = EuiButtonGroupOptionProps & {
-	    /**
-	     * Element to display based on single or multi
-	     */
-	    element: 'button' | 'label';
 	    /**
 	     * Styles the selected button to look selected (usually with `fill`)
 	     */
 	    isSelected?: boolean;
-	    /**
-	     * Name of the whole group for 'single'.
-	     */
-	    name?: string;
-	    /**
-	     * The value of the radio input for 'single'.
-	     */
-	    value?: string;
 	    /**
 	     * Inherit from EuiButtonGroup
 	     */
@@ -3811,7 +3795,7 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
 	    /**
 	     * Inherit from EuiButtonGroup
 	     */
-	    onChange: EuiButtonGroupProps['onChange'];
+	    onClick: MouseEventHandler<HTMLButtonElement>;
 	};
 	export const EuiButtonGroupButton: FunctionComponent<Props>;
 	export {};
@@ -3897,8 +3881,7 @@ declare module '@elastic/eui/src/components/button/button_group/button_group' {
 	     */
 	    type?: 'single';
 	    /**
-	     * The `name` attribute for radio inputs;
-	     * Defaults to a random string
+	     * @deprecated No longer needed. You can safely remove this prop entirely
 	     */
 	    name?: string;
 	    /**
@@ -3925,6 +3908,9 @@ declare module '@elastic/eui/src/components/button/button_group/button_group' {
 	     */
 	    onChange: (id: string) => void;
 	    idSelected?: never;
+	    /**
+	     * @deprecated
+	     */
 	    name?: never;
 	}); type Props = Omit<HTMLAttributes<HTMLFieldSetElement>, 'onChange' | 'color'> & EuiButtonGroupProps;
 	export const EuiButtonGroup: FunctionComponent<Props>;
@@ -6159,6 +6145,17 @@ declare module '@elastic/eui/src/components/focus_trap' {
 	export type { EuiFocusTrapProps, FocusTarget } from '@elastic/eui/src/components/focus_trap/focus_trap';
 	export { EuiFocusTrap } from '@elastic/eui/src/components/focus_trap/focus_trap';
 
+}
+declare module '@elastic/eui/src/services/hooks/useCombinedRefs' {
+	import { MutableRefObject, Ref } from 'react'; type Refs<T> = Array<Ref<T> | MutableRefObject<T | undefined> | undefined>;
+	export const useCombinedRefs: <T>(refs: Refs<T>) => (node: T) => void;
+	/**
+	 * Non-hook util for setting multiple refs/ref types.
+	 * Useful for non-functional components
+	 */
+	export const setMultipleRefs: <T>(refs: Refs<T>, node: T) => void;
+	export {};
+
 }
 declare module '@elastic/eui/src/components/observer/mutation_observer/mutation_observer' {
 	import { ReactNode } from 'react';
@@ -6460,10 +6457,13 @@ declare module '@elastic/eui/src/components/popover/popover_panel/_popover_panel
 	 * 1. Can expand further, but it looks weird if it's smaller than the originating button.
 	 * 2. Animation happens on the panel. But don't animate position when using the attached mode like for inputs
 	 * 3. Make sure the panel stays within the window.
+	 * 4. Make the popover lighter on dark mode (too hard to distinguish from plain bgs otherwise), and set a CSS var for the arrow to use
 	 */
 	export const euiPopoverPanelStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiPopover__panel: import("@emotion/utils").SerializedStyles;
 	    isOpen: import("@emotion/utils").SerializedStyles;
+	    light: import("@emotion/utils").SerializedStyles;
+	    dark: import("@emotion/utils").SerializedStyles;
 	    hasTransform: {
 	        hasTransform: import("@emotion/utils").SerializedStyles;
 	        top: import("@emotion/utils").SerializedStyles;
@@ -6527,6 +6527,8 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	export interface EuiPopoverProps extends PropsWithChildren, CommonProps {
 	    /**
 	     * Class name passed to the direct parent of the button
+	     *
+	     * @deprecated Use `className` instead
 	     */
 	    anchorClassName?: string;
 	    /**
@@ -6542,6 +6544,9 @@ 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
@@ -6603,7 +6608,7 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	    /**
 	     * Object of props passed to EuiPanel. See #EuiPopoverPanelProps
 	     */
-	    panelProps?: Omit<EuiPopoverPanelProps, 'style' | 'hasShadow' | 'hasBorder'>;
+	    panelProps?: Omit<EuiPopoverPanelProps, 'style' | 'hasShadow' | 'hasBorder' | 'color'>;
 	    panelRef?: RefCallback<HTMLElement | null>;
 	    /**
 	     * Optional screen reader instructions to announce upon popover open,
@@ -6717,7 +6722,7 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	    positionPopoverFixed: () => void;
 	    positionPopoverFluid: () => void;
 	    panelRef: (node: HTMLElement | null) => void;
-	    buttonRef: (node: HTMLDivElement | null) => void;
+	    popoverRef: (node: HTMLDivElement | null) => void;
 	    render(): React.JSX.Element;
 	}
 	export {};
@@ -6739,7 +6744,7 @@ declare module '@elastic/eui/src/components/popover/input_popover' {
 	    closeOnScroll?: boolean;
 	    fullWidth?: boolean;
 	    input: EuiPopoverProps['button'];
-	    inputRef?: EuiPopoverProps['buttonRef'];
+	    inputRef?: EuiPopoverProps['popoverRef'];
 	    onPanelResize?: (width: number) => void;
 	    /**
 	     * By default, **EuiInputPopovers** inherit the same width as the passed input element.
@@ -8037,7 +8042,7 @@ declare module '@elastic/eui/src/services/color' {
 	export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
 	export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
 	export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
-	export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplimentary, euiPaletteComplementary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, } from '@elastic/eui/src/services/color/eui_palettes';
+	export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, } from '@elastic/eui/src/services/color/eui_palettes';
 	export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
 	export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
 	export * from '@elastic/eui/src/services/color/manipulation';
@@ -8396,11 +8401,6 @@ declare module '@elastic/eui/src/services/hooks/useDependentState' {
 	
 	export function useDependentState<T>(valueFn: (previousState: undefined | T) => T, deps: unknown[]): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];
 
-}
-declare module '@elastic/eui/src/services/hooks/useCombinedRefs' {
-	import { MutableRefObject, Ref } from 'react';
-	export const useCombinedRefs: <T>(refs: (Ref<T> | MutableRefObject<T | undefined> | undefined)[]) => (node: T) => void;
-
 }
 declare module '@elastic/eui/src/services/hooks/useForceRender' {
 	export const useForceRender: () => () => void;
@@ -8464,44 +8464,6 @@ declare module '@elastic/eui/src/services/paging/pager' {
 declare module '@elastic/eui/src/services/paging' {
 	export { Pager } from '@elastic/eui/src/services/paging/pager';
 
-}
-declare module '@elastic/eui/src/services/utils' {
-	export function times(count: number): number[];
-	export function times<T>(count: number, iteratee: (index: number) => T): T[];
-	export function memoize<T extends (...args: any[]) => any>(func: T, resolver?: (...args: any[]) => any): (...args: Parameters<T>) => ReturnType<T>;
-	export const browserTick: (callback: FrameRequestCallback) => void;
-
-}
-declare module '@elastic/eui/src/services/random' {
-	import moment from 'moment';
-	export class Random {
-	    private readonly rand;
-	    constructor(rand?: () => number);
-	    boolean: () => boolean;
-	    number: (options?: {
-	        min?: number;
-	        max?: number;
-	    }) => number;
-	    integer: (options?: {
-	        min?: number;
-	        max?: number;
-	    }) => number;
-	    oneOf: <T>(values: T[]) => T;
-	    oneToOne: <T>(values: T[], index: number) => T;
-	    setOf: <T>(values: T[], options?: {
-	        min?: number;
-	        max?: number;
-	    }) => T[];
-	    date: (options?: {
-	        min?: Date;
-	        max?: Date;
-	    }) => Date;
-	    moment: (options?: {
-	        min?: moment.Moment;
-	        max?: moment.Moment;
-	    }) => moment.Moment;
-	}
-
 }
 declare module '@elastic/eui/src/services/security/get_secure_rel_for_target' {
 	/**
@@ -8717,7 +8679,7 @@ declare module '@elastic/eui/src/services' {
 	export { CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint, useIsWithinBreakpoints, useIsWithinMaxBreakpoint, useIsWithinMinBreakpoint, } from '@elastic/eui/src/services/breakpoint';
 	export type { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint';
 	export { CanvasTextUtils, type CanvasTextParams } from '@elastic/eui/src/services/canvas';
-	export { brighten, calculateContrast, calculateLuminance, colorPalette, darken, DEFAULT_VISUALIZATION_COLOR, desaturate, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplimentary, euiPaletteComplementary, euiPaletteCool, euiPaletteForDarkBackground, euiPaletteForLightBackground, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteNegative, euiPalettePositive, euiPaletteWarm, getSteppedGradient, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, isColorDark, isValidHex, lightness, makeDisabledContrastColor, makeHighContrastColor, rgbToHex, rgbToHsv, saturate, shade, shadeOrTint, tint, tintOrShade, transparentize, VISUALIZATION_COLORS, wcagContrastMin, } from '@elastic/eui/src/services/color';
+	export { brighten, calculateContrast, calculateLuminance, colorPalette, darken, DEFAULT_VISUALIZATION_COLOR, desaturate, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplementary, euiPaletteCool, euiPaletteForDarkBackground, euiPaletteForLightBackground, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteNegative, euiPalettePositive, euiPaletteWarm, getSteppedGradient, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, isColorDark, isValidHex, lightness, makeDisabledContrastColor, makeHighContrastColor, rgbToHex, rgbToHsv, saturate, shade, shadeOrTint, tint, tintOrShade, transparentize, VISUALIZATION_COLORS, wcagContrastMin, } from '@elastic/eui/src/services/color';
 	export type { HSV } from '@elastic/eui/src/services/color';
 	export { useColorPickerState, useColorStopsState } from '@elastic/eui/src/services/color_picker';
 	export type { EuiSetColorMethod } from '@elastic/eui/src/services/color_picker';
@@ -8730,7 +8692,6 @@ declare module '@elastic/eui/src/services' {
 	export { isEvenlyDivisibleBy, isWithinRange } from '@elastic/eui/src/services/number';
 	export { Pager } from '@elastic/eui/src/services/paging';
 	export { calculatePopoverPosition, findPopoverPosition } from '@elastic/eui/src/services/popover';
-	export { Random } from '@elastic/eui/src/services/random';
 	export { getSecureRelForTarget } from '@elastic/eui/src/services/security';
 	export { Comparators, PropertySortType, SortableProperties, SortDirection, SortDirectionType, } from '@elastic/eui/src/services/sort';
 	export type { Direction, PropertySort } from '@elastic/eui/src/services/sort';
@@ -8959,7 +8920,7 @@ declare module '@elastic/eui/src/components/accordion/accordion_children/accordi
 }
 declare module '@elastic/eui/src/components/accordion/accordion_children/accordion_children' {
 	import { FunctionComponent, HTMLAttributes, Ref } from 'react';
-	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionChildrenProps = HTMLAttributes<HTMLDivElement> & Pick<EuiAccordionProps, 'children' | 'paddingSize' | 'isLoading' | 'isLoadingMessage'> & {
+	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionChildrenProps = HTMLAttributes<HTMLDivElement> & Pick<EuiAccordionProps, 'role' | 'children' | 'paddingSize' | 'isLoading' | 'isLoadingMessage'> & {
 	    isOpen: boolean;
 	    accordionChildrenRef: Ref<HTMLDivElement>;
 	};
@@ -8990,13 +8951,21 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	import type { EuiButtonIconProps } from '@elastic/eui/src/components/button';
 	export const PADDING_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
 	export type EuiAccordionPaddingSize = (typeof PADDING_SIZES)[number];
-	export type EuiAccordionProps = CommonProps & Omit<HTMLAttributes<HTMLElement>, 'id'> & {
+	export type EuiAccordionProps = CommonProps & Omit<HTMLAttributes<HTMLElement>, 'id' | 'role'> & {
 	    id: string;
 	    /**
 	     * Applied to the entire .euiAccordion wrapper.
 	     * When using `fieldset`, it will enforce `buttonElement = legend` as well.
 	     */
 	    element?: 'div' | 'fieldset';
+	    /**
+	     * Defaults to the [group role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/group_role).
+	     *
+	     * If your accordion contains significant enough content to be a document
+	     * [landmark role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role#accessibility_concerns), consider using the `region` role instead.
+	     * @default group
+	     */
+	    role?: HTMLAttributes<HTMLElement>['role'];
 	    /**
 	     * Class that will apply to the trigger for the accordion.
 	     */
@@ -9081,6 +9050,7 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	        isLoadingMessage: boolean;
 	        element: "div";
 	        buttonElement: "button";
+	        role: "group";
 	    };
 	    state: {
 	        isOpen: boolean;
@@ -11570,13 +11540,26 @@ declare module '@elastic/eui/src/components/combo_box/matching_options' {
 	export const getMatchingOptions: <T>({ options, selectedOptions, searchValue, isCaseSensitive, isPreFiltered, showPrevSelected, sortMatchesBy, }: GetMatchingOptions<T>) => EuiComboBoxOptionOption<T>[];
 	export {};
 
+}
+declare module '@elastic/eui/src/components/combo_box/utils' {
+	import React, { PropsWithChildren } from 'react';
+	import { EuiComboBoxOptionOption } from '@elastic/eui/src/components/combo_box/types';
+	/**
+	 * DRY util for rendering an option with its prepend and append properties
+	 */
+	export const EuiComboBoxOptionAppendPrepend: <T>({ children, option, classNamePrefix, }: {
+	    children?: React.ReactNode;
+	} & {
+	    option?: EuiComboBoxOptionOption<T> | undefined;
+	    classNamePrefix?: string | undefined;
+	}) => React.JSX.Element;
+
 }
 declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_pill' {
 	import React, { AriaAttributes, Component, MouseEventHandler } from 'react';
 	import { EuiComboBoxOptionOption, OptionHandler } from '@elastic/eui/src/components/combo_box/types';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export interface EuiComboBoxPillProps<T> extends CommonProps {
-	    asPlainText?: boolean;
 	    children?: string;
 	    className?: string;
 	    color?: string;
@@ -11646,6 +11629,9 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_
 	    onFocus: FocusEventHandler<HTMLInputElement>;
 	    onBlur: FocusEventHandler<HTMLInputElement>;
 	    onKeyDown: KeyboardEventHandler<HTMLInputElement>;
+	    get asPlainText(): boolean;
+	    get searchValue(): string;
+	    renderPills: () => React.JSX.Element[] | null;
 	    render(): React.JSX.Element;
 	}
 	export {};
@@ -14859,7 +14845,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/ref' {
 declare module '@elastic/eui/src/components/datagrid/data_grid' {
 	import React from 'react';
 	import { EuiDataGridProps, EuiDataGridRefProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
-	export const EuiDataGrid: React.ForwardRefExoticComponent<EuiDataGridProps & React.RefAttributes<EuiDataGridRefProps>>;
+	export const EuiDataGrid: React.MemoExoticComponent<React.ForwardRefExoticComponent<EuiDataGridProps & React.RefAttributes<EuiDataGridRefProps>>>;
 
 }
 declare module '@elastic/eui/src/components/datagrid' {
@@ -15478,12 +15464,12 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/date_popover_content' {
-	import React, { FunctionComponent } from 'react';
+	import { FunctionComponent } from 'react';
 	import { TimeOptions } from '@elastic/eui/src/components/date_picker/super_date_picker/time_options';
 	import { LocaleSpecifier } from 'moment';
 	export interface EuiDatePopoverContentProps {
 	    value: string;
-	    onChange(date: string | null, event?: React.SyntheticEvent<any>): void;
+	    onChange: (date: string) => void;
 	    roundUp?: boolean;
 	    dateFormat: string;
 	    timeFormat: string;
@@ -15496,7 +15482,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/absolute_tab' {
-	import React, { Component, ChangeEventHandler } from 'react';
+	import React, { Component, ChangeEvent } from 'react';
 	import { Moment, LocaleSpecifier } from 'moment';
 	import { EuiDatePickerProps } from '@elastic/eui/src/components/date_picker/date_picker';
 	import { EuiDatePopoverContentProps } from '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/date_popover_content';
@@ -15512,15 +15498,18 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 	    utcOffset?: number;
 	}
 	interface EuiAbsoluteTabState {
+	    hasUnparsedText: boolean;
 	    isTextInvalid: boolean;
 	    textInputValue: string;
 	    valueAsMoment: Moment | null;
 	}
 	export class EuiAbsoluteTab extends Component<EuiAbsoluteTabProps, EuiAbsoluteTabState> {
 	    state: EuiAbsoluteTabState;
+	    isParsing: boolean;
 	    constructor(props: EuiAbsoluteTabProps);
 	    handleChange: EuiDatePickerProps['onChange'];
-	    handleTextChange: ChangeEventHandler<HTMLInputElement>;
+	    handleTextChange: (event: ChangeEvent<HTMLInputElement>) => void;
+	    parseUserDateInput: (textInputValue: string) => void;
 	    render(): React.JSX.Element;
 	}
 	export {};
@@ -15562,7 +15551,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 	    isOpen: boolean;
 	    needsUpdating?: boolean;
 	    locale?: LocaleSpecifier;
-	    onChange: NonNullable<EuiDatePopoverContentProps['onChange']>;
+	    onChange: EuiDatePopoverContentProps['onChange'];
 	    onPopoverClose: EuiPopoverProps['closePopover'];
 	    onPopoverToggle: MouseEventHandler<HTMLButtonElement>;
 	    position: 'start' | 'end';
@@ -15977,6 +15966,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	    customQuickSelectRender?: (options: CustomQuickSelectRenderOptions) => ReactNode;
 	    /**
 	     * Specifies the formatted used when displaying dates and/or datetimes
+	     * @default 'MMM D, YYYY @ HH:mm:ss.SSS'
 	     */
 	    dateFormat?: string;
 	    /**
@@ -15993,12 +15983,16 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	        display: ReactNode;
 	    };
 	    isLoading?: boolean;
+	    /**
+	     * @default true
+	     */
 	    isPaused?: boolean;
 	    /**
 	     * Sets the overall width by adding sensible min and max widths.
 	     * - `auto`: fits width to internal content / time string.
 	     * - `restricted`: static width that fits the longest possible time string.
 	     * - `full`: expands to 100% of the container.
+	     * @default 'restricted'
 	     */
 	    width?: 'restricted' | 'full' | 'auto';
 	    /**
@@ -16032,17 +16026,26 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	    recentlyUsedRanges?: DurationRange[];
 	    /**
 	     * Refresh interval in milliseconds
+	     * @default 1000
 	     */
 	    refreshInterval?: Milliseconds;
+	    /**
+	     * @default 'now-15m'
+	     */
 	    start?: ShortDate;
+	    /**
+	     * @default 'now'
+	     */
 	    end?: ShortDate;
 	    /**
 	     * Specifies the formatted used when displaying times
+	     * @default 'HH:mm'
 	     */
 	    timeFormat?: string;
 	    utcOffset?: number;
 	    /**
 	     * Set showUpdateButton to false to immediately invoke onTimeChange for all start and end changes.
+	     * @default true
 	     */
 	    showUpdateButton?: boolean | 'iconOnly';
 	    /**
@@ -22248,7 +22251,7 @@ declare module '@elastic/eui/src/components/toast/global_toast_list_item' {
 
 }
 declare module '@elastic/eui/src/components/toast/global_toast_list' {
-	import { FunctionComponent, ReactChild } from 'react';
+	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiToastProps } from '@elastic/eui/src/components/toast/toast'; type ToastSide = 'right' | 'left';
 	export const SIDES: ToastSide[];
@@ -22256,7 +22259,7 @@ declare module '@elastic/eui/src/components/toast/global_toast_list' {
 	export const CLEAR_ALL_TOASTS_THRESHOLD_DEFAULT = 3;
 	export interface Toast extends EuiToastProps {
 	    id: string;
-	    text?: ReactChild;
+	    text?: ReactNode;
 	    toastLifeTimeMs?: number;
 	}
 	export interface EuiGlobalToastListProps extends CommonProps {
@@ -22278,6 +22281,16 @@ declare module '@elastic/eui/src/components/toast/global_toast_list' {
 	     * Optional callback that fires when a user clicks the "Clear all" button.
 	     */
 	    onClearAllToasts?: () => void;
+	    /**
+	     * Defaults to the [log role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/log_role).
+	     *
+	     * The [alert role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role)
+	     * can be considered only if *all* toasts in this list will require immediate user attention.
+	     * Several alerts at once, and unnecessary alerts, will a create bad screen reader user experience.
+	     *
+	     * @default log
+	     */
+	    role?: HTMLAttributes<HTMLElement>['role'];
 	}
 	export const EuiGlobalToastList: FunctionComponent<EuiGlobalToastListProps>;
 	export {};
@@ -28473,6 +28486,7 @@ declare module '@elastic/eui' {
 "euiRefreshInterval.fullDescriptionOff": any;
 "euiRefreshInterval.fullDescriptionOn": any;
 "euiRefreshInterval.legend": any;
+"euiAbsoluteTab.dateFormatHint": any;
 "euiAbsoluteTab.dateFormatError": any;
 "euiDatePopoverButton.invalidTitle": any;
 "euiDatePopoverButton.outdatedTitle": any;