@elastic/eui 102.1.0 → 102.2.0

package/eui.d.ts

@@ -214,7 +214,7 @@ declare module '@elastic/eui/src/services/theme/warning' {
 }
 declare module '@elastic/eui/src/services/theme/hooks' {
 	import React from 'react';
-	import type { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui-theme-common';
+	import { type EuiThemeColorModeStandard, type EuiThemeHighContrastMode, type EuiThemeModifications, type EuiThemeComputed } from '@elastic/eui-theme-common';
 	/**
 	 * Hook for function components
 	 */
@@ -249,6 +249,11 @@ declare module '@elastic/eui/src/services/theme/hooks' {
 	    setNearestThemeCSSVariables: Function;
 	    themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
 	};
+	/**
+	 * Checks whether the current active `colorMode` is set to `DARK`;
+	 * In case of nested providers this returns the value of the nearest provider context.
+	 */
+	export const useIsDarkMode: () => boolean;
 
 }
 declare module '@elastic/eui/src/services/throttle' {
@@ -2305,7 +2310,7 @@ declare module '@elastic/eui/src/components/table/table_row_cell' {
 	    isExpander?: boolean;
 	    /**
 	     * Mobile options for displaying differently at small screens;
-	     * See #EuiTableRowCellMobileOptionsShape
+	     * See {@link EuiTableRowCellMobileOptionsShape}
 	     */
 	    mobileOptions?: EuiTableRowCellMobileOptionsShape;
 	    /**
@@ -3615,7 +3620,7 @@ declare module '@elastic/eui/src/components/loading/loading_spinner' {
 	    /**
 	     * Sets the color of the border and highlight.
 	     * Each key accepts any valid CSS color value as a `string`
-	     * See #EuiLoadingSpinnerColor
+	     * See {@link EuiLoadingSpinnerColor}
 	     */
 	    color?: EuiLoadingSpinnerColor;
 	};
@@ -4256,7 +4261,7 @@ declare module '@elastic/eui/src/components/button/button_group/button_group' {
 	     */
 	    type?: 'single' | 'multi';
 	    /**
-	     * An array of #EuiButtonGroupOptionProps
+	     * An array of {@link EuiButtonGroupOptionProps}
 	     */
 	    options: EuiButtonGroupOptionProps[];
 	} & ({
@@ -5292,7 +5297,7 @@ declare module '@elastic/eui/src/components/basic_table/table_types' {
 	} & Pick<EuiTableFieldDataColumnType<T>, 'readOnly' | 'description' | 'width' | 'align' | 'truncateText' | 'isExpander'>;
 	export type EuiTableActionsColumnType<T extends object> = {
 	    /**
-	     * An array of one of the objects: #DefaultItemAction or #CustomItemAction
+	     * An array of one of the objects: {@link DefaultItemAction} or {@link CustomItemAction}
 	     */
 	    actions: Array<Action<T>>;
 	    /**
@@ -5982,7 +5987,7 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	     */
 	    panelStyle?: CSSProperties;
 	    /**
-	     * Object of props passed to EuiPanel. See #EuiPopoverPanelProps
+	     * Object of props passed to EuiPanel. See {@link EuiPopoverPanelProps}
 	     */
 	    panelProps?: Omit<EuiPopoverPanelProps, 'style' | 'hasShadow' | 'hasBorder' | 'color'>;
 	    panelRef?: RefCallback<HTMLElement | null>;
@@ -6772,7 +6777,7 @@ declare module '@elastic/eui/src/components/color_picker/color_palette_display/c
 	export type EuiColorPaletteDisplaySize = (typeof SIZES)[number];
 	export interface EuiColorPaletteDisplayShared {
 	    /**
-	     * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+	     * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
 	     */
 	    palette: string[] | PaletteColorStop[];
 	}
@@ -6834,7 +6839,7 @@ declare module '@elastic/eui/src/components/color_picker/color_palette_picker/co
 	     */
 	    type: 'text';
 	    /**
-	     * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+	     * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
 	     */
 	    palette?: string[] | PaletteColorStop[];
 	}
@@ -6856,7 +6861,7 @@ declare module '@elastic/eui/src/components/color_picker/color_palette_picker/co
 	     */
 	    type: 'fixed';
 	    /**
-	     * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+	     * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
 	     */
 	    palette: string[] | PaletteColorStop[];
 	}
@@ -6878,7 +6883,7 @@ declare module '@elastic/eui/src/components/color_picker/color_palette_picker/co
 	     */
 	    type: 'gradient';
 	    /**
-	     * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+	     * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
 	     */
 	    palette: string[] | PaletteColorStop[];
 	}
@@ -6889,7 +6894,7 @@ declare module '@elastic/eui/src/components/color_picker/color_palette_picker/co
 	     */
 	    selectionDisplay?: 'palette' | 'title';
 	    /**
-	     * An array of one of the following objects: #EuiColorPalettePickerPaletteText, #EuiColorPalettePickerPaletteFixed, #EuiColorPalettePickerPaletteGradient
+	     * An array of one of the following objects: {@link EuiColorPalettePickerPaletteText}, {@link EuiColorPalettePickerPaletteFixed}, {@link EuiColorPalettePickerPaletteGradient}
 	     */
 	    palettes: EuiColorPalettePickerPaletteProps[];
 	};
@@ -7053,7 +7058,7 @@ declare module '@elastic/eui/src/services/theme/provider' {
 declare module '@elastic/eui/src/services/theme' {
 	export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
 	export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
-	export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, } from '@elastic/eui/src/services/theme/hooks';
+	export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, useIsDarkMode, } from '@elastic/eui/src/services/theme/hooks';
 	export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
 	export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
 	export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
@@ -8620,7 +8625,7 @@ declare module '@elastic/eui/src/components/breadcrumbs/types' {
 	export type EuiBreadcrumbsProps = CommonProps & {
 	    /**
 	     * Hides extra (above the max) breadcrumbs under a collapsed item as the window gets smaller.
-	     * Pass a custom #EuiBreadcrumbResponsiveMaxCount object to change the number of breadcrumbs to show at the particular breakpoints.
+	     * Pass a custom {@link EuiBreadcrumbResponsiveMaxCount} object to change the number of breadcrumbs to show at the particular breakpoints.
 	     *
 	     * Pass `false` to turn this behavior off.
 	     *
@@ -8640,7 +8645,7 @@ declare module '@elastic/eui/src/components/breadcrumbs/types' {
 	     */
 	    max?: number | null;
 	    /**
-	     * The array of individual #EuiBreadcrumb items
+	     * The array of individual {@link EuiBreadcrumb} items
 	     */
 	    breadcrumbs: EuiBreadcrumbProps[];
 	    /**
@@ -10214,7 +10219,7 @@ declare module '@elastic/eui/src/components/form/range/types' {
 	    tickInterval?: number;
 	    /**
 	     * Create colored indicators for certain intervals.
-	     * An array of #EuiRangeLevel objects
+	     * An array of {@link EuiRangeLevel} objects
 	     */
 	    levels?: EuiRangeLevel[];
 	}
@@ -12238,7 +12243,7 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_panel'
 	        deregister: (panelId: EuiResizablePanelController['id']) => void;
 	    };
 	    /**
-	     * #ToggleCollapseCallback
+	     * See {@link ToggleCollapseCallback}
 	     */
 	    onToggleCollapsed?: ToggleCollapseCallback;
 	    onToggleCollapsedInternal: ToggleCollapseCallback;
@@ -12949,7 +12954,7 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 	    /**
 	     * Will render either an accordion or group of nested child item links.
 	     *
-	     * Accepts any #EuiCollapsibleNavItemProps. Or, to render completely custom
+	     * Accepts any {@link EuiCollapsibleNavItemProps}. Or, to render completely custom
 	     * subitem content, pass an object with a `renderItem` callback.
 	     */
 	    items: EuiCollapsibleNavSubItemProps[];
@@ -13149,7 +13154,7 @@ declare module '@elastic/eui/src/components/list_group/list_group_item' {
 	     */
 	    showToolTip?: boolean;
 	    /**
-	     * An object of #EuiListGroupItemExtraAction props.
+	     * An object of {@link EuiListGroupItemExtraAction} props.
 	     * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
 	     * pass `alwaysShow` if you don't want the default behavior of only showing on hover
 	     */
@@ -13215,7 +13220,7 @@ declare module '@elastic/eui/src/components/list_group/list_group' {
 	     */
 	    gutterSize?: EuiListGroupGutterSize;
 	    /**
-	     * Items to display in this group. See #EuiListGroupItem
+	     * Items to display in this group. See {@link EuiListGroupItem}
 	     */
 	    listItems?: EuiListGroupItemProps[];
 	    /**
@@ -13275,7 +13280,7 @@ declare module '@elastic/eui/src/components/list_group/pinnable_list_group/pinna
 	export interface EuiPinnableListGroupProps extends CommonProps, EuiListGroupProps {
 	    /**
 	     * Extends `EuiListGroupItemProps`, at the very least, expecting a `label`.
-	     * See #EuiPinnableListGroupItemProps
+	     * See {@link EuiPinnableListGroupItemProps}
 	     */
 	    listItems: EuiPinnableListGroupItemProps[];
 	    /**
@@ -14040,7 +14045,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/com
 	    onOptionEnterKey?: OptionHandler<T>;
 	    onScroll?: ListProps['onScroll'];
 	    /**
-	     * Array of EuiComboBoxOptionOption objects. See #EuiComboBoxOptionOption
+	     * Array of EuiComboBoxOptionOption objects. See {@link EuiComboBoxOptionOption}
 	     */
 	    options: Array<EuiComboBoxOptionOption<T>>;
 	    renderOption?: (option: EuiComboBoxOptionOption<T>, searchValue: string, OPTION_CONTENT_CLASSNAME: string) => ReactNode;
@@ -14399,7 +14404,7 @@ declare module '@elastic/eui/src/components/timeline/timeline' {
 	export type EuiTimelineGutterSize = (typeof GUTTER_SIZES)[number];
 	export interface EuiTimelineProps extends HTMLAttributes<HTMLOListElement>, CommonProps {
 	    /**
-	     * List of timeline items to render. See #EuiTimelineItem
+	     * List of timeline items to render. See {@link EuiTimelineItem}
 	     */
 	    items?: EuiTimelineItemProps[];
 	    /**
@@ -14522,7 +14527,7 @@ declare module '@elastic/eui/src/components/comment_list/comment_list' {
 	import { EuiTimelineProps } from '@elastic/eui/src/components/timeline';
 	export type EuiCommentListProps = Omit<EuiTimelineProps, 'items' | 'gutterSize'> & {
 	    /**
-	     * List of comments to render. See #EuiComment
+	     * List of comments to render. See {@link EuiComment}
 	     */
 	    comments?: EuiCommentProps[];
 	    /**
@@ -14784,7 +14789,7 @@ declare module '@elastic/eui/src/components/token' {
 }
 declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	import { ComponentType, JSXElementConstructor, ReactNode, HTMLAttributes, CSSProperties, ReactElement, AriaAttributes, MutableRefObject, Ref, Component, ComponentClass, KeyboardEventHandler, JSX } from 'react';
-	import { VariableSizeGridProps, VariableSizeGrid as Grid, GridOnItemsRenderedProps } from 'react-window';
+	import { VariableSizeGridProps, VariableSizeGrid as Grid, GridOnItemsRenderedProps, GridOnScrollProps } from 'react-window';
 	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group';
 	import { EuiButtonEmpty, EuiButtonIcon } from '@elastic/eui/src/components/button';
 	import { ExclusiveUnion, CommonProps, OneOf } from '@elastic/eui/src/components/common';
@@ -14839,7 +14844,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	}
 	export interface EuiDataGridSchemaDetector {
 	    /**
-	     * The name of this data type, matches #EuiDataGridColumn / `schema`
+	     * The name of this data type, matches {@link EuiDataGridColumn} / `schema`
 	     */
 	    type: string;
 	    /**
@@ -14870,7 +14875,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     */
 	    sortTextDesc: ReactNode;
 	    /**
-	     * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual #EuiDataGridColumn level
+	     * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual {@link EuiDataGridColumn} level
 	     */
 	    isSortable?: boolean;
 	    /**
@@ -14878,7 +14883,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     */
 	    textTransform?: 'uppercase' | 'lowercase' | 'capitalize';
 	    /**
-	     * Default sort direction of columns with this schema. Can be overridden at the individual #EuiDataGridColumn level
+	     * Default sort direction of columns with this schema. Can be overridden at the individual {@link EuiDataGridColumn} level
 	     */
 	    defaultSortDirection?: 'asc' | 'desc';
 	}
@@ -14972,27 +14977,27 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	}
 	export type CommonGridProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    /**
-	     * An array of #EuiDataGridColumn objects. Lists the columns available and the schema and settings tied to it.
+	     * An array of {@link EuiDataGridColumn} objects. Lists the columns available and the schema and settings tied to it.
 	     */
 	    columns: EuiDataGridColumn[];
 	    /**
-	     * An array of #EuiDataGridControlColumn objects. Used to define ancillary columns on the left side of the data grid.
+	     * An array of {@link EuiDataGridControlColumn} objects. Used to define ancillary columns on the left side of the data grid.
 	     * Useful for adding items like checkboxes and buttons.
 	     */
 	    leadingControlColumns?: EuiDataGridControlColumn[];
 	    /**
-	     * An array of #EuiDataGridControlColumn objects. Used to define ancillary columns on the right side of the data grid.
+	     * An array of {@link EuiDataGridControlColumn} objects. Used to define ancillary columns on the right side of the data grid.
 	     * Useful for adding items like checkboxes and buttons.
 	     */
 	    trailingControlColumns?: EuiDataGridControlColumn[];
 	    /**
-	     * An array of #EuiDataGridColumnVisibility objects.
+	     * An array of {@link EuiDataGridColumnVisibility} objects.
 	     * Defines which columns are **intitially** visible in the grid and the order they are displayed.
 	     * Users can still turn their visibility on/off when `toolbarVisibility.showColumnSelector = true` (which is the default).
 	     */
 	    columnVisibility: EuiDataGridColumnVisibility;
 	    /**
-	     * An array of custom #EuiDataGridSchemaDetector objects. You can inject custom schemas to the grid to define the classnames applied.
+	     * An array of custom {@link EuiDataGridSchemaDetector} objects. You can inject custom schemas to the grid to define the classnames applied.
 	     */
 	    schemaDetectors?: EuiDataGridSchemaDetector[];
 	    /**
@@ -15001,7 +15006,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    rowCount: number;
 	    /**
 	     * A function called to render a cell's value. Behind the scenes it is treated as a React component
-	     * allowing hooks, context, and other React concepts to be used. The function receives #EuiDataGridCellValueElementProps
+	     * allowing hooks, context, and other React concepts to be used. The function receives {@link EuiDataGridCellValueElementProps}
 	     * as its only argument.
 	     */
 	    renderCellValue: EuiDataGridCellProps['renderCellValue'];
@@ -15018,7 +15023,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     * `<EuiPopoverFooter>` around the cell actions.
 	     *
 	     * Behind the scenes it is treated as a React component allowing hooks, context, and other React concepts to be used.
-	     * The function receives #EuiDataGridCellPopoverElementProps as its only argument.
+	     * The function receives {@link EuiDataGridCellPopoverElementProps} as its only argument.
 	     *
 	     */
 	    renderCellPopover?: EuiDataGridCellProps['renderCellPopover'];
@@ -15026,7 +15031,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     * An optional function called to render a footer cell. If not specified, no footer row is rendered.
 	     *
 	     * Behind the scenes it is treated as a React component
-	     * allowing hooks, context, and other React concepts to be used. The function receives #EuiDataGridCellValueElementProps
+	     * allowing hooks, context, and other React concepts to be used. The function receives {@link EuiDataGridCellValueElementProps}
 	     * as its only argument.
 	     */
 	    renderFooterCellValue?: EuiDataGridCellProps['renderCellValue'];
@@ -15039,7 +15044,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     *
 	     * Behind the scenes, this function is treated as a React component,
 	     * allowing hooks, context, and other React concepts to be used.
-	     * It receives #EuiDataGridCustomBodyProps as its only argument.
+	     * It receives {@link EuiDataGridCustomBodyProps} as its only argument.
 	     */
 	    renderCustomGridBody?: (args: EuiDataGridCustomBodyProps) => ReactNode;
 	    /**
@@ -15048,34 +15053,34 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     *
 	     * Behind the scenes, this function is treated as a React component,
 	     * allowing hooks, context, and other React concepts to be used.
-	     * It receives #EuiDataGridCustomToolbarProps as its only argument.
+	     * It receives {@link EuiDataGridCustomToolbarProps} as its only argument.
 	     */
 	    renderCustomToolbar?: EuiDataGridToolbarProps['renderCustomToolbar'];
 	    /**
-	     * Defines the initial style of the grid. Accepts a partial #EuiDataGridStyle object.
+	     * Defines the initial style of the grid. Accepts a partial {@link EuiDataGridStyle} object.
 	     * Settings provided may be overwritten or merged with user defined preferences if `toolbarVisibility.showDisplaySelector.allowDensity = true` (which is the default).
 	     */
 	    gridStyle?: EuiDataGridStyle;
 	    /**
 	     * Allows you to configure what features the toolbar shows.
 	     *
-	     * Accepts either a boolean or #EuiDataGridToolBarVisibilityOptions object.
+	     * Accepts either a boolean or {@link EuiDataGridToolBarVisibilityOptions} object.
 	     * When used as a boolean, defines the display of the entire toolbar.
 	     * When passed an object allows you to turn off individual controls within the toolbar as well as add additional buttons.
 	     */
 	    toolbarVisibility?: boolean | EuiDataGridToolBarVisibilityOptions;
 	    /**
-	     * A #EuiDataGridInMemory object to define the level of high order schema-detection and sorting logic to use on your data.
+	     * A {@link EuiDataGridInMemory} object to define the level of high order schema-detection and sorting logic to use on your data.
 	     * **Try to set when possible**.
 	     * If omitted, disables all enhancements and assumes content is flat strings.
 	     */
 	    inMemory?: EuiDataGridInMemory;
 	    /**
-	     * A #EuiDataGridPaginationProps object. Omit to disable pagination completely.
+	     * A {@link EuiDataGridPaginationProps} object. Omit to disable pagination completely.
 	     */
 	    pagination?: EuiDataGridPaginationProps;
 	    /**
-	     * A #EuiDataGridSorting object that provides the sorted columns along with their direction. Provides a callback for when it changes.
+	     * A {@link EuiDataGridSorting} object that provides the sorted columns along with their direction. Provides a callback for when it changes.
 	     * Optional, but required when inMemory is set.
 	     * Omit to disable, but you'll likely want to also turn off the user sorting controls through the `toolbarVisibility` prop.
 	     */
@@ -15099,9 +15104,23 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    /**
 	     * Allows customizing the underlying [react-window grid](https://react-window.vercel.app/#/api/VariableSizeGrid) props.
 	     */
-	    virtualizationOptions?: Pick<VariableSizeGridProps, 'className' | 'style' | 'direction' | 'estimatedRowHeight' | 'estimatedColumnWidth' | 'overscanRowCount' | 'overscanColumnCount' | 'initialScrollTop' | 'initialScrollLeft' | 'onScroll' | 'onItemsRendered' | 'itemKey' | 'outerElementType'>;
-	    /**
-	     * A #EuiDataGridRowHeightsOptions object that provides row heights options.
+	    virtualizationOptions?: Pick<VariableSizeGridProps, 'className' | 'style' | 'direction' | 'estimatedRowHeight' | 'estimatedColumnWidth' | 'overscanRowCount' | 'overscanColumnCount' | 'initialScrollTop' | 'initialScrollLeft' | 'onItemsRendered' | 'itemKey' | 'outerElementType'> & {
+	        /**
+	         * Called when the grid scroll positions changes, as a result of user scrolling or scroll-to method calls.
+	         */
+	        onScroll?: (args: GridOnScrollProps & {
+	            scrollHeight: number;
+	            scrollWidth: number;
+	            clientHeight: number;
+	            clientWidth: number;
+	            isScrolledToBlockStart: boolean;
+	            isScrolledToBlockEnd: boolean;
+	            isScrolledToInlineStart: boolean;
+	            isScrolledToInlineEnd: boolean;
+	        }) => void;
+	    };
+	    /**
+	     * A {@link EuiDataGridRowHeightsOptions} object that provides row heights options.
 	     * Allows configuring both default and specific heights of grid rows.
 	     * Settings provided may be overwritten or merged with user defined preferences if `toolbarVisibility.showDisplaySelector.allowRowHeight = true` (which is the default).
 	     */
@@ -15264,7 +15283,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     */
 	    colIndex: number;
 	    /**
-	     * ID of the column being rendered, the value comes from the #EuiDataGridColumn `id`
+	     * ID of the column being rendered, the value comes from the {@link EuiDataGridColumn} `id`
 	     */
 	    columnId: string;
 	    /**
@@ -15282,7 +15301,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     */
 	    setCellProps: (props: EuiDataGridSetCellProps) => void;
 	    /**
-	     * Whether or not the cell is expandable, comes from the #EuiDataGridColumn `isExpandable` which defaults to `true`
+	     * Whether or not the cell is expandable, comes from the {@link EuiDataGridColumn} `isExpandable` which defaults to `true`
 	     */
 	    isExpandable: boolean;
 	    /**
@@ -15428,12 +15447,12 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    defaultSortDirection?: 'asc' | 'desc';
 	    /**
 	     * A Schema to use for the column.
-	     * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
+	     * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own {@link EuiDataGrid} `schemaDetectors` (for in-memory detection).
 	     * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
 	     */
 	    schema?: string;
 	    /**
-	     * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
+	     * Configuration of column actions. Set to false to disable or use {@link EuiDataGridColumnActions} to configure the actions displayed in the header cell of the column.
 	     */
 	    actions?: false | EuiDataGridColumnActions;
 	    /**
@@ -15504,7 +15523,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	}
 	export interface EuiDataGridColumnVisibility {
 	    /**
-	     * An array of #EuiDataGridColumn `id`s dictating the order and visibility of columns.
+	     * An array of {@link EuiDataGridColumn} `id`s dictating the order and visibility of columns.
 	     */
 	    visibleColumns: string[];
 	    /**
@@ -15545,7 +15564,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     */
 	    stripes?: boolean;
 	    /**
-	     * Visual style for the column headers. Recommendation is to use the `underline` style in times when #EuiDataGrid `toolbarVisibility` is set to `false`.
+	     * Visual style for the column headers. Recommendation is to use the `underline` style in times when {@link EuiDataGrid} `toolbarVisibility` is set to `false`.
 	     * @default shade
 	     */
 	    header?: EuiDataGridStyleHeader;
@@ -15618,13 +15637,13 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	export type EuiDataGridDisplaySelectorCustomRender = (args: EuiDataGridDisplaySelectorCustomRenderProps) => ReactNode;
 	export interface EuiDataGridToolBarVisibilityOptions {
 	    /**
-	     * Allows the ability for the user to hide fields and sort columns, boolean or a #EuiDataGridToolBarVisibilityColumnSelectorOptions
+	     * Allows the ability for the user to hide fields and sort columns, boolean or a {@link EuiDataGridToolBarVisibilityColumnSelectorOptions}
 	     * @default true
 	     */
 	    showColumnSelector?: boolean | EuiDataGridToolBarVisibilityColumnSelectorOptions;
 	    /**
 	     * Allows the ability for the user to customize display settings such as grid density and row heights.
-	     * User changes will override what is provided in #EuiDataGridStyle and #EuiDataGridRowHeightsOptions
+	     * User changes will override what is provided in {@link EuiDataGridStyle} and {@link EuiDataGridRowHeightsOptions}
 	     * @default true
 	     */
 	    showDisplaySelector?: boolean | EuiDataGridToolBarVisibilityDisplaySelectorOptions;
@@ -15646,14 +15665,14 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    showFullScreenSelector?: boolean;
 	    /**
 	     * If passed a `ReactNode`, appends the passed custom control into the left side of the toolbar, after the column & sort controls.
-	     * Or use #EuiDataGridToolBarAdditionalControlsOptions to customize the location of your control.
+	     * Or use {@link EuiDataGridToolBarAdditionalControlsOptions} to customize the location of your control.
 	     */
 	    additionalControls?: ReactNode | EuiDataGridToolBarAdditionalControlsOptions;
 	}
 	export interface EuiDataGridToolBarAdditionalControlsOptions {
 	    /**
 	     * If passed a `ReactNode`, appends the passed node into the left side of the toolbar, **after** the column & sort controls.
-	     * Or use #EuiDataGridToolBarAdditionalControlsLeftOptions to customize the location of your control.
+	     * Or use {@link EuiDataGridToolBarAdditionalControlsLeftOptions} to customize the location of your control.
 	     * We recommend using `<EuiButtonEmpty size="xs" />` to match the existing controls on the left.
 	     */
 	    left?: ReactNode | EuiDataGridToolBarAdditionalControlsLeftOptions;
@@ -15767,7 +15786,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     * Defines the height for a specific row. It can be line count or just height.
 	     *
 	     * When using row height overrides, we strongly setting the `showDisplaySelector: allowRowHeight`
-	     * toolbar control to `false` in #EuiDataGridToolBarVisibilityOptions
+	     * toolbar control to `false` in {@link EuiDataGridToolBarVisibilityOptions}
 	     */
 	    rowHeights?: Record<number, EuiDataGridRowHeightOption>;
 	    /**
@@ -18325,7 +18344,7 @@ declare module '@elastic/eui/src/components/responsive/hide_for' {
 	    children: ReactNode;
 	    /**
 	     * List of all the responsive sizes to hide the children for.
-	     * Array of #EuiBreakpointSize
+	     * Array of {@link EuiBreakpointSize}
 	     */
 	    sizes: EuiHideForBreakpoints[] | 'all' | 'none';
 	}
@@ -18343,7 +18362,7 @@ declare module '@elastic/eui/src/components/responsive/show_for' {
 	    children: ReactNode;
 	    /**
 	     * List of all the responsive sizes to show the children for.
-	     * Array of #EuiBreakpointSize
+	     * Array of {@link EuiBreakpointSize}
 	     */
 	    sizes: EuiShowForBreakpoints[] | 'all' | 'none';
 	}
@@ -18597,11 +18616,11 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	     */
 	    isQuickSelectOnly?: boolean;
 	    /**
-	     * Props passed to the update button #EuiSuperUpdateButtonProps
+	     * Props passed to the update button {@link EuiSuperUpdateButtonProps}
 	     */
 	    updateButtonProps?: EuiSuperUpdateButtonProps;
 	    /**
-	     * Props passed to the quick select button #EuiQuickSelectButtonProps
+	     * Props passed to the quick select button {@link EuiQuickSelectButtonProps}
 	     */
 	    quickSelectButtonProps?: EuiQuickSelectButtonProps;
 	    /**
@@ -19356,24 +19375,24 @@ declare module '@elastic/eui/src/components/header/header' {
 	type EuiHeaderSectionItemType = EuiHeaderSectionItemProps['children'];
 	export interface EuiHeaderSections {
 	    /**
-	     * An array of items that will be wrapped in a #EuiHeaderSectionItem
+	     * An array of items that will be wrapped in a {@link EuiHeaderSectionItem}
 	     */
 	    items?: EuiHeaderSectionItemType[];
 	    /**
-	     * Breadcrumbs in the header cannot be wrapped in a #EuiHeaderSection in order for truncation to work.
+	     * Breadcrumbs in the header cannot be wrapped in a {@link EuiHeaderSection} in order for truncation to work.
 	     * Simply pass the array of EuiBreadcrumb objects
 	     */
 	    breadcrumbs?: EuiBreadcrumb[];
 	    /**
-	     * Other props to pass to #EuiHeaderBreadcrumbs
+	     * Other props to pass to {@link EuiHeaderBreadcrumbs}
 	     */
 	    breadcrumbProps?: Omit<EuiBreadcrumbsProps, 'breadcrumbs'>;
 	}
 	export type EuiHeaderProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    /**
-	     * An array of objects to wrap in a #EuiHeaderSection.
+	     * An array of objects to wrap in a {@link EuiHeaderSection}.
 	     * Each section is spaced using `space-between`.
-	     * See #EuiHeaderSections for object details.
+	     * See {@link EuiHeaderSections} for object details.
 	     * This prop disregards the prop `children` if both are passed.
 	     */
 	    sections?: EuiHeaderSections[];
@@ -20165,7 +20184,7 @@ declare module '@elastic/eui/src/components/key_pad_menu/key_pad_menu' {
 	export type EuiKeyPadMenuProps = CommonProps & HTMLAttributes<HTMLElement> & {
 	    /**
 	     * Renders the the group as a `fieldset`.
-	     * Set to `true` to customize the labelling, or pass an #_EuiKeyPadMenuCheckableProps object to add a `legend` or `ariaLegend`
+	     * Set to `true` to customize the labelling, or pass an {@link _EuiKeyPadMenuCheckableProps} object to add a `legend` or `ariaLegend`
 	     */
 	    checkable?: _EuiKeyPadMenuCheckableProps | true;
 	};
@@ -20842,7 +20861,7 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_def
 	    };
 	    /**
 	     * Allows configuring the `allowRelative` and `allowProtocols` of
-	     * #EuiMarkdownLinkValidatorOptions
+	     * {@link EuiMarkdownLinkValidatorOptions}
 	     */
 	    linkValidator?: EuiMarkdownLinkValidatorOptions;
 	};
