@elastic/eui 66.0.0 → 67.0.0

package/es/components/tool_tip/tool_tip_popover.js

@@ -1,6 +1,4 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-var _excluded = ["children", "title", "className", "positionToolTip", "popoverRef"];
+var _excluded = ["children", "title", "className", "positionToolTip", "popoverRef", "calculatedPosition"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -8,28 +6,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -37,89 +13,59 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-import React, { Component } from 'react';
+import React, { useEffect, useRef, useCallback } from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
+import { useEuiTheme } from '../../services';
+import { euiToolTipStyles, euiToolTipPopoverStyles } from './tool_tip.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiToolTipPopover = /*#__PURE__*/function (_Component) {
-  _inherits(EuiToolTipPopover, _Component);
-
-  var _super = _createSuper(EuiToolTipPopover);
-
-  function EuiToolTipPopover() {
-    var _this;
-
-    _classCallCheck(this, EuiToolTipPopover);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "popover", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "updateDimensions", function () {
-      requestAnimationFrame(function () {
-        // Because of this delay, sometimes `positionToolTip` becomes unavailable.
-        if (_this.popover) {
-          _this.props.positionToolTip();
-        }
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "setPopoverRef", function (ref) {
-      _this.popover = ref;
-
-      if (_this.props.popoverRef) {
-        _this.props.popoverRef(ref);
+export var EuiToolTipPopover = function EuiToolTipPopover(_ref) {
+  var children = _ref.children,
+      title = _ref.title,
+      className = _ref.className,
+      positionToolTip = _ref.positionToolTip,
+      popoverRef = _ref.popoverRef,
+      calculatedPosition = _ref.calculatedPosition,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var popover = useRef();
+  var euiTheme = useEuiTheme();
+  var toolTipCss = euiToolTipStyles(euiTheme);
+  var popoverStyles = euiToolTipPopoverStyles(euiTheme);
+  var titleCss = [popoverStyles.euiToolTip__title];
+  var updateDimensions = useCallback(function () {
+    requestAnimationFrame(function () {
+      // Because of this delay, sometimes `positionToolTip` becomes unavailable.
+      if (popover.current) {
+        positionToolTip();
       }
     });
+  }, [positionToolTip]);
 
-    return _this;
-  }
-
-  _createClass(EuiToolTipPopover, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.body.classList.add('euiBody-hasPortalContent');
-      window.addEventListener('resize', this.updateDimensions);
+  var setPopoverRef = function setPopoverRef(ref) {
+    if (popoverRef) {
+      popoverRef(ref);
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.body.classList.remove('euiBody-hasPortalContent');
-      window.removeEventListener('resize', this.updateDimensions);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          title = _this$props.title,
-          className = _this$props.className,
-          positionToolTip = _this$props.positionToolTip,
-          popoverRef = _this$props.popoverRef,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
-      var classes = classNames('euiToolTipPopover', className);
-      var optionalTitle;
-
-      if (title) {
-        optionalTitle = ___EmotionJSX("div", {
-          className: "euiToolTip__title"
-        }, title);
-      }
-
-      return ___EmotionJSX("div", _extends({
-        className: classes,
-        ref: this.setPopoverRef
-      }, rest), optionalTitle, children);
-    }
-  }]);
+  };
 
-  return EuiToolTipPopover;
-}(Component);
+  useEffect(function () {
+    document.body.classList.add('euiBody-hasPortalContent');
+    window.addEventListener('resize', updateDimensions);
+    return function () {
+      document.body.classList.remove('euiBody-hasPortalContent');
+      window.removeEventListener('resize', updateDimensions);
+    };
+  }, [updateDimensions]);
+  var classes = classNames('euiToolTipPopover', className);
+  return ___EmotionJSX("div", _extends({
+    css: [toolTipCss.euiToolTip, calculatedPosition && toolTipCss[calculatedPosition], ";label:EuiToolTipPopover;"],
+    className: classes,
+    ref: setPopoverRef
+  }, rest), title && ___EmotionJSX("div", {
+    css: titleCss,
+    className: "euiToolTip__title"
+  }, title), children);
+};
 EuiToolTipPopover.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
@@ -128,5 +74,6 @@ EuiToolTipPopover.propTypes = {
   positionToolTip: PropTypes.func.isRequired,
   children: PropTypes.node,
   title: PropTypes.node,
-  popoverRef: PropTypes.func
+  popoverRef: PropTypes.func,
+  calculatedPosition: PropTypes.oneOf(["top", "right", "bottom", "left"])
 };

package/es/global_styling/index.js

@@ -8,4 +8,5 @@
 export * from './reset/global_styles';
 export * from './functions';
 export * from './variables';
-export * from './mixins';
+export * from './mixins';
+export * from './utility/animations';

package/es/global_styling/utility/animations.js

@@ -0,0 +1,13 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { keyframes } from '@emotion/react';
+export var euiAnimFadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n"])));

package/eui.d.ts

@@ -2050,7 +2050,7 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	    /**
 	     * Object of props passed to the <span/> wrapping the button's content
 	     */
-	    contentProps?: EuiButtonDisplayContentType;
+	    contentProps?: CommonProps & EuiButtonDisplayContentType;
 	    style?: CSSProperties;
 	}
 	export type EuiButtonDisplayPropsForAnchor = PropsForAnchor<EuiButtonDisplayCommonProps, {
@@ -2216,7 +2216,7 @@ declare module '@elastic/eui/src/components/button/button_empty/button_empty' {
 	    /**
 	     * Object of props passed to the <span/> wrapping the button's content
 	     */
-	    contentProps?: EuiButtonContentType;
+	    contentProps?: CommonProps & EuiButtonContentType;
 	} type EuiButtonEmptyPropsForAnchor = PropsForAnchor<CommonEuiButtonEmptyProps>; type EuiButtonEmptyPropsForButton = PropsForButton<CommonEuiButtonEmptyProps>;
 	export type EuiButtonEmptyProps = ExclusiveUnion<EuiButtonEmptyPropsForAnchor, EuiButtonEmptyPropsForButton>;
 	export const EuiButtonEmpty: FunctionComponent<EuiButtonEmptyProps>;
@@ -3474,7 +3474,7 @@ declare module '@elastic/eui/src/components/progress/progress' {
 	    /**
 	     * Object of props passed to the <span/> wrapping the determinate progress's label
 	     */
-	    labelProps?: HTMLAttributes<HTMLSpanElement>;
+	    labelProps?: CommonProps & HTMLAttributes<HTMLSpanElement>;
 	};
 	export const EuiProgress: FunctionComponent<ExclusiveUnion<Determinate, Indeterminate>>;
 	export {};
@@ -5239,30 +5239,69 @@ declare module '@elastic/eui/src/components/form/super_select/super_select_contr
 	}
 	export const EuiSuperSelectControl: <T extends string>(props: EuiSuperSelectControlProps<T>) => ReturnType<FunctionComponent<EuiSuperSelectControlProps<T>>>;
 
+}
+declare module '@elastic/eui/src/themes/amsterdam' {
+	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow';
+
+}
+declare module '@elastic/eui/src/components/tool_tip/tool_tip.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiToolTipBackgroundColor: (euiTheme: UseEuiTheme['euiTheme'], colorMode: UseEuiTheme['colorMode']) => string;
+	export const euiToolTipBorderColor: (euiTheme: UseEuiTheme['euiTheme'], colorMode: UseEuiTheme['colorMode']) => string;
+	export const euiToolTipStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiToolTip: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    top: import("@emotion/utils").SerializedStyles;
+	    bottom: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	    right: import("@emotion/utils").SerializedStyles;
+	    euiToolTip__arrow: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiToolTipPopoverStyles: ({ euiTheme, colorMode, }: UseEuiTheme) => {
+	    euiToolTip__title: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiToolTipAnchorStyles: () => {
+	    euiToolTipAnchor: import("@emotion/utils").SerializedStyles;
+	    block: import("@emotion/utils").SerializedStyles;
+	    inlineBlock: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip_popover' {
-	import { HTMLAttributes, Component, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common'; type Props = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+	import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export type ToolTipPositions = 'top' | 'right' | 'bottom' | 'left'; type Props = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
 	    positionToolTip: () => void;
 	    children?: ReactNode;
 	    title?: ReactNode;
 	    popoverRef?: (ref: HTMLDivElement) => void;
+	    calculatedPosition?: ToolTipPositions;
 	};
-	export class EuiToolTipPopover extends Component<Props> {
-	    private popover;
-	    updateDimensions: () => void;
-	    setPopoverRef: (ref: HTMLDivElement) => void;
-	    componentDidMount(): void;
-	    componentWillUnmount(): void;
-	    render(): JSX.Element;
-	}
+	export const EuiToolTipPopover: FunctionComponent<Props>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/tool_tip/tool_tip_anchor' {
+	import React, { HTMLAttributes, ReactElement } from 'react';
+	export interface EuiToolTipAnchorProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'onBlur' | 'onFocus' | 'children'> {
+	    onBlur: () => void;
+	    onFocus: () => void;
+	    children: ReactElement;
+	    isVisible: boolean;
+	    display: 'block' | 'inlineBlock';
+	}
+	export const EuiToolTipAnchor: React.ForwardRefExoticComponent<EuiToolTipAnchorProps & React.RefAttributes<HTMLSpanElement>>;
+
+}
+declare module '@elastic/eui/src/components/tool_tip/tool_tip_arrow' {
+	import { HTMLAttributes, FunctionComponent } from 'react';
+	export const EuiToolTipArrow: FunctionComponent<HTMLAttributes<HTMLDivElement>>;
+
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
 	import { Component, ReactElement, ReactNode, MouseEvent as ReactMouseEvent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type ToolTipPositions = 'top' | 'right' | 'bottom' | 'left';
+	import { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
 	export const POSITIONS: ToolTipPositions[];
 	export type ToolTipDelay = 'regular' | 'long';
 	interface ToolTipStyles {
@@ -5345,7 +5384,8 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
 	    componentWillUnmount(): void;
 	    componentDidUpdate(prevProps: EuiToolTipProps, prevState: State): void;
 	    testAnchor: () => void;
-	    setPopoverRef: (ref: HTMLElement) => void;
+	    setAnchorRef: (ref: HTMLElement) => HTMLElement;
+	    setPopoverRef: (ref: HTMLElement) => HTMLElement;
 	    showToolTip: () => void;
 	    positionToolTip: () => void;
 	    hideToolTip: () => void;
@@ -5398,7 +5438,8 @@ declare module '@elastic/eui/src/components/tool_tip/icon_tip' {
 
 }
 declare module '@elastic/eui/src/components/tool_tip' {
-	export type { ToolTipPositions, EuiToolTipProps } from '@elastic/eui/src/components/tool_tip/tool_tip';
+	export type { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
+	export type { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip/tool_tip';
 	export { EuiToolTip } from '@elastic/eui/src/components/tool_tip/tool_tip';
 	export type { EuiIconTipProps } from '@elastic/eui/src/components/tool_tip/icon_tip';
 	export { EuiIconTip } from '@elastic/eui/src/components/tool_tip/icon_tip';
@@ -7242,12 +7283,17 @@ declare module '@elastic/eui/src/global_styling/reset/global_styles' {
 	}
 	export const EuiGlobalStyles: ({}: EuiGlobalStylesProps) => JSX.Element;
 
+}
+declare module '@elastic/eui/src/global_styling/utility/animations' {
+	export const euiAnimFadeIn: import("@emotion/serialize").Keyframes;
+
 }
 declare module '@elastic/eui/src/global_styling' {
 	export * from '@elastic/eui/src/global_styling/reset/global_styles';
 	export * from '@elastic/eui/src/global_styling/functions';
 	export * from '@elastic/eui/src/global_styling/variables';
 	export * from '@elastic/eui/src/global_styling/mixins';
+	export * from '@elastic/eui/src/global_styling/utility/animations';
 
 }
 declare module '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only.styles' {
@@ -8443,6 +8489,16 @@ declare module '@elastic/eui/src/components/copy' {
 	export type { EuiCopyProps } from '@elastic/eui/src/components/copy/copy';
 	export { EuiCopy } from '@elastic/eui/src/components/copy/copy';
 
+}
+declare module '@elastic/eui/src/components/overlay_mask/overlay_mask.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiOverlayMaskStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiOverlayMask: import("@emotion/utils").SerializedStyles;
+	    aboveHeader: import("@emotion/utils").SerializedStyles;
+	    belowHeader: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiOverlayMaskBodyStyles: import("@emotion/utils").SerializedStyles;
+
 }
 declare module '@elastic/eui/src/components/overlay_mask/overlay_mask' {
 	/**
@@ -8452,10 +8508,6 @@ declare module '@elastic/eui/src/components/overlay_mask/overlay_mask' {
 	import { FunctionComponent, HTMLAttributes, MutableRefObject, ReactNode, Ref } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export interface EuiOverlayMaskInterface {
-	    /**
-	     * Function that applies to clicking the mask itself and not the children
-	     */
-	    onClick?: () => void;
 	    /**
 	     * ReactNode to render as this component's content
 	     */
@@ -11732,6 +11784,18 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_count' {
 	    rowCount: EuiDataGridProps['rowCount'];
 	}) => EuiDataGridVisibleRows;
 
+}
+declare module '@elastic/eui/src/components/pagination/pagination_button.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPaginationButtonStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiPaginationButton: import("@emotion/utils").SerializedStyles;
+	    isActive: import("@emotion/utils").SerializedStyles;
+	    isPlaceholder: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiPaginationButtonArrowStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiPaginationArrowButton: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/pagination/pagination_button' {
 	import { FunctionComponent } from 'react';
@@ -11762,6 +11826,15 @@ declare module '@elastic/eui/src/components/pagination/pagination_button_arrow'
 	};
 	export const EuiPaginationButtonArrow: FunctionComponent<Props>;
 
+}
+declare module '@elastic/eui/src/components/pagination/pagination.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPaginationStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiPagination: import("@emotion/utils").SerializedStyles;
+	    euiPagination__compressedText: import("@emotion/utils").SerializedStyles;
+	    euiPagination__list: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/pagination/pagination' {
 	import { FunctionComponent, HTMLAttributes, MouseEvent } from 'react';
@@ -12551,12 +12624,13 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/pretty
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/date_popover_button' {
 	import { FunctionComponent, ButtonHTMLAttributes, MouseEventHandler } from 'react';
 	import { LocaleSpecifier } from 'moment';
+	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiPopoverProps } from '@elastic/eui/src/components/popover';
 	import { TimeOptions } from '@elastic/eui/src/components/date_picker/super_date_picker/time_options';
 	import { EuiDatePopoverContentProps } from '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/date_popover_content';
 	export interface EuiDatePopoverButtonProps {
 	    className?: string;
-	    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
+	    buttonProps?: CommonProps & ButtonHTMLAttributes<HTMLButtonElement>;
 	    dateFormat: string;
 	    isDisabled?: boolean;
 	    isInvalid?: boolean;
@@ -12855,10 +12929,10 @@ declare module '@elastic/eui/src/components/responsive' {
 
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_update_button' {
-	import { Component, MouseEventHandler, Ref } from 'react';
+	import { Component, MouseEventHandler, ElementRef } from 'react';
 	import { EuiButtonProps } from '@elastic/eui/src/components/button';
 	import { EuiToolTip, EuiToolTipProps } from '@elastic/eui/src/components/tool_tip';
-	import { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint'; type EuiSuperUpdateButtonInternalProps = {
+	import { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint'; type ToolTipRef = ElementRef<typeof EuiToolTip> | null; type EuiSuperUpdateButtonInternalProps = {
 	    isDisabled?: boolean;
 	    isLoading?: boolean;
 	    needsUpdate?: boolean;
@@ -12894,11 +12968,11 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	    };
 	    _isMounted: boolean;
 	    tooltipTimeout: number | undefined;
-	    tooltip: EuiToolTip | null;
+	    tooltip: ToolTipRef;
 	    componentWillUnmount(): void;
 	    componentDidMount(): void;
 	    componentDidUpdate(): void;
-	    setTootipRef: Ref<EuiToolTip>;
+	    setTootipRef: (node: ToolTipRef) => void;
 	    showTooltip: () => void;
 	    hideTooltip: () => void;
 	    render(): JSX.Element;
@@ -13492,12 +13566,12 @@ declare module '@elastic/eui/src/components/expression/expression' {
 	     * First part of the expression
 	     */
 	    description: ReactNode;
-	    descriptionProps?: HTMLAttributes<HTMLSpanElement>;
+	    descriptionProps?: CommonProps & HTMLAttributes<HTMLSpanElement>;
 	    /**
 	     * Second part of the expression
 	     */
 	    value?: ReactNode;
-	    valueProps?: HTMLAttributes<HTMLSpanElement>;
+	    valueProps?: CommonProps & HTMLAttributes<HTMLSpanElement>;
 	    /**
 	     * Color of the `description`
 	     */
@@ -13968,7 +14042,7 @@ declare module '@elastic/eui/src/components/image/image_types' {
 	    /**
 	     * Props to add to the wrapping figure element
 	     */
-	    wrapperProps?: HTMLAttributes<HTMLDivElement>;
+	    wrapperProps?: CommonProps & HTMLAttributes<HTMLDivElement>;
 	};
 	export type EuiImageWrapperProps = Pick<EuiImageProps, 'alt' | 'caption' | 'float' | 'margin' | 'hasShadow' | 'wrapperProps' | 'fullScreenIconColor' | 'allowFullScreen'> & {
 	    isFullWidth: boolean;
@@ -14945,14 +15019,15 @@ declare module '@elastic/eui/src/components/notification/notification_event_read
 
 }
 declare module '@elastic/eui/src/components/notification/notification_event' {
-	import { FunctionComponent, ReactElement } from 'react';
+	import { FunctionComponent, ReactElement, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiNotificationEventMetaProps } from '@elastic/eui/src/components/notification/notification_event_meta';
 	import { EuiNotificationEventMessagesProps } from '@elastic/eui/src/components/notification/notification_event_messages';
 	import { EuiNotificationEventReadButtonProps } from '@elastic/eui/src/components/notification/notification_event_read_button';
 	import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button';
 	import { EuiContextMenuItem, EuiContextMenuItemProps } from '@elastic/eui/src/components/context_menu';
 	export type EuiNotificationHeadingLevel = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-	export type EuiNotificationEventProps = Omit<EuiNotificationEventMetaProps, 'onOpenContextMenu' | 'onRead' | 'eventName' | 'id'> & Omit<EuiNotificationEventReadButtonProps, 'onClick' | 'color' | 'eventName' | 'isRead' | 'id'> & {
+	export type EuiNotificationEventProps = Omit<EuiNotificationEventMetaProps, 'onOpenContextMenu' | 'onRead' | 'eventName' | 'id'> & Omit<EuiNotificationEventReadButtonProps, 'onClick' | 'color' | 'eventName' | 'isRead' | 'id'> & CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
 	    /**
 	     * A unique identifier
 	     */
@@ -15141,8 +15216,7 @@ declare module '@elastic/eui/src/components/page/page_content/page_content' {
 	    role?: HTMLAttributes['role'] | null;
 	};
 	/**
-	 * **DEPRECATED**
-	 * Use EuiPageSection instead
+	 * @deprecated Use EuiPageSection instead
 	 */
 	export const EuiPageContent_Deprecated: FunctionComponent<EuiPageContentProps>;
 
@@ -15160,8 +15234,7 @@ declare module '@elastic/eui/src/components/page/page_content/page_content_body'
 	    paddingSize?: typeof PADDING_SIZES[number];
 	}
 	/**
-	 * **DEPRECATED**
-	 * Use EuiPageSection instead
+	 * @deprecated Use EuiPageSection instead
 	 */
 	export const EuiPageContentBody_Deprecated: FunctionComponent<EuiPageContentBodyProps>;
 
@@ -15177,8 +15250,7 @@ declare module '@elastic/eui/src/components/page/page_content/page_content_heade
 	    responsive?: boolean;
 	}
 	/**
-	 * **DEPRECATED**
-	 * Use EuiPageHeader instead
+	 * @deprecated Use EuiPageHeader instead
 	 */
 	export const EuiPageContentHeader_Deprecated: FunctionComponent<EuiPageContentHeaderProps>;
 
@@ -15189,8 +15261,7 @@ declare module '@elastic/eui/src/components/page/page_content/page_content_heade
 	export interface EuiPageContentHeaderSectionProps extends CommonProps, HTMLAttributes<HTMLDivElement> {
 	}
 	/**
-	 * **DEPRECATED**
-	 * Use EuiPageHeader instead
+	 * @deprecated Use EuiPageHeader instead
 	 */
 	export const EuiPageContentHeaderSection_Deprecated: FunctionComponent<EuiPageContentHeaderSectionProps>;
 
@@ -15400,7 +15471,7 @@ declare module '@elastic/eui/src/components/page/page_section/page_section.style
 
 }
 declare module '@elastic/eui/src/components/page/page_section/page_section' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { FunctionComponent, ComponentType, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
 	import { _EuiPageBottomBorder } from '@elastic/eui/src/components/page/_bottom_border';
@@ -15427,8 +15498,12 @@ declare module '@elastic/eui/src/components/page/page_section/page_section' {
 	    /**
 	     * Passed down to the div wrapper of the section contents
 	     */
-	    contentProps?: HTMLAttributes<HTMLDivElement>;
-	} & Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
+	    contentProps?: CommonProps & HTMLAttributes<HTMLDivElement>;
+	    /**
+	     * Sets which HTML element to render.
+	     */
+	    component?: keyof JSX.IntrinsicElements | ComponentType;
+	} & Omit<HTMLAttributes<Element>, 'color'>;
 	export const EuiPageSection: FunctionComponent<EuiPageSectionProps>;
 
 }
@@ -15452,8 +15527,7 @@ declare module '@elastic/eui/src/components/page/page_side_bar/page_side_bar' {
 	    paddingSize?: typeof PADDING_SIZES[number];
 	}
 	/**
-	 * **DEPRECATED**
-	 * Use the new EuiPageSidebar instead
+	 * @deprecated Use the new EuiPageSidebar in page/page_sidebar instead
 	 */
 	export const EuiPageSideBar_Deprecated: FunctionComponent<EuiPageSideBarProps>;
 
@@ -15581,7 +15655,9 @@ declare module '@elastic/eui/src/components/page/page_template' {
 	/**
 	 * This component has been deprecated in favor of the new
 	 * namespaced version. You can still import this component
-	 * for a period of time by importing `as EuiPageTemplate`.
+	 * until August 2023 by importing `as EuiPageTemplate`.
+	 *
+	 * @deprecated use EuiPageTemplate from page_template/page_template instead
 	 */
 	export const EuiPageTemplate_Deprecated: FunctionComponent<EuiPageTemplateProps_Deprecated>;
 
@@ -15788,10 +15864,6 @@ declare module '@elastic/eui/src/themes/themes' {
 	export const EUI_THEMES: EUI_THEME[];
 	export const isDefaultTheme: (name: string) => boolean;
 
-}
-declare module '@elastic/eui/src/themes/amsterdam' {
-	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow';
-
 }
 declare module '@elastic/eui/src/themes' {
 	export type { EUI_THEME } from '@elastic/eui/src/themes/themes';
@@ -15804,7 +15876,7 @@ declare module '@elastic/eui/src/components/provider/cache/cache_provider' {
 	import { PropsWithChildren } from 'react';
 	import { EmotionCache } from '@emotion/cache';
 	export interface EuiCacheProviderProps {
-	    cache?: EmotionCache;
+	    cache?: false | EmotionCache;
 	}
 	export const EuiCacheProvider: ({ cache, children, }: PropsWithChildren<EuiCacheProviderProps>) => JSX.Element;
 
@@ -17460,7 +17532,7 @@ declare module '@elastic/eui/src/components/side_nav/side_nav' {
 	    /**
 	     * Adds a couple extra #EuiSideNavHeading props and extends the props of EuiTitle that wraps the `heading`
 	     */
-	    headingProps?: EuiSideNavHeadingProps;
+	    headingProps?: CommonProps & EuiSideNavHeadingProps;
 	    /**
 	     * When called, toggles visibility of the navigation menu at mobile responsive widths. The callback should set the `isOpenOnMobile` prop to actually toggle navigation visibility.
 	     */
@@ -17849,6 +17921,11 @@ declare module '@elastic/eui/src/components/suggest/suggest' {
 	     * Default is `60vh`
 	     */
 	    maxHeight?: CSSProperties['maxHeight'];
+	    /**
+	     * Control whether or not options get filtered internally or if consumer will filter.
+	     * Default `false`
+	     */
+	    isPreFiltered?: boolean;
 	};
 	export type EuiSuggestProps = _EuiSuggestProps & ExclusiveUnion<{
 	    'aria-label': string;
@@ -19455,7 +19532,7 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_panel'
 	    /**
 	     * Props to add to the wrapping `.euiResizablePanel` div
 	     */
-	    wrapperProps?: HTMLAttributes<HTMLDivElement>;
+	    wrapperProps?: CommonProps & HTMLAttributes<HTMLDivElement>;
 	    /**
 	     * Padding to add directly to the wrapping `.euiResizablePanel` div
 	     * Gives space around the actual panel.