@elastic/eui 77.2.2 → 79.0.0

package/eui.d.ts

@@ -1697,371 +1697,6 @@ declare module '@elastic/eui/src/components/loading/loading_chart' {
 	};
 	export const EuiLoadingChart: FunctionComponent<EuiLoadingChartProps>;
 
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_loading' {
-	import { FunctionComponent, HTMLAttributes, ReactElement } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type _EuiSkeletonAriaProps = {
-	    /**
-	     * When true, shows the loading skeleton component.
-	     * When false, shows any `children` and announces to screen readers that your content has loaded.
-	     */
-	    isLoading?: boolean;
-	    /**
-	     * Label your loading sections to provide more helpful context to screen readers.
-	     * For example, pass "API keys" to have screen readers read "Loading API keys" and "Loaded API keys".
-	     */
-	    contentAriaLabel?: string;
-	    /**
-	     * Any optional props to pass to the `aria-busy` wrapper around the skeleton content
-	     */
-	    ariaWrapperProps?: HTMLAttributes<HTMLDivElement>;
-	};
-	export type EuiSkeletonLoadingProps = CommonProps & _EuiSkeletonAriaProps['ariaWrapperProps'] & Pick<_EuiSkeletonAriaProps, 'isLoading' | 'contentAriaLabel'> & {
-	    /**
-	     * Content to display when loading
-	     */
-	    loadingContent: ReactElement;
-	    /**
-	     * Content to display when loaded
-	     */
-	    loadedContent: any;
-	};
-	export const EuiSkeletonLoading: FunctionComponent<EuiSkeletonLoadingProps>;
-
-}
-declare module '@elastic/eui/src/global_styling/utility/animations' {
-	export const euiAnimFadeIn: import("@emotion/serialize").Keyframes;
-	export const euiAnimSlideInUp: (size: string) => import("@emotion/serialize").Keyframes;
-	export const euiAnimSlideX: (size: string) => import("@emotion/serialize").Keyframes;
-	export const euiAnimScale: import("@emotion/serialize").Keyframes;
-
-}
-declare module '@elastic/eui/src/components/skeleton/utils' {
-	import { UseEuiTheme } from '@elastic/eui/src/services'; type AnimationOptions = {
-	    slideSize?: string;
-	    gradientSize?: string;
-	};
-	export const euiSkeletonGradientAnimation: ({ euiTheme, colorMode }: UseEuiTheme, { slideSize, gradientSize }?: AnimationOptions) => import("@emotion/utils").SerializedStyles;
-	export {};
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_circle.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiSkeletonCircleStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiSkeletonCircle: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    l: import("@emotion/utils").SerializedStyles;
-	    xl: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_circle' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
-	export const SIZES: readonly ["s", "m", "l", "xl"];
-	export type SkeletonCircleSize = typeof SIZES[number];
-	export type EuiSkeletonCircleProps = HTMLAttributes<HTMLDivElement> & CommonProps & _EuiSkeletonAriaProps & {
-	    size?: SkeletonCircleSize;
-	};
-	export const EuiSkeletonCircle: FunctionComponent<EuiSkeletonCircleProps>;
-
-}
-declare module '@elastic/eui/src/components/link/link.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiLinkHoverCSS: () => string;
-	export const euiLinkFocusCSS: (euiTheme: UseEuiTheme['euiTheme']) => string;
-	export const euiLinkCSS: (euiThemeContext: UseEuiTheme) => string;
-	export const euiLinkStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiLink: import("@emotion/utils").SerializedStyles;
-	    disabled: import("@emotion/utils").SerializedStyles;
-	    primary: import("@emotion/utils").SerializedStyles;
-	    subdued: import("@emotion/utils").SerializedStyles;
-	    success: import("@emotion/utils").SerializedStyles;
-	    accent: import("@emotion/utils").SerializedStyles;
-	    danger: import("@emotion/utils").SerializedStyles;
-	    warning: import("@emotion/utils").SerializedStyles;
-	    ghost: import("@emotion/utils").SerializedStyles;
-	    text: import("@emotion/utils").SerializedStyles;
-	    euiLink__screenReaderText: import("@emotion/utils").SerializedStyles;
-	    euiLink__externalIcon: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/title/title' {
-	import { FunctionComponent, ReactElement } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export const TITLE_SIZES: readonly ["xxxs", "xxs", "xs", "s", "m", "l"];
-	export type EuiTitleSize = typeof TITLE_SIZES[number];
-	export const TEXT_TRANSFORM: readonly ["uppercase"];
-	export type EuiTitleTextTransform = typeof TEXT_TRANSFORM[number];
-	export type EuiTitleProps = CommonProps & {
-	    /**
-	     * ReactElement to render as this component's content
-	     */
-	    children: ReactElement<any>;
-	    size?: EuiTitleSize;
-	    textTransform?: EuiTitleTextTransform;
-	    id?: string;
-	};
-	export const EuiTitle: FunctionComponent<EuiTitleProps>;
-
-}
-declare module '@elastic/eui/src/components/title/title.styles' {
-	import { CSSProperties } from 'react';
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	import { _FontScaleOptions } from '@elastic/eui/src/global_styling';
-	import { EuiTitleSize } from '@elastic/eui/src/components/title/title'; type EuiThemeTitle = {
-	    fontSize: CSSProperties['fontSize'];
-	    lineHeight: CSSProperties['lineHeight'];
-	    fontWeight: CSSProperties['fontWeight'];
-	    color: CSSProperties['color'];
-	};
-	export const euiTitle: (euiThemeContext: UseEuiTheme, scale?: EuiTitleSize, options?: _FontScaleOptions | undefined) => EuiThemeTitle;
-	export const useEuiTitle: (scale: EuiTitleSize, options?: _FontScaleOptions | undefined) => EuiThemeTitle;
-	/**
-	 * Styles
-	 */
-	export const euiTitleStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiTitle: import("@emotion/utils").SerializedStyles;
-	    uppercase: import("@emotion/utils").SerializedStyles;
-	    xxxs: import("@emotion/utils").SerializedStyles;
-	    xxs: import("@emotion/utils").SerializedStyles;
-	    xs: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    l: import("@emotion/utils").SerializedStyles;
-	};
-	export {};
-
-}
-declare module '@elastic/eui/src/components/text/text.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	/**
-	 * TODO: Make this a global value so it can be set by theme?
-	 */
-	export const euiTextConstrainedMaxWidth = "max(64ch, 75%)";
-	/**
-	 * Mixins
-	 */
-	export const euiText: (euiTheme: UseEuiTheme['euiTheme'], inheritColor?: boolean) => {
-	    color: string;
-	    fontWeight: import("csstype").Property.FontWeight | undefined;
-	};
-	/**
-	 * Styles
-	 */
-	export const euiTextStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiText: import("@emotion/utils").SerializedStyles;
-	    constrainedWidth: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    xs: import("@emotion/utils").SerializedStyles;
-	    relative: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/text/text_color.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiTextColorStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiTextColor: import("@emotion/utils").SerializedStyles;
-	    default: import("@emotion/utils").SerializedStyles;
-	    subdued: import("@emotion/utils").SerializedStyles;
-	    success: import("@emotion/utils").SerializedStyles;
-	    accent: import("@emotion/utils").SerializedStyles;
-	    danger: import("@emotion/utils").SerializedStyles;
-	    warning: import("@emotion/utils").SerializedStyles;
-	    ghost: import("@emotion/utils").SerializedStyles;
-	    inherit: import("@emotion/utils").SerializedStyles;
-	    customColor: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/text/text_color' {
-	import { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export const COLORS: readonly ["default", "subdued", "success", "accent", "danger", "warning", "ghost", "inherit"];
-	export type TextColor = typeof COLORS[number];
-	export type EuiTextColorProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement> & HTMLAttributes<HTMLSpanElement>, 'color'> & {
-	    /**
-	     * Any of our named colors or a `hex`, `rgb` or `rgba` value.
-	     */
-	    color?: TextColor | CSSProperties['color'];
-	    /**
-	     * Determines the root element
-	     */
-	    component?: 'div' | 'span';
-	    /**
-	     * Applies text styling to the child element instead of rendering a parent wrapper `span`/`div`.
-	     * Can only be used when wrapping a *single* child element/tag, and not raw text.
-	     */
-	    cloneElement?: boolean;
-	};
-	export const EuiTextColor: FunctionComponent<EuiTextColorProps>;
-
-}
-declare module '@elastic/eui/src/components/text/text_align.styles' {
-	export const euiTextAlignStyles: () => {
-	    euiTextAlign: import("@emotion/utils").SerializedStyles;
-	    left: import("@emotion/utils").SerializedStyles;
-	    right: import("@emotion/utils").SerializedStyles;
-	    center: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/text/text_align' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export const ALIGNMENTS: readonly ["left", "right", "center"];
-	export type TextAlignment = typeof ALIGNMENTS[number];
-	export type EuiTextAlignProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
-	    textAlign?: TextAlignment;
-	    /**
-	     * Applies text styling to the child element instead of rendering a parent wrapper `div`.
-	     * Can only be used when wrapping a *single* child element/tag, and not raw text.
-	     */
-	    cloneElement?: boolean;
-	};
-	export const EuiTextAlign: FunctionComponent<EuiTextAlignProps>;
-
-}
-declare module '@elastic/eui/src/components/text/text' {
-	import { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { TextColor } from '@elastic/eui/src/components/text/text_color';
-	import { TextAlignment } from '@elastic/eui/src/components/text/text_align';
-	export const TEXT_SIZES: readonly ["xs", "s", "m", "relative"];
-	export type TextSize = typeof TEXT_SIZES[number];
-	export type EuiTextProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'color'> & {
-	    textAlign?: TextAlignment;
-	    /**
-	     * Determines the text size. Choose `relative` to control the `font-size` based on the value of a parent container.
-	     */
-	    size?: TextSize;
-	    /**
-	     * Any of our named colors or a `hex`, `rgb` or `rgba` value.
-	     * @default inherit
-	     */
-	    color?: TextColor | CSSProperties['color'];
-	    grow?: boolean;
-	};
-	export const EuiText: FunctionComponent<EuiTextProps>;
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_text.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiSkeletonTextStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiSkeletonText: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    xs: import("@emotion/utils").SerializedStyles;
-	    relative: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_text' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { TextSize } from '@elastic/eui/src/components/text/text';
-	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
-	export const LINES: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-	export type LineRange = typeof LINES[number];
-	export type EuiSkeletonTextProps = CommonProps & HTMLAttributes<HTMLDivElement> & _EuiSkeletonAriaProps & {
-	    /**
-	     * Number of lines to display (between 1 to 10)
-	     */
-	    lines?: LineRange;
-	    /**
-	     * EuiText size to render
-	     */
-	    size?: TextSize;
-	};
-	export const EuiSkeletonText: FunctionComponent<EuiSkeletonTextProps>;
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_rectangle.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiSkeletonRectangleStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiSkeletonRectangle: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    none: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_rectangle' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
-	export const RADIUS: readonly ["s", "m", "none"];
-	export type SkeletonRectangleBorderRadius = typeof RADIUS[number];
-	export type EuiSkeletonRectangleProps = HTMLAttributes<HTMLDivElement> & CommonProps & _EuiSkeletonAriaProps & {
-	    width?: string | number;
-	    height?: string | number;
-	    borderRadius?: SkeletonRectangleBorderRadius;
-	};
-	export const EuiSkeletonRectangle: FunctionComponent<EuiSkeletonRectangleProps>;
-
-}
-declare module '@elastic/eui/src/components/title' {
-	export type { EuiTitleProps, EuiTitleSize } from '@elastic/eui/src/components/title/title';
-	export { EuiTitle } from '@elastic/eui/src/components/title/title';
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_title.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiSkeletonTitleStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiSkeletonTitle: import("@emotion/utils").SerializedStyles;
-	    l: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    xs: import("@emotion/utils").SerializedStyles;
-	    xxs: import("@emotion/utils").SerializedStyles;
-	    xxxs: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_title' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiTitleSize } from '@elastic/eui/src/components/title';
-	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
-	export type EuiSkeletonTitleProps = HTMLAttributes<HTMLDivElement> & CommonProps & _EuiSkeletonAriaProps & {
-	    /**
-	     * EuiTitle size to render
-	     */
-	    size?: EuiTitleSize;
-	};
-	export const EuiSkeletonTitle: FunctionComponent<EuiSkeletonTitleProps>;
-
-}
-declare module '@elastic/eui/src/components/skeleton' {
-	export type { EuiSkeletonLoadingProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
-	export { EuiSkeletonLoading } from '@elastic/eui/src/components/skeleton/skeleton_loading';
-	export type { EuiSkeletonCircleProps } from '@elastic/eui/src/components/skeleton/skeleton_circle';
-	export { EuiSkeletonCircle } from '@elastic/eui/src/components/skeleton/skeleton_circle';
-	export type { EuiSkeletonTextProps } from '@elastic/eui/src/components/skeleton/skeleton_text';
-	export { EuiSkeletonText } from '@elastic/eui/src/components/skeleton/skeleton_text';
-	export type { EuiSkeletonRectangleProps } from '@elastic/eui/src/components/skeleton/skeleton_rectangle';
-	export { EuiSkeletonRectangle } from '@elastic/eui/src/components/skeleton/skeleton_rectangle';
-	export type { EuiSkeletonTitleProps } from '@elastic/eui/src/components/skeleton/skeleton_title';
-	export { EuiSkeletonTitle } from '@elastic/eui/src/components/skeleton/skeleton_title';
-
-}
-declare module '@elastic/eui/src/components/loading/loading_content' {
-	import { FunctionComponent } from 'react';
-	import { EuiSkeletonTextProps } from '@elastic/eui/src/components/skeleton';
-	/**
-	 * @deprecated Use `EuiSkeletonTextProps` instead
-	 */
-	export type EuiLoadingContentProps = EuiSkeletonTextProps;
-	/**
-	 * @deprecated Use `EuiSkeletonText` instead
-	 */
-	export const EuiLoadingContent: FunctionComponent<EuiSkeletonTextProps>;
-
 }
 declare module '@elastic/eui/src/components/loading/loading_spinner.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -2136,8 +1771,6 @@ declare module '@elastic/eui/src/components/loading' {
 	export { EuiLoadingElastic } from '@elastic/eui/src/components/loading/loading_elastic';
 	export type { EuiLoadingChartProps } from '@elastic/eui/src/components/loading/loading_chart';
 	export { EuiLoadingChart } from '@elastic/eui/src/components/loading/loading_chart';
-	export type { EuiLoadingContentProps } from '@elastic/eui/src/components/loading/loading_content';
-	export { EuiLoadingContent } from '@elastic/eui/src/components/loading/loading_content';
 	export type { EuiLoadingSpinnerProps } from '@elastic/eui/src/components/loading/loading_spinner';
 	export { EuiLoadingSpinner } from '@elastic/eui/src/components/loading/loading_spinner';
 	export type { EuiLoadingLogoProps } from '@elastic/eui/src/components/loading/loading_logo';
@@ -2901,67 +2534,253 @@ declare module '@elastic/eui/src/components/form/form_fieldset/form_legend' {
 	    display?: 'hidden' | 'visible';
 	    compressed?: boolean;
 	};
-	export const EuiFormLegend: FunctionComponent<EuiFormLegendProps>;
+	export const EuiFormLegend: FunctionComponent<EuiFormLegendProps>;
+
+}
+declare module '@elastic/eui/src/components/form/form_fieldset/form_fieldset' {
+	import { HTMLAttributes, FunctionComponent } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiFormLegendProps } from '@elastic/eui/src/components/form/form_fieldset/form_legend';
+	export interface EuiFormFieldsetProps extends CommonProps, HTMLAttributes<HTMLFieldSetElement> {
+	    /**
+	     * Adds an EuiFormLegend element as the first child
+	     */
+	    legend?: EuiFormLegendProps;
+	}
+	export const EuiFormFieldset: FunctionComponent<EuiFormFieldsetProps>;
+
+}
+declare module '@elastic/eui/src/components/form/form_fieldset' {
+	export type { EuiFormFieldsetProps } from '@elastic/eui/src/components/form/form_fieldset/form_fieldset';
+	export { EuiFormFieldset } from '@elastic/eui/src/components/form/form_fieldset/form_fieldset';
+	export type { EuiFormLegendProps } from '@elastic/eui/src/components/form/form_fieldset/form_legend';
+	export { EuiFormLegend } from '@elastic/eui/src/components/form/form_fieldset/form_legend';
+
+}
+declare module '@elastic/eui/src/components/form/checkbox/checkbox_group' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
+	import { EuiFormFieldsetProps, EuiFormLegendProps } from '@elastic/eui/src/components/form/form_fieldset';
+	import { EuiCheckboxProps } from '@elastic/eui/src/components/form/checkbox/checkbox';
+	export interface EuiCheckboxGroupOption extends Omit<EuiCheckboxProps, 'checked' | 'onChange'> {
+	    id: string;
+	}
+	export interface EuiCheckboxGroupIdToSelectedMap {
+	    [id: string]: boolean;
+	} type AsDivProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>; type WithLegendProps = Omit<EuiFormFieldsetProps, 'onChange'> & {
+	    /**
+	     * If the individual labels for each radio do not provide a sufficient description, add a legend.
+	     * Wraps the group in a `EuiFormFieldset` which adds an `EuiLegend` for titling the whole group.
+	     * Accepts an `EuiFormLegendProps` shape.
+	     */
+	    legend?: EuiFormLegendProps;
+	};
+	export type EuiCheckboxGroupProps = CommonProps & {
+	    options: EuiCheckboxGroupOption[];
+	    idToSelectedMap: EuiCheckboxGroupIdToSelectedMap;
+	    onChange: (optionId: string) => void;
+	    /**
+	     * Tightens up the spacing between checkbox rows and sends down the
+	     * compressed prop to the checkbox itself
+	     */
+	    compressed?: boolean;
+	    disabled?: boolean;
+	} & ExclusiveUnion<AsDivProps, WithLegendProps>;
+	export const EuiCheckboxGroup: FunctionComponent<EuiCheckboxGroupProps>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/form/checkbox' {
+	export type { EuiCheckboxProps } from '@elastic/eui/src/components/form/checkbox/checkbox';
+	export { EuiCheckbox } from '@elastic/eui/src/components/form/checkbox/checkbox';
+	export type { EuiCheckboxGroupProps, EuiCheckboxGroupOption, } from '@elastic/eui/src/components/form/checkbox/checkbox_group';
+	export { EuiCheckboxGroup } from '@elastic/eui/src/components/form/checkbox/checkbox_group';
+
+}
+declare module '@elastic/eui/src/components/title/title.styles' {
+	import { CSSProperties } from 'react';
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	import { _FontScaleOptions } from '@elastic/eui/src/global_styling';
+	import { EuiTitleSize } from '@elastic/eui/src/components/title/title'; type EuiThemeTitle = {
+	    fontSize: CSSProperties['fontSize'];
+	    lineHeight: CSSProperties['lineHeight'];
+	    fontWeight: CSSProperties['fontWeight'];
+	    color: CSSProperties['color'];
+	};
+	export const euiTitle: (euiThemeContext: UseEuiTheme, scale?: EuiTitleSize, options?: _FontScaleOptions | undefined) => EuiThemeTitle;
+	export const useEuiTitle: (scale: EuiTitleSize, options?: _FontScaleOptions | undefined) => EuiThemeTitle;
+	/**
+	 * Styles
+	 */
+	export const euiTitleStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiTitle: import("@emotion/utils").SerializedStyles;
+	    uppercase: import("@emotion/utils").SerializedStyles;
+	    xxxs: import("@emotion/utils").SerializedStyles;
+	    xxs: import("@emotion/utils").SerializedStyles;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	};
+	export {};
+
+}
+declare module '@elastic/eui/src/components/title/title' {
+	import { FunctionComponent, ReactElement } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export const TITLE_SIZES: readonly ["xxxs", "xxs", "xs", "s", "m", "l"];
+	export type EuiTitleSize = typeof TITLE_SIZES[number];
+	export const TEXT_TRANSFORM: readonly ["uppercase"];
+	export type EuiTitleTextTransform = typeof TEXT_TRANSFORM[number];
+	export type EuiTitleProps = CommonProps & {
+	    /**
+	     * ReactElement to render as this component's content
+	     */
+	    children: ReactElement<any>;
+	    size?: EuiTitleSize;
+	    textTransform?: EuiTitleTextTransform;
+	    id?: string;
+	};
+	export const EuiTitle: FunctionComponent<EuiTitleProps>;
+
+}
+declare module '@elastic/eui/src/components/title' {
+	export type { EuiTitleProps, EuiTitleSize } from '@elastic/eui/src/components/title/title';
+	export { EuiTitle } from '@elastic/eui/src/components/title/title';
+
+}
+declare module '@elastic/eui/src/components/link/link.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiLinkHoverCSS: () => string;
+	export const euiLinkFocusCSS: (euiTheme: UseEuiTheme['euiTheme']) => string;
+	export const euiLinkCSS: (euiThemeContext: UseEuiTheme) => string;
+	export const euiLinkStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiLink: import("@emotion/utils").SerializedStyles;
+	    disabled: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    success: import("@emotion/utils").SerializedStyles;
+	    accent: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
+	    warning: import("@emotion/utils").SerializedStyles;
+	    ghost: import("@emotion/utils").SerializedStyles;
+	    text: import("@emotion/utils").SerializedStyles;
+	    euiLink__screenReaderText: import("@emotion/utils").SerializedStyles;
+	    euiLink__externalIcon: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/text/text.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	/**
+	 * TODO: Make this a global value so it can be set by theme?
+	 */
+	export const euiTextConstrainedMaxWidth = "max(64ch, 75%)";
+	/**
+	 * Mixins
+	 */
+	export const euiText: (euiTheme: UseEuiTheme['euiTheme'], inheritColor?: boolean) => {
+	    color: string;
+	    fontWeight: import("csstype").Property.FontWeight | undefined;
+	};
+	/**
+	 * Styles
+	 */
+	export const euiTextStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiText: import("@emotion/utils").SerializedStyles;
+	    constrainedWidth: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    relative: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/text/text_color.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiTextColorStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiTextColor: import("@emotion/utils").SerializedStyles;
+	    default: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    success: import("@emotion/utils").SerializedStyles;
+	    accent: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
+	    warning: import("@emotion/utils").SerializedStyles;
+	    ghost: import("@emotion/utils").SerializedStyles;
+	    inherit: import("@emotion/utils").SerializedStyles;
+	    customColor: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/text/text_color' {
+	import { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export const COLORS: readonly ["default", "subdued", "success", "accent", "danger", "warning", "ghost", "inherit"];
+	export type TextColor = typeof COLORS[number];
+	export type EuiTextColorProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement> & HTMLAttributes<HTMLSpanElement>, 'color'> & {
+	    /**
+	     * Any of our named colors or a `hex`, `rgb` or `rgba` value.
+	     */
+	    color?: TextColor | CSSProperties['color'];
+	    /**
+	     * Determines the root element
+	     */
+	    component?: 'div' | 'span';
+	    /**
+	     * Applies text styling to the child element instead of rendering a parent wrapper `span`/`div`.
+	     * Can only be used when wrapping a *single* child element/tag, and not raw text.
+	     */
+	    cloneElement?: boolean;
+	};
+	export const EuiTextColor: FunctionComponent<EuiTextColorProps>;
+
+}
+declare module '@elastic/eui/src/components/text/text_align.styles' {
+	export const euiTextAlignStyles: () => {
+	    euiTextAlign: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	    right: import("@emotion/utils").SerializedStyles;
+	    center: import("@emotion/utils").SerializedStyles;
+	};
 
 }