@@ -23327,6 +23346,16 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	    normalizedSearchValue: string;
 	}
 	export type EuiSelectableOptionMatcher<T> = (args: EuiSelectableOptionMatcherArgs<T>) => boolean;
+	/**
+	 * The `searchable` prop has significant implications for a11y. When present, we effectively change from adhering to the
+	 * - ARIA `listbox` spec (@see https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox)
+	 * - ARIA `combobox` spec (@see https://www.w3.org/TR/wai-aria-practices-1.2/#combobox)
+	 *
+	 * and (re)implement all relevant attributes and keyboard interactions.
+	 * Take note of logic that relies on `searchable` to ensure that any modifications remain in alignment.
+	 *
+	 * `searchProps` can only be specified when `searchable` is `true`.
+	 */
 	export type EuiSelectableSearchableProps<T> = ExclusiveUnion<{
 	    searchable: false;
 	}, {
@@ -23336,7 +23365,7 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	    searchable: true;
 	    /**
 	     * Passes props down to the `EuiFieldSearch`.
-	     * See #EuiSelectableSearchProps
+	     * {@link EuiSelectableSearchProps}
 	     */
 	    searchProps?: EuiSelectableSearchableSearchProps<T>;
 	}>;
@@ -23348,7 +23377,7 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	     */
 	    children?: (list: ReactElement<typeof EuiSelectableMessage | typeof EuiSelectableList>, search: ReactElement<typeof EuiSelectableSearch> | undefined) => ReactNode;
 	    /**
-	     * Array of EuiSelectableOption objects. See #EuiSelectableOption
+	     * Array of EuiSelectableOption objects. See {@link EuiSelectableOption}
 	     */
 	    options: Array<EuiSelectableOption<T>>;
 	    /**
@@ -23384,7 +23413,7 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	     */
 	    height?: number | 'full';
 	    /**
-	     * See #EuiSelectableOptionsListProps
+	     * See {@link EuiSelectableOptionsListPropsWithDefaults}
 	     */
 	    listProps?: EuiSelectableOptionsListPropsWithDefaults;
 	    /**
@@ -23544,7 +23573,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_templates/sele
 	     */
 	    avatar?: EuiAvatarProps;
 	    /**
-	     * An array of inline #EuiSelectableTemplateSitewideMetaData displayed beneath the label and separated by bullets.
+	     * An array of inline {@link EuiSelectableTemplateSitewideMetaData} displayed beneath the label and separated by bullets.
 	     */
 	    meta?: EuiSelectableTemplateSitewideMetaData[];
 	} & EuiSelectableOption<T>;