-declare module '@elastic/eui/src/components/form/form_fieldset/form_fieldset' {
-	import { HTMLAttributes, FunctionComponent } from 'react';
+declare module '@elastic/eui/src/components/text/text_align' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiFormLegendProps } from '@elastic/eui/src/components/form/form_fieldset/form_legend';
-	export interface EuiFormFieldsetProps extends CommonProps, HTMLAttributes<HTMLFieldSetElement> {
+	export const ALIGNMENTS: readonly ["left", "right", "center"];
+	export type TextAlignment = typeof ALIGNMENTS[number];
+	export type EuiTextAlignProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
+	    textAlign?: TextAlignment;
 	    /**
-	     * Adds an EuiFormLegend element as the first child
+	     * Applies text styling to the child element instead of rendering a parent wrapper `div`.
+	     * Can only be used when wrapping a *single* child element/tag, and not raw text.
 	     */
-	    legend?: EuiFormLegendProps;
-	}
-	export const EuiFormFieldset: FunctionComponent<EuiFormFieldsetProps>;
-
-}
-declare module '@elastic/eui/src/components/form/form_fieldset' {
-	export type { EuiFormFieldsetProps } from '@elastic/eui/src/components/form/form_fieldset/form_fieldset';
-	export { EuiFormFieldset } from '@elastic/eui/src/components/form/form_fieldset/form_fieldset';
-	export type { EuiFormLegendProps } from '@elastic/eui/src/components/form/form_fieldset/form_legend';
-	export { EuiFormLegend } from '@elastic/eui/src/components/form/form_fieldset/form_legend';
+	    cloneElement?: boolean;
+	};
+	export const EuiTextAlign: FunctionComponent<EuiTextAlignProps>;
 
 }
-declare module '@elastic/eui/src/components/form/checkbox/checkbox_group' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
-	import { EuiFormFieldsetProps, EuiFormLegendProps } from '@elastic/eui/src/components/form/form_fieldset';
-	import { EuiCheckboxProps } from '@elastic/eui/src/components/form/checkbox/checkbox';
-	export interface EuiCheckboxGroupOption extends Omit<EuiCheckboxProps, 'checked' | 'onChange'> {
-	    id: string;
-	}
-	export interface EuiCheckboxGroupIdToSelectedMap {
-	    [id: string]: boolean;
-	} type AsDivProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>; type WithLegendProps = Omit<EuiFormFieldsetProps, 'onChange'> & {
+declare module '@elastic/eui/src/components/text/text' {
+	import { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { TextColor } from '@elastic/eui/src/components/text/text_color';
+	import { TextAlignment } from '@elastic/eui/src/components/text/text_align';
+	export const TEXT_SIZES: readonly ["xs", "s", "m", "relative"];
+	export type TextSize = typeof TEXT_SIZES[number];
+	export type EuiTextProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'color'> & {
+	    textAlign?: TextAlignment;
 	    /**
-	     * If the individual labels for each radio do not provide a sufficient description, add a legend.
-	     * Wraps the group in a `EuiFormFieldset` which adds an `EuiLegend` for titling the whole group.
-	     * Accepts an `EuiFormLegendProps` shape.
+	     * Determines the text size. Choose `relative` to control the `font-size` based on the value of a parent container.
 	     */
-	    legend?: EuiFormLegendProps;
-	};
-	export type EuiCheckboxGroupProps = CommonProps & {
-	    options: EuiCheckboxGroupOption[];
-	    idToSelectedMap: EuiCheckboxGroupIdToSelectedMap;
-	    onChange: (optionId: string) => void;
+	    size?: TextSize;
 	    /**
-	     * Tightens up the spacing between checkbox rows and sends down the
-	     * compressed prop to the checkbox itself
+	     * Any of our named colors or a `hex`, `rgb` or `rgba` value.
+	     * @default inherit
 	     */
-	    compressed?: boolean;
-	    disabled?: boolean;
-	} & ExclusiveUnion<AsDivProps, WithLegendProps>;
-	export const EuiCheckboxGroup: FunctionComponent<EuiCheckboxGroupProps>;
-	export {};
-
-}
-declare module '@elastic/eui/src/components/form/checkbox' {
-	export type { EuiCheckboxProps } from '@elastic/eui/src/components/form/checkbox/checkbox';
-	export { EuiCheckbox } from '@elastic/eui/src/components/form/checkbox/checkbox';
-	export type { EuiCheckboxGroupProps, EuiCheckboxGroupOption, } from '@elastic/eui/src/components/form/checkbox/checkbox_group';
-	export { EuiCheckboxGroup } from '@elastic/eui/src/components/form/checkbox/checkbox_group';
+	    color?: TextColor | CSSProperties['color'];
+	    grow?: boolean;
+	};
+	export const EuiText: FunctionComponent<EuiTextProps>;
 
 }
 declare module '@elastic/eui/src/components/text' {
@@ -8045,6 +7864,13 @@ declare module '@elastic/eui/src/global_styling/reset/global_styles' {
 	}
 	export const EuiGlobalStyles: ({}: EuiGlobalStylesProps) => JSX.Element;
 
+}
+declare module '@elastic/eui/src/global_styling/utility/animations' {
+	export const euiAnimFadeIn: import("@emotion/serialize").Keyframes;
+	export const euiAnimSlideInUp: (size: string) => import("@emotion/serialize").Keyframes;
+	export const euiAnimSlideX: (size: string) => import("@emotion/serialize").Keyframes;
+	export const euiAnimScale: import("@emotion/serialize").Keyframes;
+
 }
 declare module '@elastic/eui/src/global_styling' {
 	export * from '@elastic/eui/src/global_styling/reset/global_styles';
@@ -8394,6 +8220,10 @@ declare module '@elastic/eui/src/components/avatar/avatar.styles' {
 	    m: import("@emotion/utils").SerializedStyles;
 	    l: import("@emotion/utils").SerializedStyles;
 	    xl: import("@emotion/utils").SerializedStyles;
+	    capitalize: import("@emotion/utils").SerializedStyles;
+	    uppercase: import("@emotion/utils").SerializedStyles;
+	    lowercase: import("@emotion/utils").SerializedStyles;
+	    none: import("@emotion/utils").SerializedStyles;
 	};
 
 }
@@ -8404,7 +8234,9 @@ declare module '@elastic/eui/src/components/avatar/avatar' {
 	export const SIZES: readonly ["s", "m", "l", "xl"];
 	export type EuiAvatarSize = typeof SIZES[number];
 	export const TYPES: readonly ["space", "user"];
-	export type EuiAvatarType = typeof TYPES[number]; type _EuiAvatarContent = ExclusiveUnion<ExclusiveUnion<{
+	export type EuiAvatarType = typeof TYPES[number];
+	export const CASING: readonly ["capitalize", "uppercase", "lowercase", "none"];
+	export type EuiAvatarCasing = typeof CASING[number]; type _EuiAvatarContent = ExclusiveUnion<ExclusiveUnion<{
 	    /**
 	     * Custom initials (max 2 characters).
 	     * By default will take the first character (of each word).
@@ -8451,6 +8283,13 @@ declare module '@elastic/eui/src/components/avatar/avatar' {
 	     */
 	    type?: EuiAvatarType;
 	    size?: EuiAvatarSize;
+	    /**
+	     * Sets the letter casing of the displayed initials.
+	     * Defaults to `uppercase` for `type="user"` avatars.
+	     * Defaults to `none` (uses the existing casing of the passed `name` or `initials`) for `type="space"` avatars.
+	     * @default uppercase
+	     */
+	    casing?: EuiAvatarCasing;
 	    /**
 	     * Grays out the avatar to simulate being disabled
 	     */
@@ -19171,6 +19010,181 @@ declare module '@elastic/eui/src/components/side_nav' {
 	export { EuiSideNav } from '@elastic/eui/src/components/side_nav/side_nav';
 	export * from '@elastic/eui/src/components/side_nav/side_nav_types';
 
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_loading' {
+	import { FunctionComponent, HTMLAttributes, ReactElement } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiScreenReaderLiveProps } from '@elastic/eui/src/components/accessibility/screen_reader_live';
+	export type _EuiSkeletonAriaProps = {
+	    /**
+	     * When true, shows the loading skeleton component.
+	     * When false, shows any `children` and announces to screen readers that your content has loaded.
+	     */
+	    isLoading?: boolean;
+	    /**
+	     * Label your loading sections to provide more helpful context to screen readers.
+	     * For example, pass "API keys" to have screen readers read "Loading API keys" and "Loaded API keys".
+	     */
+	    contentAriaLabel?: string;
+	    /**
+	     * Makes a live screen reader announcement when `isLoading` is true
+	     * @default false
+	     */
+	    announceLoadingStatus?: boolean;
+	    /**
+	     * Makes a live screen reader announcement when `isLoading` is false
+	     * @default true
+	     */
+	    announceLoadedStatus?: boolean;
+	    /**
+	     * Optional props to pass to the `aria-live` region that announces the loading status to screen readers.
+	     * Accepts any `EuiScreenReaderLive` props.
+	     */
+	    ariaLiveProps?: Partial<EuiScreenReaderLiveProps>;
+	    /**
+	     * Optional props to pass to the `aria-busy` wrapper around the skeleton content
+	     */
+	    ariaWrapperProps?: HTMLAttributes<HTMLDivElement>;
+	};
+	export type EuiSkeletonLoadingProps = CommonProps & _EuiSkeletonAriaProps['ariaWrapperProps'] & Omit<_EuiSkeletonAriaProps, 'ariaWrapperProps'> & {
+	    /**
+	     * Content to display when loading
+	     */
+	    loadingContent: ReactElement;
+	    /**
+	     * Content to display when loaded
+	     */
+	    loadedContent: any;
+	};
+	export const EuiSkeletonLoading: FunctionComponent<EuiSkeletonLoadingProps>;
+
+}
+declare module '@elastic/eui/src/components/skeleton/utils' {
+	import { UseEuiTheme } from '@elastic/eui/src/services'; type AnimationOptions = {
+	    slideSize?: string;
+	    gradientSize?: string;
+	};
+	export const euiSkeletonGradientAnimation: ({ euiTheme, colorMode }: UseEuiTheme, { slideSize, gradientSize }?: AnimationOptions) => import("@emotion/utils").SerializedStyles;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_circle.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiSkeletonCircleStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiSkeletonCircle: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_circle' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
+	export const SIZES: readonly ["s", "m", "l", "xl"];
+	export type SkeletonCircleSize = typeof SIZES[number];
+	export type EuiSkeletonCircleProps = HTMLAttributes<HTMLDivElement> & CommonProps & _EuiSkeletonAriaProps & {
+	    size?: SkeletonCircleSize;
+	};
+	export const EuiSkeletonCircle: FunctionComponent<EuiSkeletonCircleProps>;
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_text.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiSkeletonTextStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiSkeletonText: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    relative: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_text' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { TextSize } from '@elastic/eui/src/components/text/text';
+	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
+	export const LINES: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+	export type LineRange = typeof LINES[number];
+	export type EuiSkeletonTextProps = CommonProps & HTMLAttributes<HTMLDivElement> & _EuiSkeletonAriaProps & {
+	    /**
+	     * Number of lines to display (between 1 to 10)
+	     */
+	    lines?: LineRange;
+	    /**
+	     * EuiText size to render
+	     */
+	    size?: TextSize;
+	};
+	export const EuiSkeletonText: FunctionComponent<EuiSkeletonTextProps>;
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_rectangle.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiSkeletonRectangleStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiSkeletonRectangle: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    none: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_rectangle' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
+	export const RADIUS: readonly ["s", "m", "none"];
+	export type SkeletonRectangleBorderRadius = typeof RADIUS[number];
+	export type EuiSkeletonRectangleProps = HTMLAttributes<HTMLDivElement> & CommonProps & _EuiSkeletonAriaProps & {
+	    width?: string | number;
+	    height?: string | number;
+	    borderRadius?: SkeletonRectangleBorderRadius;
+	};
+	export const EuiSkeletonRectangle: FunctionComponent<EuiSkeletonRectangleProps>;
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_title.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiSkeletonTitleStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiSkeletonTitle: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    xxs: import("@emotion/utils").SerializedStyles;
+	    xxxs: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_title' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiTitleSize } from '@elastic/eui/src/components/title';
+	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
+	export type EuiSkeletonTitleProps = HTMLAttributes<HTMLDivElement> & CommonProps & _EuiSkeletonAriaProps & {
+	    /**
+	     * EuiTitle size to render
+	     */
+	    size?: EuiTitleSize;
+	};
+	export const EuiSkeletonTitle: FunctionComponent<EuiSkeletonTitleProps>;
+
+}
+declare module '@elastic/eui/src/components/skeleton' {
+	export type { EuiSkeletonLoadingProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
+	export { EuiSkeletonLoading } from '@elastic/eui/src/components/skeleton/skeleton_loading';
+	export type { EuiSkeletonCircleProps } from '@elastic/eui/src/components/skeleton/skeleton_circle';
+	export { EuiSkeletonCircle } from '@elastic/eui/src/components/skeleton/skeleton_circle';
+	export type { EuiSkeletonTextProps } from '@elastic/eui/src/components/skeleton/skeleton_text';
+	export { EuiSkeletonText } from '@elastic/eui/src/components/skeleton/skeleton_text';
+	export type { EuiSkeletonRectangleProps } from '@elastic/eui/src/components/skeleton/skeleton_rectangle';
+	export { EuiSkeletonRectangle } from '@elastic/eui/src/components/skeleton/skeleton_rectangle';
+	export type { EuiSkeletonTitleProps } from '@elastic/eui/src/components/skeleton/skeleton_title';
+	export { EuiSkeletonTitle } from '@elastic/eui/src/components/skeleton/skeleton_title';
+
 }
 declare module '@elastic/eui/src/components/stat/stat.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -26545,8 +26559,8 @@ declare module '@elastic/eui' {
 "euiSelectable.screenReaderInstructions": any;
 "euiSelectable.placeholderName": any;
 "euiSelectable.searchResults": any;
-"euiSkeletonLoading.loadingAriaText": any;
 "euiSkeletonLoading.loadedAriaText": any;
+"euiSkeletonLoading.loadingAriaText": any;
 "euiStat.loadingText": any;
 "euiStepStrings.step": any;
 "euiStepStrings.simpleStep": any;