@@ -23562,8 +23591,8 @@ declare module '@elastic/eui/src/components/selectable/selectable_templates/sele
 	    [key: string]: any;
 	}>, 'options'>> & {
 	    /**
-	     * Extends the typical #EuiSelectableTemplateSitewideOption with the addition of pre-composed elements
-	     * such as `icon`, `avatar`and `meta`
+	     * Extends the typical EuiSelectable {@link EuiSelectableTemplateSitewideOption} with the addition of pre-composed elements
+	     * such as `icon`, `avatar` and `meta`
 	     */
 	    options: EuiSelectableTemplateSitewideOption[];
 	    /**
@@ -23635,7 +23664,7 @@ declare module '@elastic/eui/src/components/search_bar/filters/field_value_selec
 	    field?: string;
 	    name: string;
 	    /**
-	     * See #FieldValueOptionType
+	     * See {@link FieldValueOptionType}
 	     */
 	    options: FieldValueOptionType[] | OptionsLoader;
 	    filterWith?: 'prefix' | 'includes' | OptionsFilter;
@@ -23731,7 +23760,7 @@ declare module '@elastic/eui/src/components/search_bar/filters/field_value_toggl
 	    type: 'field_value_toggle_group';
 	    field: string;
 	    /**
-	     * See #FieldValueToggleGroupFilterItemType
+	     * See {@link FieldValueToggleGroupFilterItemType}
 	     */
 	    items: FieldValueToggleGroupFilterItemType[];
 	    available?: () => boolean;
@@ -23862,7 +23891,7 @@ declare module '@elastic/eui/src/components/search_bar/search_bar' {
 	        schema?: SchemaType | boolean;
 	    };
 	    /**
-	     An array of search filters. See #SearchFilterConfig.
+	     An array of search filters. See {@link SearchFilterConfig}.
 	     */
 	    filters?: SearchFilterConfig[];
 	    /**
@@ -24104,7 +24133,7 @@ declare module '@elastic/eui/src/components/side_nav/side_nav' {
 	     */
 	    heading?: ReactNode;
 	    /**
-	     * Adds a couple extra #EuiSideNavHeading props and extends the props of EuiTitle that wraps the `heading`
+	     * Adds a couple extra {@link EuiSideNavHeading} props and extends the props of EuiTitle that wraps the `heading`
 	     */
 	    headingProps?: Partial<EuiSideNavHeadingProps>;
 	    /**
@@ -24125,7 +24154,7 @@ declare module '@elastic/eui/src/components/side_nav/side_nav' {
 	     */
 	    mobileBreakpoints?: EuiBreakpointSize[];
 	    /**
-	     *  An array of #EuiSideNavItem objects. Lists navigation menu items.
+	     *  An array of {@link EuiSideNavItem} objects. Lists navigation menu items.
 	     */
 	    items: Array<EuiSideNavItemType<T>>;
 	    /**
@@ -24812,7 +24841,7 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	     */
 	    cellProps?: object | CellPropsCallback<T>;
 	    /**
-	     * An array of one of the objects: #EuiTableFieldDataColumnType, #EuiTableComputedColumnType or #EuiTableActionsColumnType.
+	     * An array of one of the objects: {@link EuiTableFieldDataColumnType}, {@link EuiTableComputedColumnType} or {@link EuiTableActionsColumnType}.
 	     */
 	    columns: Array<EuiBasicTableColumn<T>>;
 	    /**
@@ -24836,11 +24865,12 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	     */
 	    noItemsMessage?: ReactNode;
 	    /**
-	     * Called whenever pagination or sorting changes (this property is required when either pagination or sorting is configured). See #Criteria or #CriteriaWithPagination
+	     * Called whenever pagination or sorting changes (this property is required when either pagination or sorting is configured).
+	     * See {@link Criteria} or {@link CriteriaWithPagination}
 	     */
 	    onChange?: (criteria: Criteria<T>) => void;
 	    /**
-	     * Configures #Pagination
+	     * Configures {@link Pagination}
 	     */
 	    pagination?: undefined;
 	    /**
@@ -24848,11 +24878,11 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	     */
 	    rowProps?: object | RowPropsCallback<T>;
 	    /**
-	     * Configures #EuiTableSelectionType
+	     * Configures {@link EuiTableSelectionType}
 	     */
 	    selection?: EuiTableSelectionType<T>;
 	    /**
-	     * Configures #EuiTableSortingType
+	     * Configures {@link EuiTableSortingType}
 	     */
 	    sorting?: EuiTableSortingType<T>;
 	    /**
@@ -24949,7 +24979,7 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	type InMemoryTableProps<T extends object> = Omit<EuiBasicTableProps<T>, 'pagination' | 'sorting' | 'noItemsMessage' | 'onChange'> & {
 	    message?: ReactNode;
 	    /**
-	     * Configures #Search.
+	     * Configures {@link Search}.
 	     */
 	    search?: Search;
 	    /**
@@ -24965,11 +24995,11 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	     */
 	    searchFormat?: 'eql' | 'text';
 	    /**
-	     * Configures #Pagination
+	     * Configures {@link Pagination}
 	     */
 	    pagination?: undefined;
 	    /**
-	     * Configures #EuiTableSortingType
+	     * Configures {@link EuiTableSortingType}
 	     */
 	    sorting?: Sorting;
 	    /**
@@ -24979,11 +25009,13 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	    /**
 	     * `onChange` is not required when `pagination` and/or `sorting` are configured,
 	     * but if `onChange` is present it is responsible for handling state for each/both.
-	     * See #Criteria or #CriteriaWithPagination
+	     * See {@link Criteria} or {@link CriteriaWithPagination}
 	     */
 	    onChange?: EuiBasicTableProps<T>['onChange'];
 	    /**
-	     * Callback for when table pagination or sorting is changed. This is meant to be informational only, and not used to set any state as the in-memory table already manages this state. See #Criteria or #CriteriaWithPagination.
+	     * Callback for when table pagination or sorting is changed. This is meant to be informational only,
+	     * and not used to set any state as the in-memory table already manages this state.
+	     * See {@link Criteria} or {@link CriteriaWithPagination}.
 	     */
 	    onTableChange?: (nextValues: Criteria<T>) => void;
 	    executeQueryOptions?: {
@@ -31400,6 +31432,1726 @@ declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins' {
 	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow';
 
 }
+declare module '@elastic/eui/dist/eui_theme_amsterdam_dark.json' {
+  const sassVariables: {
+    euiZDataGrid: number;
+    euiZHeaderBelowDataGrid: number;
+    euiZDataGridCellPopover: number;
+    euiDataGridCellPaddingS: string;
+    euiDataGridCellPaddingM: string;
+    euiDataGridCellPaddingL: string;
+    euiTableHoverColor: string;
+    euiTableSelectedColor: string;
+    euiTableHoverSelectedColor: string;
+    euiTableActionsBorderColor: string;
+    euiTableHoverClickableColor: string;
+    euiTableFocusClickableColor: string;
+    euiContrastRatioText: number;
+    euiContrastRatioGraphic: number;
+    euiContrastRatioDisabled: number;
+    euiAnimSlightBounce: string;
+    euiAnimSlightResistance: string;
+    euiAnimSpeedExtraFast: string;
+    euiAnimSpeedFast: string;
+    euiAnimSpeedNormal: string;
+    euiAnimSpeedSlow: string;
+    euiAnimSpeedExtraSlow: string;
+    euiBorderWidthThin: string;
+    euiBorderWidthThick: string;
+    euiBorderColor: string;
+    euiBorderRadius: string;
+    euiBorderRadiusSmall: string;
+    euiBorderThick: string;
+    euiBorderThin: string;
+    euiBorderEditable: string;
+    euiButtonHeight: string;
+    euiButtonHeightSmall: string;
+    euiButtonHeightXSmall: string;
+    euiButtonColorDisabled: string;
+    euiButtonColorDisabledText: string;
+    euiButtonColorGhostDisabled: string;
+    euiButtonTypes: {
+      primary: string;
+      accent: string;
+      accentSecondary: string;
+      neutral: string;
+      success: string;
+      warning: string;
+      risk: string;
+      danger: string;
+      ghost: string;
+      text: string;
+    };
+    euiFontWeightLight: number;
+    euiFontWeightRegular: number;
+    euiFontWeightMedium: number;
+    euiFontWeightSemiBold: number;
+    euiFontWeightBold: number;
+    euiCodeFontWeightRegular: number;
+    euiCodeFontWeightBold: number;
+    euiFormMaxWidth: string;
+    euiFormControlHeight: string;
+    euiFormControlCompressedHeight: string;
+    euiFormControlPadding: string;
+    euiFormControlCompressedPadding: string;
+    euiFormControlBorderRadius: string;
+    euiFormControlCompressedBorderRadius: string;
+    euiRadioSize: string;
+    euiCheckBoxSize: string;
+    euiCheckboxBorderRadius: string;
+    euiSwitchHeight: string;
+    euiSwitchWidth: string;
+    euiSwitchThumbSize: string;
+    euiSwitchIconHeight: string;
+    euiSwitchHeightCompressed: string;
+    euiSwitchWidthCompressed: string;
+    euiSwitchThumbSizeCompressed: string;
+    euiSwitchHeightMini: string;
+    euiSwitchWidthMini: string;
+    euiSwitchThumbSizeMini: string;
+    euiFormBackgroundColor: string;
+    euiFormBackgroundDisabledColor: string;
+    euiFormBackgroundReadOnlyColor: string;
+    euiFormBorderOpaqueColor: string;
+    euiFormBorderColor: string;
+    euiFormBorderDisabledColor: string;
+    euiFormCustomControlDisabledIconColor: string;
+    euiFormCustomControlBorderColor: string;
+    euiFormControlDisabledColor: string;
+    euiFormControlBoxShadow: string;
+    euiFormControlPlaceholderText: string;
+    euiFormInputGroupLabelBackground: string;
+    euiFormInputGroupBorder: string;
+    euiSwitchOffColor: string;
+    euiFormControlIconSizes: {
+      small: string;
+      medium: string;
+      large: string;
+      xLarge: string;
+      xxLarge: string;
+    };
+    euiFormControlLayoutGroupInputHeight: string;
+    euiFormControlLayoutGroupInputCompressedHeight: string;
+    euiFormControlLayoutGroupInputCompressedBorderRadius: string;
+    euiHeaderBackgroundColor: string;
+    euiHeaderDarkBackgroundColor: string;
+    euiHeaderBorderColor: string;
+    euiHeaderBreadcrumbColor: string;
+    euiHeaderHeight: string;
+    euiHeaderChildSize: string;
+    euiHeaderHeightCompensation: string;
+    euiPageDefaultMaxWidth: string;
+    euiPageSidebarMinWidth: string;
+    euiPanelPaddingModifiers: {
+      paddingSmall: string;
+      paddingMedium: string;
+      paddingLarge: string;
+    };
+    euiPanelBorderRadiusModifiers: {
+      borderRadiusNone: number;
+      borderRadiusMedium: string;
+    };
+    euiPanelBackgroundColorModifiers: {
+      transparent: string;
+      plain: string;
+      subdued: string;
+      accent: string;
+      accentSecondary: string;
+      primary: string;
+      success: string;
+      warning: string;
+      danger: string;
+    };
+    euiBreakpoints: {
+      xs: number;
+      s: string;
+      m: string;
+      l: string;
+      xl: string;
+    };
+    euiBreakpointKeys: string;
+    euiShadowColor: string;
+    euiSize: string;
+    euiSizeXS: string;
+    euiSizeS: string;
+    euiSizeM: string;
+    euiSizeL: string;
+    euiSizeXL: string;
+    euiSizeXXL: string;
+    euiScrollBar: string;
+    euiScrollBarCorner: string;
+    euiScrollBarCornerThin: string;
+    euiFocusRingColor: string;
+    euiFocusRingAnimStartColor: string;
+    euiFocusRingAnimStartSize: string;
+    euiFocusRingAnimStartSizeLarge: string;
+    euiFocusRingSizeLarge: string;
+    euiFocusRingSize: string;
+    euiFocusTransparency: number;
+    euiFocusTransparencyPercent: string;
+    euiFocusBackgroundColor: string;
+    euiFontFamily: string;
+    euiCodeFontFamily: string;
+    euiFontFeatureSettings: string;
+    euiTextScale: string;
+    euiFontSize: string;
+    euiFontSizeXS: string;
+    euiFontSizeS: string;
+    euiFontSizeM: string;
+    euiFontSizeL: string;
+    euiFontSizeXL: string;
+    euiFontSizeXXL: string;
+    euiLineHeight: number;
+    euiBodyLineHeight: number;
+    euiTitles: {
+      xxxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      s: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      m: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      l: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+    };
+    euiZLevel0: number;
+    euiZLevel1: number;
+    euiZLevel2: number;
+    euiZLevel3: number;
+    euiZLevel4: number;
+    euiZLevel5: number;
+    euiZLevel6: number;
+    euiZLevel7: number;
+    euiZLevel8: number;
+    euiZLevel9: number;
+    euiZToastList: number;
+    euiZModal: number;
+    euiZMask: number;
+    euiZNavigation: number;
+    euiZContentMenu: number;
+    euiZHeader: number;
+    euiZFlyout: number;
+    euiZMaskBelowHeader: number;
+    euiZContent: number;
+    euiPaletteColorBlind: {
+      euiColorVis0: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis1: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis2: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis3: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis4: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis5: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis6: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis7: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis8: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis9: {
+        graphic: string;
+        behindText: string;
+      };
+    };
+    euiPaletteColorBlindKeys: string;
+    euiColorVis0: string;
+    euiColorVis1: string;
+    euiColorVis2: string;
+    euiColorVis3: string;
+    euiColorVis4: string;
+    euiColorVis5: string;
+    euiColorVis6: string;
+    euiColorVis7: string;
+    euiColorVis8: string;
+    euiColorVis9: string;
+    euiColorVis0_behindText: string;
+    euiColorVis1_behindText: string;
+    euiColorVis2_behindText: string;
+    euiColorVis3_behindText: string;
+    euiColorVis4_behindText: string;
+    euiColorVis5_behindText: string;
+    euiColorVis6_behindText: string;
+    euiColorVis7_behindText: string;
+    euiColorVis8_behindText: string;
+    euiColorVis9_behindText: string;
+    euiColorVisAsTextLight0: string;
+    euiColorVisAsTextLight1: string;
+    euiColorVisAsTextLight2: string;
+    euiColorVisAsTextLight3: string;
+    euiColorVisAsTextLight4: string;
+    euiColorVisAsTextLight5: string;
+    euiColorVisAsTextLight6: string;
+    euiColorVisAsTextDark0: string;
+    euiColorVisAsTextDark1: string;
+    euiColorVisAsTextDark2: string;
+    euiColorVisAsTextDark3: string;
+    euiColorVisAsTextDark4: string;
+    euiColorVisAsTextDark5: string;
+    euiColorVisAsTextDark6: string;
+    euiColorVisSuccess0: string;
+    euiColorVisSuccess1: string;
+    euiColorVisWarning0: string;
+    euiColorVisDanger0: string;
+    euiColorVisDanger1: string;
+    euiColorVisNeutral0: string;
+    euiColorVisGrey0: string;
+    euiColorVisGrey1: string;
+    euiColorVisGrey2: string;
+    euiColorVisGrey3: string;
+    euiColorVisWarm0: string;
+    euiColorVisWarm1: string;
+    euiColorVisWarm2: string;
+    euiColorVisCool0: string;
+    euiColorVisCool1: string;
+    euiColorVisCool2: string;
+    euiColorVisComplementary0: string;
+    euiColorVisComplementary1: string;
+    euiColorSeverityUnknown: string;
+    euiColorSeverityNeutral: string;
+    euiColorSeveritySuccess: string;
+    euiColorSeverityWarning: string;
+    euiColorSeverityRisk: string;
+    euiColorSeverityDanger: string;
+    euiColorChartLines: string;
+    euiColorChartBand: string;
+    euiColorGhost: string;
+    euiColorInk: string;
+    euiColorPrimary: string;
+    euiColorAccent: string;
+    euiColorAccentSecondary: string;
+    euiColorSuccess: string;
+    euiColorWarning: string;
+    euiColorDanger: string;
+    euiColorEmptyShade: string;
+    euiColorLightestShade: string;
+    euiColorLightShade: string;
+    euiColorMediumShade: string;
+    euiColorDarkShade: string;
+    euiColorDarkestShade: string;
+    euiColorFullShade: string;
+    euiPageBackgroundColor: string;
+    euiColorHighlight: string;
+    euiTextColor: string;
+    euiTitleColor: string;
+    euiTextSubduedColor: string;
+    euiColorDisabled: string;
+    euiColorPrimaryText: string;
+    euiColorSuccessText: string;
+    euiColorAccentText: string;
+    euiColorWarningText: string;
+    euiColorDangerText: string;
+    euiColorDisabledText: string;
+    euiLinkColor: string;
+    euiColorPlainLight: string;
+    euiColorPlainDark: string;
+    euiColorTextPrimary: string;
+    euiColorTextAccent: string;
+    euiColorTextAccentSecondary: string;
+    euiColorTextNeutral: string;
+    euiColorTextSuccess: string;
+    euiColorTextWarning: string;
+    euiColorTextRisk: string;
+    euiColorTextDanger: string;
+    euiColorTextParagraph: string;
+    euiColorTextHeading: string;
+    euiColorTextSubdued: string;
+    euiColorTextDisabled: string;
+    euiColorTextInverse: string;
+    euiColorBackgroundBasePrimary: string;
+    euiColorBackgroundBaseAccent: string;
+    euiColorBackgroundBaseAccentSecondary: string;
+    euiColorBackgroundBaseNeutral: string;
+    euiColorBackgroundBaseSuccess: string;
+    euiColorBackgroundBaseWarning: string;
+    euiColorBackgroundBaseRisk: string;
+    euiColorBackgroundBaseDanger: string;
+    euiColorBackgroundBaseSubdued: string;
+    euiColorBackgroundBasePlain: string;
+    euiColorBackgroundBaseDisabled: string;
+    euiColorBackgroundBaseHighlighted: string;
+    euiColorBackgroundBaseFormsPrepend: string;
+    euiColorBackgroundBaseFormsControlDisabled: string;
+    euiColorBackgroundBaseInteractiveHover: string;
+    euiColorBackgroundBaseInteractiveSelect: string;
+    euiColorBackgroundBaseInteractiveOverlay: string;
+    euiColorBackgroundBaseSkeletonEdge: string;
+    euiColorBackgroundBaseSkeletonMiddle: string;
+    euiColorBackgroundLightPrimary: string;
+    euiColorBackgroundLightAccent: string;
+    euiColorBackgroundLightAccentSecondary: string;
+    euiColorBackgroundLightNeutral: string;
+    euiColorBackgroundLightSuccess: string;
+    euiColorBackgroundLightWarning: string;
+    euiColorBackgroundLightRisk: string;
+    euiColorBackgroundLightDanger: string;
+    euiColorBackgroundLightText: string;
+    euiColorBackgroundFilledPrimary: string;
+    euiColorBackgroundFilledAccent: string;
+    euiColorBackgroundFilledAccentSecondary: string;
+    euiColorBackgroundFilledNeutral: string;
+    euiColorBackgroundFilledSuccess: string;
+    euiColorBackgroundFilledWarning: string;
+    euiColorBackgroundFilledRisk: string;
+    euiColorBackgroundFilledDanger: string;
+    euiColorBackgroundFilledText: string;
+    euiColorBorderBasePrimary: string;
+    euiColorBorderBaseAccent: string;
+    euiColorBorderBaseAccentSecondary: string;
+    euiColorBorderBaseNeutral: string;
+    euiColorBorderBaseSuccess: string;
+    euiColorBorderBaseWarning: string;
+    euiColorBorderBaseRisk: string;
+    euiColorBorderBaseDanger: string;
+    euiColorBorderBasePlain: string;
+    euiColorBorderBaseSubdued: string;
+    euiColorBorderBaseDisabled: string;
+    euiColorBorderBaseFloating: string;
+    euiColorBorderBaseFormsColorSwatch: string;
+    euiColorBorderBaseFormsControl: string;
+    euiColorBorderStrongPrimary: string;
+    euiColorBorderStrongAccent: string;
+    euiColorBorderStrongAccentSecondary: string;
+    euiColorBorderStrongNeutral: string;
+    euiColorBorderStrongSuccess: string;
+    euiColorBorderStrongWarning: string;
+    euiColorBorderStrongRisk: string;
+    euiColorBorderStrongDanger: string;
+  };
+  export default sassVariables;
+}
+declare module '@elastic/eui/dist/eui_theme_amsterdam_light.json' {
+  const sassVariables: {
+    euiZDataGrid: number;
+    euiZHeaderBelowDataGrid: number;
+    euiZDataGridCellPopover: number;
+    euiDataGridCellPaddingS: string;
+    euiDataGridCellPaddingM: string;
+    euiDataGridCellPaddingL: string;
+    euiTableHoverColor: string;
+    euiTableSelectedColor: string;
+    euiTableHoverSelectedColor: string;
+    euiTableActionsBorderColor: string;
+    euiTableHoverClickableColor: string;
+    euiTableFocusClickableColor: string;
+    euiContrastRatioText: number;
+    euiContrastRatioGraphic: number;
+    euiContrastRatioDisabled: number;
+    euiAnimSlightBounce: string;
+    euiAnimSlightResistance: string;
+    euiAnimSpeedExtraFast: string;
+    euiAnimSpeedFast: string;
+    euiAnimSpeedNormal: string;
+    euiAnimSpeedSlow: string;
+    euiAnimSpeedExtraSlow: string;
+    euiBorderWidthThin: string;
+    euiBorderWidthThick: string;
+    euiBorderColor: string;
+    euiBorderRadius: string;
+    euiBorderRadiusSmall: string;
+    euiBorderThick: string;
+    euiBorderThin: string;
+    euiBorderEditable: string;
+    euiButtonHeight: string;
+    euiButtonHeightSmall: string;
+    euiButtonHeightXSmall: string;
+    euiButtonColorDisabled: string;
+    euiButtonColorDisabledText: string;
+    euiButtonColorGhostDisabled: string;
+    euiButtonTypes: {
+      primary: string;
+      accent: string;
+      accentSecondary: string;
+      neutral: string;
+      success: string;
+      warning: string;
+      risk: string;
+      danger: string;
+      ghost: string;
+      text: string;
+    };
+    euiFontWeightLight: number;
+    euiFontWeightRegular: number;
+    euiFontWeightMedium: number;
+    euiFontWeightSemiBold: number;
+    euiFontWeightBold: number;
+    euiCodeFontWeightRegular: number;
+    euiCodeFontWeightBold: number;
+    euiFormMaxWidth: string;
+    euiFormControlHeight: string;
+    euiFormControlCompressedHeight: string;
+    euiFormControlPadding: string;
+    euiFormControlCompressedPadding: string;
+    euiFormControlBorderRadius: string;
+    euiFormControlCompressedBorderRadius: string;
+    euiRadioSize: string;
+    euiCheckBoxSize: string;
+    euiCheckboxBorderRadius: string;
+    euiSwitchHeight: string;
+    euiSwitchWidth: string;
+    euiSwitchThumbSize: string;
+    euiSwitchIconHeight: string;
+    euiSwitchHeightCompressed: string;
+    euiSwitchWidthCompressed: string;
+    euiSwitchThumbSizeCompressed: string;
+    euiSwitchHeightMini: string;
+    euiSwitchWidthMini: string;
+    euiSwitchThumbSizeMini: string;
+    euiFormBackgroundColor: string;
+    euiFormBackgroundDisabledColor: string;
+    euiFormBackgroundReadOnlyColor: string;
+    euiFormBorderOpaqueColor: string;
+    euiFormBorderColor: string;
+    euiFormBorderDisabledColor: string;
+    euiFormCustomControlDisabledIconColor: string;
+    euiFormCustomControlBorderColor: string;
+    euiFormControlDisabledColor: string;
+    euiFormControlBoxShadow: string;
+    euiFormControlPlaceholderText: string;
+    euiFormInputGroupLabelBackground: string;
+    euiFormInputGroupBorder: string;
+    euiSwitchOffColor: string;
+    euiFormControlIconSizes: {
+      small: string;
+      medium: string;
+      large: string;
+      xLarge: string;
+      xxLarge: string;
+    };
+    euiFormControlLayoutGroupInputHeight: string;
+    euiFormControlLayoutGroupInputCompressedHeight: string;
+    euiFormControlLayoutGroupInputCompressedBorderRadius: string;
+    euiHeaderBackgroundColor: string;
+    euiHeaderDarkBackgroundColor: string;
+    euiHeaderBorderColor: string;
+    euiHeaderBreadcrumbColor: string;
+    euiHeaderHeight: string;
+    euiHeaderChildSize: string;
+    euiHeaderHeightCompensation: string;
+    euiPageDefaultMaxWidth: string;
+    euiPageSidebarMinWidth: string;
+    euiPanelPaddingModifiers: {
+      paddingSmall: string;
+      paddingMedium: string;
+      paddingLarge: string;
+    };
+    euiPanelBorderRadiusModifiers: {
+      borderRadiusNone: number;
+      borderRadiusMedium: string;
+    };
+    euiPanelBackgroundColorModifiers: {
+      transparent: string;
+      plain: string;
+      subdued: string;
+      accent: string;
+      accentSecondary: string;
+      primary: string;
+      success: string;
+      warning: string;
+      danger: string;
+    };
+    euiBreakpoints: {
+      xs: number;
+      s: string;
+      m: string;
+      l: string;
+      xl: string;
+    };
+    euiBreakpointKeys: string;
+    euiShadowColor: string;
+    euiSize: string;
+    euiSizeXS: string;
+    euiSizeS: string;
+    euiSizeM: string;
+    euiSizeL: string;
+    euiSizeXL: string;
+    euiSizeXXL: string;
+    euiScrollBar: string;
+    euiScrollBarCorner: string;
+    euiScrollBarCornerThin: string;
+    euiFocusRingColor: string;
+    euiFocusRingAnimStartColor: string;
+    euiFocusRingAnimStartSize: string;
+    euiFocusRingAnimStartSizeLarge: string;
+    euiFocusRingSizeLarge: string;
+    euiFocusRingSize: string;
+    euiFocusTransparency: number;
+    euiFocusTransparencyPercent: string;
+    euiFocusBackgroundColor: string;
+    euiFontFamily: string;
+    euiCodeFontFamily: string;
+    euiFontFeatureSettings: string;
+    euiTextScale: string;
+    euiFontSize: string;
+    euiFontSizeXS: string;
+    euiFontSizeS: string;
+    euiFontSizeM: string;
+    euiFontSizeL: string;
+    euiFontSizeXL: string;
+    euiFontSizeXXL: string;
+    euiLineHeight: number;
+    euiBodyLineHeight: number;
+    euiTitles: {
+      xxxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      s: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      m: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      l: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+    };
+    euiZLevel0: number;
+    euiZLevel1: number;
+    euiZLevel2: number;
+    euiZLevel3: number;
+    euiZLevel4: number;
+    euiZLevel5: number;
+    euiZLevel6: number;
+    euiZLevel7: number;
+    euiZLevel8: number;
+    euiZLevel9: number;
+    euiZToastList: number;
+    euiZModal: number;
+    euiZMask: number;
+    euiZNavigation: number;
+    euiZContentMenu: number;
+    euiZHeader: number;
+    euiZFlyout: number;
+    euiZMaskBelowHeader: number;
+    euiZContent: number;
+    euiPaletteColorBlind: {
+      euiColorVis0: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis1: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis2: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis3: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis4: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis5: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis6: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis7: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis8: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis9: {
+        graphic: string;
+        behindText: string;
+      };
+    };
+    euiPaletteColorBlindKeys: string;
+    euiColorVis0: string;
+    euiColorVis1: string;
+    euiColorVis2: string;
+    euiColorVis3: string;
+    euiColorVis4: string;
+    euiColorVis5: string;
+    euiColorVis6: string;
+    euiColorVis7: string;
+    euiColorVis8: string;
+    euiColorVis9: string;
+    euiColorVis0_behindText: string;
+    euiColorVis1_behindText: string;
+    euiColorVis2_behindText: string;
+    euiColorVis3_behindText: string;
+    euiColorVis4_behindText: string;
+    euiColorVis5_behindText: string;
+    euiColorVis6_behindText: string;
+    euiColorVis7_behindText: string;
+    euiColorVis8_behindText: string;
+    euiColorVis9_behindText: string;
+    euiColorVisAsTextLight0: string;
+    euiColorVisAsTextLight1: string;
+    euiColorVisAsTextLight2: string;
+    euiColorVisAsTextLight3: string;
+    euiColorVisAsTextLight4: string;
+    euiColorVisAsTextLight5: string;
+    euiColorVisAsTextLight6: string;
+    euiColorVisAsTextDark0: string;
+    euiColorVisAsTextDark1: string;
+    euiColorVisAsTextDark2: string;
+    euiColorVisAsTextDark3: string;
+    euiColorVisAsTextDark4: string;
+    euiColorVisAsTextDark5: string;
+    euiColorVisAsTextDark6: string;
+    euiColorVisSuccess0: string;
+    euiColorVisSuccess1: string;
+    euiColorVisWarning0: string;
+    euiColorVisDanger0: string;
+    euiColorVisDanger1: string;
+    euiColorVisNeutral0: string;
+    euiColorVisGrey0: string;
+    euiColorVisGrey1: string;
+    euiColorVisGrey2: string;
+    euiColorVisGrey3: string;
+    euiColorVisWarm0: string;
+    euiColorVisWarm1: string;
+    euiColorVisWarm2: string;
+    euiColorVisCool0: string;
+    euiColorVisCool1: string;
+    euiColorVisCool2: string;
+    euiColorVisComplementary0: string;
+    euiColorVisComplementary1: string;
+    euiColorSeverityUnknown: string;
+    euiColorSeverityNeutral: string;
+    euiColorSeveritySuccess: string;
+    euiColorSeverityWarning: string;
+    euiColorSeverityRisk: string;
+    euiColorSeverityDanger: string;
+    euiColorChartLines: string;
+    euiColorChartBand: string;
+    euiColorGhost: string;
+    euiColorInk: string;
+    euiColorPrimary: string;
+    euiColorAccent: string;
+    euiColorAccentSecondary: string;
+    euiColorSuccess: string;
+    euiColorWarning: string;
+    euiColorDanger: string;
+    euiColorEmptyShade: string;
+    euiColorLightestShade: string;
+    euiColorLightShade: string;
+    euiColorMediumShade: string;
+    euiColorDarkShade: string;
+    euiColorDarkestShade: string;
+    euiColorFullShade: string;
+    euiPageBackgroundColor: string;
+    euiColorHighlight: string;
+    euiTextColor: string;
+    euiTitleColor: string;
+    euiTextSubduedColor: string;
+    euiColorDisabled: string;
+    euiColorPrimaryText: string;
+    euiColorSuccessText: string;
+    euiColorAccentText: string;
+    euiColorWarningText: string;
+    euiColorDangerText: string;
+    euiColorDisabledText: string;
+    euiLinkColor: string;
+    euiColorPlainLight: string;
+    euiColorPlainDark: string;
+    euiColorTextPrimary: string;
+    euiColorTextAccent: string;
+    euiColorTextAccentSecondary: string;
+    euiColorTextNeutral: string;
+    euiColorTextSuccess: string;
+    euiColorTextWarning: string;
+    euiColorTextRisk: string;
+    euiColorTextDanger: string;
+    euiColorTextParagraph: string;
+    euiColorTextHeading: string;
+    euiColorTextSubdued: string;
+    euiColorTextDisabled: string;
+    euiColorTextInverse: string;
+    euiColorBackgroundBasePrimary: string;
+    euiColorBackgroundBaseAccent: string;
+    euiColorBackgroundBaseAccentSecondary: string;
+    euiColorBackgroundBaseNeutral: string;
+    euiColorBackgroundBaseSuccess: string;
+    euiColorBackgroundBaseWarning: string;
+    euiColorBackgroundBaseRisk: string;
+    euiColorBackgroundBaseDanger: string;
+    euiColorBackgroundBaseSubdued: string;
+    euiColorBackgroundBasePlain: string;
+    euiColorBackgroundBaseDisabled: string;
+    euiColorBackgroundBaseHighlighted: string;
+    euiColorBackgroundBaseFormsPrepend: string;
+    euiColorBackgroundBaseFormsControlDisabled: string;
+    euiColorBackgroundBaseInteractiveHover: string;
+    euiColorBackgroundBaseInteractiveSelect: string;
+    euiColorBackgroundBaseInteractiveOverlay: string;
+    euiColorBackgroundBaseSkeletonEdge: string;
+    euiColorBackgroundBaseSkeletonMiddle: string;
+    euiColorBackgroundLightPrimary: string;
+    euiColorBackgroundLightAccent: string;
+    euiColorBackgroundLightAccentSecondary: string;
+    euiColorBackgroundLightNeutral: string;
+    euiColorBackgroundLightSuccess: string;
+    euiColorBackgroundLightWarning: string;
+    euiColorBackgroundLightRisk: string;
+    euiColorBackgroundLightDanger: string;
+    euiColorBackgroundLightText: string;
+    euiColorBackgroundFilledPrimary: string;
+    euiColorBackgroundFilledAccent: string;
+    euiColorBackgroundFilledAccentSecondary: string;
+    euiColorBackgroundFilledNeutral: string;
+    euiColorBackgroundFilledSuccess: string;
+    euiColorBackgroundFilledWarning: string;
+    euiColorBackgroundFilledRisk: string;
+    euiColorBackgroundFilledDanger: string;
+    euiColorBackgroundFilledText: string;
+    euiColorBorderBasePrimary: string;
+    euiColorBorderBaseAccent: string;
+    euiColorBorderBaseAccentSecondary: string;
+    euiColorBorderBaseNeutral: string;
+    euiColorBorderBaseSuccess: string;
+    euiColorBorderBaseWarning: string;
+    euiColorBorderBaseRisk: string;
+    euiColorBorderBaseDanger: string;
+    euiColorBorderBasePlain: string;
+    euiColorBorderBaseSubdued: string;
+    euiColorBorderBaseDisabled: string;
+    euiColorBorderBaseFloating: string;
+    euiColorBorderBaseFormsColorSwatch: string;
+    euiColorBorderBaseFormsControl: string;
+    euiColorBorderStrongPrimary: string;
+    euiColorBorderStrongAccent: string;
+    euiColorBorderStrongAccentSecondary: string;
+    euiColorBorderStrongNeutral: string;
+    euiColorBorderStrongSuccess: string;
+    euiColorBorderStrongWarning: string;
+    euiColorBorderStrongRisk: string;
+    euiColorBorderStrongDanger: string;
+  };
+  export default sassVariables;
+}
+declare module '@elastic/eui/dist/eui_theme_borealis_dark.json' {
+  const sassVariables: {
+    euiZDataGrid: number;
+    euiZHeaderBelowDataGrid: number;
+    euiZDataGridCellPopover: number;
+    euiDataGridCellPaddingS: string;
+    euiDataGridCellPaddingM: string;
+    euiDataGridCellPaddingL: string;
+    euiTableHoverColor: string;
+    euiTableSelectedColor: string;
+    euiTableHoverSelectedColor: string;
+    euiTableActionsBorderColor: string;
+    euiTableHoverClickableColor: string;
+    euiTableFocusClickableColor: string;
+    euiContrastRatioText: number;
+    euiContrastRatioGraphic: number;
+    euiContrastRatioDisabled: number;
+    euiAnimSlightBounce: string;
+    euiAnimSlightResistance: string;
+    euiAnimSpeedExtraFast: string;
+    euiAnimSpeedFast: string;
+    euiAnimSpeedNormal: string;
+    euiAnimSpeedSlow: string;
+    euiAnimSpeedExtraSlow: string;
+    euiBorderWidthThin: string;
+    euiBorderWidthThick: string;
+    euiBorderColor: string;
+    euiBorderRadius: string;
+    euiBorderRadiusSmall: string;
+    euiBorderThick: string;
+    euiBorderThin: string;
+    euiBorderEditable: string;
+    euiButtonHeight: string;
+    euiButtonHeightSmall: string;
+    euiButtonHeightXSmall: string;
+    euiButtonColorDisabled: string;
+    euiButtonColorDisabledText: string;
+    euiButtonColorGhostDisabled: string;
+    euiButtonTypes: {
+      primary: string;
+      accent: string;
+      accentSecondary: string;
+      neutral: string;
+      success: string;
+      warning: string;
+      risk: string;
+      danger: string;
+      ghost: string;
+      text: string;
+    };
+    euiFontWeightLight: number;
+    euiFontWeightRegular: number;
+    euiFontWeightMedium: number;
+    euiFontWeightSemiBold: number;
+    euiFontWeightBold: number;
+    euiCodeFontWeightRegular: number;
+    euiCodeFontWeightBold: number;
+    euiFormMaxWidth: string;
+    euiFormControlHeight: string;
+    euiFormControlCompressedHeight: string;
+    euiFormControlPadding: string;
+    euiFormControlCompressedPadding: string;
+    euiFormControlBorderRadius: string;
+    euiFormControlCompressedBorderRadius: string;
+    euiRadioSize: string;
+    euiCheckBoxSize: string;
+    euiCheckboxBorderRadius: string;
+    euiSwitchHeight: string;
+    euiSwitchWidth: string;
+    euiSwitchThumbSize: string;
+    euiSwitchIconHeight: string;
+    euiSwitchHeightCompressed: string;
+    euiSwitchWidthCompressed: string;
+    euiSwitchThumbSizeCompressed: string;
+    euiSwitchHeightMini: string;
+    euiSwitchWidthMini: string;
+    euiSwitchThumbSizeMini: string;
+    euiFormBackgroundColor: string;
+    euiFormBackgroundDisabledColor: string;
+    euiFormBackgroundReadOnlyColor: string;
+    euiFormBorderOpaqueColor: string;
+    euiFormBorderColor: string;
+    euiFormBorderDisabledColor: string;
+    euiFormCustomControlDisabledIconColor: string;
+    euiFormCustomControlBorderColor: string;
+    euiFormControlDisabledColor: string;
+    euiFormControlBoxShadow: string;
+    euiFormControlPlaceholderText: string;
+    euiFormInputGroupLabelBackground: string;
+    euiFormInputGroupBorder: string;
+    euiSwitchOffColor: string;
+    euiFormControlIconSizes: {
+      small: string;
+      medium: string;
+      large: string;
+      xLarge: string;
+      xxLarge: string;
+    };
+    euiFormControlLayoutGroupInputHeight: string;
+    euiFormControlLayoutGroupInputCompressedHeight: string;
+    euiFormControlLayoutGroupInputCompressedBorderRadius: string;
+    euiHeaderBackgroundColor: string;
+    euiHeaderDarkBackgroundColor: string;
+    euiHeaderBorderColor: string;
+    euiHeaderBreadcrumbColor: string;
+    euiHeaderHeight: string;
+    euiHeaderChildSize: string;
+    euiHeaderHeightCompensation: string;
+    euiPageDefaultMaxWidth: string;
+    euiPageSidebarMinWidth: string;
+    euiPanelPaddingModifiers: {
+      paddingSmall: string;
+      paddingMedium: string;
+      paddingLarge: string;
+    };
+    euiPanelBorderRadiusModifiers: {
+      borderRadiusNone: number;
+      borderRadiusMedium: string;
+    };
+    euiPanelBackgroundColorModifiers: {
+      transparent: string;
+      plain: string;
+      subdued: string;
+      accent: string;
+      accentSecondary: string;
+      primary: string;
+      success: string;
+      warning: string;
+      danger: string;
+    };
+    euiBreakpoints: {
+      xs: number;
+      s: string;
+      m: string;
+      l: string;
+      xl: string;
+    };
+    euiBreakpointKeys: string;
+    euiShadowColor: string;
+    euiSize: string;
+    euiSizeXS: string;
+    euiSizeS: string;
+    euiSizeM: string;
+    euiSizeL: string;
+    euiSizeXL: string;
+    euiSizeXXL: string;
+    euiScrollBar: string;
+    euiScrollBarCorner: string;
+    euiScrollBarCornerThin: string;
+    euiFocusRingColor: string;
+    euiFocusRingAnimStartColor: string;
+    euiFocusRingAnimStartSize: string;
+    euiFocusRingAnimStartSizeLarge: string;
+    euiFocusRingSizeLarge: string;
+    euiFocusRingSize: string;
+    euiFocusTransparency: number;
+    euiFocusTransparencyPercent: string;
+    euiFocusBackgroundColor: string;
+    euiFontFamily: string;
+    euiCodeFontFamily: string;
+    euiFontFeatureSettings: string;
+    euiTextScale: string;
+    euiFontSize: string;
+    euiFontSizeXS: string;
+    euiFontSizeS: string;
+    euiFontSizeM: string;
+    euiFontSizeL: string;
+    euiFontSizeXL: string;
+    euiFontSizeXXL: string;
+    euiLineHeight: number;
+    euiBodyLineHeight: number;
+    euiTitles: {
+      xxxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      s: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      m: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      l: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+    };
+    euiZLevel0: number;
+    euiZLevel1: number;
+    euiZLevel2: number;
+    euiZLevel3: number;
+    euiZLevel4: number;
+    euiZLevel5: number;
+    euiZLevel6: number;
+    euiZLevel7: number;
+    euiZLevel8: number;
+    euiZLevel9: number;
+    euiZToastList: number;
+    euiZModal: number;
+    euiZMask: number;
+    euiZNavigation: number;
+    euiZContentMenu: number;
+    euiZHeader: number;
+    euiZFlyout: number;
+    euiZMaskBelowHeader: number;
+    euiZContent: number;
+    euiPaletteColorBlind: {
+      euiColorVis0: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis1: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis2: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis3: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis4: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis5: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis6: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis7: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis8: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis9: {
+        graphic: string;
+        behindText: string;
+      };
+    };
+    euiPaletteColorBlindKeys: string;
+    euiColorVis0: string;
+    euiColorVis1: string;
+    euiColorVis2: string;
+    euiColorVis3: string;
+    euiColorVis4: string;
+    euiColorVis5: string;
+    euiColorVis6: string;
+    euiColorVis7: string;
+    euiColorVis8: string;
+    euiColorVis9: string;
+    euiColorVis0_behindText: string;
+    euiColorVis1_behindText: string;
+    euiColorVis2_behindText: string;
+    euiColorVis3_behindText: string;
+    euiColorVis4_behindText: string;
+    euiColorVis5_behindText: string;
+    euiColorVis6_behindText: string;
+    euiColorVis7_behindText: string;
+    euiColorVis8_behindText: string;
+    euiColorVis9_behindText: string;
+    euiColorVisAsTextLight0: string;
+    euiColorVisAsTextLight1: string;
+    euiColorVisAsTextLight2: string;
+    euiColorVisAsTextLight3: string;
+    euiColorVisAsTextLight4: string;
+    euiColorVisAsTextLight5: string;
+    euiColorVisAsTextLight6: string;
+    euiColorVisAsTextDark0: string;
+    euiColorVisAsTextDark1: string;
+    euiColorVisAsTextDark2: string;
+    euiColorVisAsTextDark3: string;
+    euiColorVisAsTextDark4: string;
+    euiColorVisAsTextDark5: string;
+    euiColorVisAsTextDark6: string;
+    euiColorVisSuccess0: string;
+    euiColorVisSuccess1: string;
+    euiColorVisWarning0: string;
+    euiColorVisDanger0: string;
+    euiColorVisDanger1: string;
+    euiColorVisNeutral0: string;
+    euiColorVisGrey0: string;
+    euiColorVisGrey1: string;
+    euiColorVisGrey2: string;
+    euiColorVisGrey3: string;
+    euiColorVisWarm0: string;
+    euiColorVisWarm1: string;
+    euiColorVisWarm2: string;
+    euiColorVisCool0: string;
+    euiColorVisCool1: string;
+    euiColorVisCool2: string;
+    euiColorVisComplementary0: string;
+    euiColorVisComplementary1: string;
+    euiColorSeverityUnknown: string;
+    euiColorSeverityNeutral: string;
+    euiColorSeveritySuccess: string;
+    euiColorSeverityWarning: string;
+    euiColorSeverityRisk: string;
+    euiColorSeverityDanger: string;
+    euiColorChartLines: string;
+    euiColorChartBand: string;
+    euiColorGhost: string;
+    euiColorInk: string;
+    euiColorPrimary: string;
+    euiColorAccent: string;
+    euiColorAccentSecondary: string;
+    euiColorSuccess: string;
+    euiColorWarning: string;
+    euiColorDanger: string;
+    euiColorEmptyShade: string;
+    euiColorLightestShade: string;
+    euiColorLightShade: string;
+    euiColorMediumShade: string;
+    euiColorDarkShade: string;
+    euiColorDarkestShade: string;
+    euiColorFullShade: string;
+    euiPageBackgroundColor: string;
+    euiColorHighlight: string;
+    euiTextColor: string;
+    euiTitleColor: string;
+    euiTextSubduedColor: string;
+    euiColorDisabled: string;
+    euiColorPrimaryText: string;
+    euiColorSuccessText: string;
+    euiColorAccentText: string;
+    euiColorWarningText: string;
+    euiColorDangerText: string;
+    euiColorDisabledText: string;
+    euiLinkColor: string;
+    euiColorPlainLight: string;
+    euiColorPlainDark: string;
+    euiColorTextPrimary: string;
+    euiColorTextAccent: string;
+    euiColorTextAccentSecondary: string;
+    euiColorTextNeutral: string;
+    euiColorTextSuccess: string;
+    euiColorTextWarning: string;
+    euiColorTextRisk: string;
+    euiColorTextDanger: string;
+    euiColorTextParagraph: string;
+    euiColorTextHeading: string;
+    euiColorTextSubdued: string;
+    euiColorTextDisabled: string;
+    euiColorTextInverse: string;
+    euiColorBackgroundBasePrimary: string;
+    euiColorBackgroundBaseAccent: string;
+    euiColorBackgroundBaseAccentSecondary: string;
+    euiColorBackgroundBaseNeutral: string;
+    euiColorBackgroundBaseSuccess: string;
+    euiColorBackgroundBaseWarning: string;
+    euiColorBackgroundBaseRisk: string;
+    euiColorBackgroundBaseDanger: string;
+    euiColorBackgroundBaseSubdued: string;
+    euiColorBackgroundBasePlain: string;
+    euiColorBackgroundBaseDisabled: string;
+    euiColorBackgroundBaseHighlighted: string;
+    euiColorBackgroundBaseFormsPrepend: string;
+    euiColorBackgroundBaseFormsControlDisabled: string;
+    euiColorBackgroundBaseInteractiveHover: string;
+    euiColorBackgroundBaseInteractiveSelect: string;
+    euiColorBackgroundBaseInteractiveOverlay: string;
+    euiColorBackgroundBaseSkeletonEdge: string;
+    euiColorBackgroundBaseSkeletonMiddle: string;
+    euiColorBackgroundLightPrimary: string;
+    euiColorBackgroundLightAccent: string;
+    euiColorBackgroundLightAccentSecondary: string;
+    euiColorBackgroundLightNeutral: string;
+    euiColorBackgroundLightSuccess: string;
+    euiColorBackgroundLightWarning: string;
+    euiColorBackgroundLightRisk: string;
+    euiColorBackgroundLightDanger: string;
+    euiColorBackgroundLightText: string;
+    euiColorBackgroundFilledPrimary: string;
+    euiColorBackgroundFilledAccent: string;
+    euiColorBackgroundFilledAccentSecondary: string;
+    euiColorBackgroundFilledNeutral: string;
+    euiColorBackgroundFilledSuccess: string;
+    euiColorBackgroundFilledWarning: string;
+    euiColorBackgroundFilledRisk: string;
+    euiColorBackgroundFilledDanger: string;
+    euiColorBackgroundFilledText: string;
+    euiColorBorderBasePrimary: string;
+    euiColorBorderBaseAccent: string;
+    euiColorBorderBaseAccentSecondary: string;
+    euiColorBorderBaseNeutral: string;
+    euiColorBorderBaseSuccess: string;
+    euiColorBorderBaseWarning: string;
+    euiColorBorderBaseRisk: string;
+    euiColorBorderBaseDanger: string;
+    euiColorBorderBasePlain: string;
+    euiColorBorderBaseSubdued: string;
+    euiColorBorderBaseDisabled: string;
+    euiColorBorderBaseFloating: string;
+    euiColorBorderBaseFormsColorSwatch: string;
+    euiColorBorderBaseFormsControl: string;
+    euiColorBorderStrongPrimary: string;
+    euiColorBorderStrongAccent: string;
+    euiColorBorderStrongAccentSecondary: string;
+    euiColorBorderStrongNeutral: string;
+    euiColorBorderStrongSuccess: string;
+    euiColorBorderStrongWarning: string;
+    euiColorBorderStrongRisk: string;
+    euiColorBorderStrongDanger: string;
+  };
+  export default sassVariables;
+}
+declare module '@elastic/eui/dist/eui_theme_borealis_light.json' {
+  const sassVariables: {
+    euiZDataGrid: number;
+    euiZHeaderBelowDataGrid: number;
+    euiZDataGridCellPopover: number;
+    euiDataGridCellPaddingS: string;
+    euiDataGridCellPaddingM: string;
+    euiDataGridCellPaddingL: string;
+    euiTableHoverColor: string;
+    euiTableSelectedColor: string;
+    euiTableHoverSelectedColor: string;
+    euiTableActionsBorderColor: string;
+    euiTableHoverClickableColor: string;
+    euiTableFocusClickableColor: string;
+    euiContrastRatioText: number;
+    euiContrastRatioGraphic: number;
+    euiContrastRatioDisabled: number;
+    euiAnimSlightBounce: string;
+    euiAnimSlightResistance: string;
+    euiAnimSpeedExtraFast: string;
+    euiAnimSpeedFast: string;
+    euiAnimSpeedNormal: string;
+    euiAnimSpeedSlow: string;
+    euiAnimSpeedExtraSlow: string;
+    euiBorderWidthThin: string;
+    euiBorderWidthThick: string;
+    euiBorderColor: string;
+    euiBorderRadius: string;
+    euiBorderRadiusSmall: string;
+    euiBorderThick: string;
+    euiBorderThin: string;
+    euiBorderEditable: string;
+    euiButtonHeight: string;
+    euiButtonHeightSmall: string;
+    euiButtonHeightXSmall: string;
+    euiButtonColorDisabled: string;
+    euiButtonColorDisabledText: string;
+    euiButtonColorGhostDisabled: string;
+    euiButtonTypes: {
+      primary: string;
+      accent: string;
+      accentSecondary: string;
+      neutral: string;
+      success: string;
+      warning: string;
+      risk: string;
+      danger: string;
+      ghost: string;
+      text: string;
+    };
+    euiFontWeightLight: number;
+    euiFontWeightRegular: number;
+    euiFontWeightMedium: number;
+    euiFontWeightSemiBold: number;
+    euiFontWeightBold: number;
+    euiCodeFontWeightRegular: number;
+    euiCodeFontWeightBold: number;
+    euiFormMaxWidth: string;
+    euiFormControlHeight: string;
+    euiFormControlCompressedHeight: string;
+    euiFormControlPadding: string;
+    euiFormControlCompressedPadding: string;
+    euiFormControlBorderRadius: string;
+    euiFormControlCompressedBorderRadius: string;
+    euiRadioSize: string;
+    euiCheckBoxSize: string;
+    euiCheckboxBorderRadius: string;
+    euiSwitchHeight: string;
+    euiSwitchWidth: string;
+    euiSwitchThumbSize: string;
+    euiSwitchIconHeight: string;
+    euiSwitchHeightCompressed: string;
+    euiSwitchWidthCompressed: string;
+    euiSwitchThumbSizeCompressed: string;
+    euiSwitchHeightMini: string;
+    euiSwitchWidthMini: string;
+    euiSwitchThumbSizeMini: string;
+    euiFormBackgroundColor: string;
+    euiFormBackgroundDisabledColor: string;
+    euiFormBackgroundReadOnlyColor: string;
+    euiFormBorderOpaqueColor: string;
+    euiFormBorderColor: string;
+    euiFormBorderDisabledColor: string;
+    euiFormCustomControlDisabledIconColor: string;
+    euiFormCustomControlBorderColor: string;
+    euiFormControlDisabledColor: string;
+    euiFormControlBoxShadow: string;
+    euiFormControlPlaceholderText: string;
+    euiFormInputGroupLabelBackground: string;
+    euiFormInputGroupBorder: string;
+    euiSwitchOffColor: string;
+    euiFormControlIconSizes: {
+      small: string;
+      medium: string;
+      large: string;
+      xLarge: string;
+      xxLarge: string;
+    };
+    euiFormControlLayoutGroupInputHeight: string;
+    euiFormControlLayoutGroupInputCompressedHeight: string;
+    euiFormControlLayoutGroupInputCompressedBorderRadius: string;
+    euiHeaderBackgroundColor: string;
+    euiHeaderDarkBackgroundColor: string;
+    euiHeaderBorderColor: string;
+    euiHeaderBreadcrumbColor: string;
+    euiHeaderHeight: string;
+    euiHeaderChildSize: string;
+    euiHeaderHeightCompensation: string;
+    euiPageDefaultMaxWidth: string;
+    euiPageSidebarMinWidth: string;
+    euiPanelPaddingModifiers: {
+      paddingSmall: string;
+      paddingMedium: string;
+      paddingLarge: string;
+    };
+    euiPanelBorderRadiusModifiers: {
+      borderRadiusNone: number;
+      borderRadiusMedium: string;
+    };
+    euiPanelBackgroundColorModifiers: {
+      transparent: string;
+      plain: string;
+      subdued: string;
+      accent: string;
+      accentSecondary: string;
+      primary: string;
+      success: string;
+      warning: string;
+      danger: string;
+    };
+    euiBreakpoints: {
+      xs: number;
+      s: string;
+      m: string;
+      l: string;
+      xl: string;
+    };
+    euiBreakpointKeys: string;
+    euiShadowColor: string;
+    euiSize: string;
+    euiSizeXS: string;
+    euiSizeS: string;
+    euiSizeM: string;
+    euiSizeL: string;
+    euiSizeXL: string;
+    euiSizeXXL: string;
+    euiScrollBar: string;
+    euiScrollBarCorner: string;
+    euiScrollBarCornerThin: string;
+    euiFocusRingColor: string;
+    euiFocusRingAnimStartColor: string;
+    euiFocusRingAnimStartSize: string;
+    euiFocusRingAnimStartSizeLarge: string;
+    euiFocusRingSizeLarge: string;
+    euiFocusRingSize: string;
+    euiFocusTransparency: number;
+    euiFocusTransparencyPercent: string;
+    euiFocusBackgroundColor: string;
+    euiFontFamily: string;
+    euiCodeFontFamily: string;
+    euiFontFeatureSettings: string;
+    euiTextScale: string;
+    euiFontSize: string;
+    euiFontSizeXS: string;
+    euiFontSizeS: string;
+    euiFontSizeM: string;
+    euiFontSizeL: string;
+    euiFontSizeXL: string;
+    euiFontSizeXXL: string;
+    euiLineHeight: number;
+    euiBodyLineHeight: number;
+    euiTitles: {
+      xxxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      s: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      m: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      l: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+    };
+    euiZLevel0: number;
+    euiZLevel1: number;
+    euiZLevel2: number;
+    euiZLevel3: number;
+    euiZLevel4: number;
+    euiZLevel5: number;
+    euiZLevel6: number;
+    euiZLevel7: number;
+    euiZLevel8: number;
+    euiZLevel9: number;
+    euiZToastList: number;
+    euiZModal: number;
+    euiZMask: number;
+    euiZNavigation: number;
+    euiZContentMenu: number;
+    euiZHeader: number;
+    euiZFlyout: number;
+    euiZMaskBelowHeader: number;
+    euiZContent: number;
+    euiPaletteColorBlind: {
+      euiColorVis0: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis1: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis2: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis3: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis4: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis5: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis6: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis7: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis8: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis9: {
+        graphic: string;
+        behindText: string;
+      };
+    };
+    euiPaletteColorBlindKeys: string;
+    euiColorVis0: string;
+    euiColorVis1: string;
+    euiColorVis2: string;
+    euiColorVis3: string;
+    euiColorVis4: string;
+    euiColorVis5: string;
+    euiColorVis6: string;
+    euiColorVis7: string;
+    euiColorVis8: string;
+    euiColorVis9: string;
+    euiColorVis0_behindText: string;
+    euiColorVis1_behindText: string;
+    euiColorVis2_behindText: string;
+    euiColorVis3_behindText: string;
+    euiColorVis4_behindText: string;
+    euiColorVis5_behindText: string;
+    euiColorVis6_behindText: string;
+    euiColorVis7_behindText: string;
+    euiColorVis8_behindText: string;
+    euiColorVis9_behindText: string;
+    euiColorVisAsTextLight0: string;
+    euiColorVisAsTextLight1: string;
+    euiColorVisAsTextLight2: string;
+    euiColorVisAsTextLight3: string;
+    euiColorVisAsTextLight4: string;
+    euiColorVisAsTextLight5: string;
+    euiColorVisAsTextLight6: string;
+    euiColorVisAsTextDark0: string;
+    euiColorVisAsTextDark1: string;
+    euiColorVisAsTextDark2: string;
+    euiColorVisAsTextDark3: string;
+    euiColorVisAsTextDark4: string;
+    euiColorVisAsTextDark5: string;
+    euiColorVisAsTextDark6: string;
+    euiColorVisSuccess0: string;
+    euiColorVisSuccess1: string;
+    euiColorVisWarning0: string;
+    euiColorVisDanger0: string;
+    euiColorVisDanger1: string;
+    euiColorVisNeutral0: string;
+    euiColorVisGrey0: string;
+    euiColorVisGrey1: string;
+    euiColorVisGrey2: string;
+    euiColorVisGrey3: string;
+    euiColorVisWarm0: string;
+    euiColorVisWarm1: string;
+    euiColorVisWarm2: string;
+    euiColorVisCool0: string;
+    euiColorVisCool1: string;
+    euiColorVisCool2: string;
+    euiColorVisComplementary0: string;
+    euiColorVisComplementary1: string;
+    euiColorSeverityUnknown: string;
+    euiColorSeverityNeutral: string;
+    euiColorSeveritySuccess: string;
+    euiColorSeverityWarning: string;
+    euiColorSeverityRisk: string;
+    euiColorSeverityDanger: string;
+    euiColorChartLines: string;
+    euiColorChartBand: string;
+    euiColorGhost: string;
+    euiColorInk: string;
+    euiColorPrimary: string;
+    euiColorAccent: string;
+    euiColorAccentSecondary: string;
+    euiColorSuccess: string;
+    euiColorWarning: string;
+    euiColorDanger: string;
+    euiColorEmptyShade: string;
+    euiColorLightestShade: string;
+    euiColorLightShade: string;
+    euiColorMediumShade: string;
+    euiColorDarkShade: string;
+    euiColorDarkestShade: string;
+    euiColorFullShade: string;
+    euiPageBackgroundColor: string;
+    euiColorHighlight: string;
+    euiTextColor: string;
+    euiTitleColor: string;
+    euiTextSubduedColor: string;
+    euiColorDisabled: string;
+    euiColorPrimaryText: string;
+    euiColorSuccessText: string;
+    euiColorAccentText: string;
+    euiColorWarningText: string;
+    euiColorDangerText: string;
+    euiColorDisabledText: string;
+    euiLinkColor: string;
+    euiColorPlainLight: string;
+    euiColorPlainDark: string;
+    euiColorTextPrimary: string;
+    euiColorTextAccent: string;
+    euiColorTextAccentSecondary: string;
+    euiColorTextNeutral: string;
+    euiColorTextSuccess: string;
+    euiColorTextWarning: string;
+    euiColorTextRisk: string;
+    euiColorTextDanger: string;
+    euiColorTextParagraph: string;
+    euiColorTextHeading: string;
+    euiColorTextSubdued: string;
+    euiColorTextDisabled: string;
+    euiColorTextInverse: string;
+    euiColorBackgroundBasePrimary: string;
+    euiColorBackgroundBaseAccent: string;
+    euiColorBackgroundBaseAccentSecondary: string;
+    euiColorBackgroundBaseNeutral: string;
+    euiColorBackgroundBaseSuccess: string;
+    euiColorBackgroundBaseWarning: string;
+    euiColorBackgroundBaseRisk: string;
+    euiColorBackgroundBaseDanger: string;
+    euiColorBackgroundBaseSubdued: string;
+    euiColorBackgroundBasePlain: string;
+    euiColorBackgroundBaseDisabled: string;
+    euiColorBackgroundBaseHighlighted: string;
+    euiColorBackgroundBaseFormsPrepend: string;
+    euiColorBackgroundBaseFormsControlDisabled: string;
+    euiColorBackgroundBaseInteractiveHover: string;
+    euiColorBackgroundBaseInteractiveSelect: string;
+    euiColorBackgroundBaseInteractiveOverlay: string;
+    euiColorBackgroundBaseSkeletonEdge: string;
+    euiColorBackgroundBaseSkeletonMiddle: string;
+    euiColorBackgroundLightPrimary: string;
+    euiColorBackgroundLightAccent: string;
+    euiColorBackgroundLightAccentSecondary: string;
+    euiColorBackgroundLightNeutral: string;
+    euiColorBackgroundLightSuccess: string;
+    euiColorBackgroundLightWarning: string;
+    euiColorBackgroundLightRisk: string;
+    euiColorBackgroundLightDanger: string;
+    euiColorBackgroundLightText: string;
+    euiColorBackgroundFilledPrimary: string;
+    euiColorBackgroundFilledAccent: string;
+    euiColorBackgroundFilledAccentSecondary: string;
+    euiColorBackgroundFilledNeutral: string;
+    euiColorBackgroundFilledSuccess: string;
+    euiColorBackgroundFilledWarning: string;
+    euiColorBackgroundFilledRisk: string;
+    euiColorBackgroundFilledDanger: string;
+    euiColorBackgroundFilledText: string;
+    euiColorBorderBasePrimary: string;
+    euiColorBorderBaseAccent: string;
+    euiColorBorderBaseAccentSecondary: string;
+    euiColorBorderBaseNeutral: string;
+    euiColorBorderBaseSuccess: string;
+    euiColorBorderBaseWarning: string;
+    euiColorBorderBaseRisk: string;
+    euiColorBorderBaseDanger: string;
+    euiColorBorderBasePlain: string;
+    euiColorBorderBaseSubdued: string;
+    euiColorBorderBaseDisabled: string;
+    euiColorBorderBaseFloating: string;
+    euiColorBorderBaseFormsColorSwatch: string;
+    euiColorBorderBaseFormsControl: string;
+    euiColorBorderStrongPrimary: string;
+    euiColorBorderStrongAccent: string;
+    euiColorBorderStrongAccentSecondary: string;
+    euiColorBorderStrongNeutral: string;
+    euiColorBorderStrongSuccess: string;
+    euiColorBorderStrongWarning: string;
+    euiColorBorderStrongRisk: string;
+    euiColorBorderStrongDanger: string;
+  };
+  export default sassVariables;
+}
 // TODO: remove once exported by package itself
 // https://github.com/oblador/loki/pull/516
 declare module '@loki/create-async-callback' {