npm - @elastic/eui - Versions diffs - 63.0.6 → 64.0.2 - Mend

@elastic/eui 63.0.6 → 64.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (846) hide show

package/es/components/loading/loading_elastic.js CHANGED Viewed

@@ -46,5 +46,6 @@ EuiLoadingElastic.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   size: PropTypes.any
 };

package/es/components/loading/loading_logo.js CHANGED Viewed

@@ -54,6 +54,7 @@ EuiLoadingLogo.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   size: PropTypes.any,
   /**

package/es/components/loading/loading_spinner.js CHANGED Viewed

@@ -45,6 +45,7 @@ EuiLoadingSpinner.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   size: PropTypes.any,
   /**

package/es/components/mark/mark.js CHANGED Viewed

@@ -45,6 +45,7 @@ EuiMark.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
        * Set to `false` to remove the CSS :before and :after

package/es/components/markdown_editor/markdown_editor.js CHANGED Viewed

@@ -441,6 +441,7 @@ EuiMarkdownEditor.propTypes = {
   /** aria-label OR aria-labelledby must be set */
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /** aria-label OR aria-labelledby must be set */
   "aria-labelledby": PropTypes.string,
@@ -539,6 +540,7 @@ EuiMarkdownEditor.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
     /**
          * Determines the text size. Choose `relative` to control the `font-size` based on the value of a parent container.

package/es/components/markdown_editor/markdown_editor_text_area.js CHANGED Viewed

@@ -56,6 +56,7 @@ EuiMarkdownEditorTextArea.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   isInvalid: PropTypes.bool,
   fullWidth: PropTypes.bool,
   compressed: PropTypes.bool,

package/es/components/markdown_editor/markdown_editor_toolbar.js CHANGED Viewed

@@ -198,6 +198,7 @@ EuiMarkdownEditorToolbar.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   selectedNode: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.any.isRequired]),
   markdownActions: PropTypes.any.isRequired,
   viewMode: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.any.isRequired]).isRequired,

package/es/components/markdown_editor/markdown_format.js CHANGED Viewed

@@ -62,6 +62,7 @@ EuiMarkdownFormat.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   children: PropTypes.string.isRequired,
   /** array of unified plugins to parse content into an AST */

package/es/components/modal/modal_body.js CHANGED Viewed

@@ -32,5 +32,6 @@ export var EuiModalBody = function EuiModalBody(_ref) {
 EuiModalBody.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/modal/modal_footer.js CHANGED Viewed

@@ -30,5 +30,6 @@ export var EuiModalFooter = function EuiModalFooter(_ref) {
 EuiModalFooter.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/modal/modal_header.js CHANGED Viewed

@@ -30,5 +30,6 @@ export var EuiModalHeader = function EuiModalHeader(_ref) {
 EuiModalHeader.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/modal/modal_header_title.js CHANGED Viewed

@@ -30,5 +30,6 @@ export var EuiModalHeaderTitle = function EuiModalHeaderTitle(_ref) {
 EuiModalHeaderTitle.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/notification/notification_event.js CHANGED Viewed

@@ -153,6 +153,7 @@ EuiNotificationEvent.propTypes = {
   isLoading: PropTypes.bool,
   className: PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
        * A unique identifier
@@ -241,7 +242,16 @@ EuiNotificationEvent.propTypes = {
     /**
        * Object of props passed to the <span/> wrapping the button's content
        */
-    contentProps: PropTypes.any,
+    /**
+       * Object of props passed to the <span/> wrapping the button's content
+       */
+    contentProps: PropTypes.shape({
+      className: PropTypes.string,
+      "aria-label": PropTypes.string,
+      "data-test-subj": PropTypes.string,
+      css: PropTypes.any
+    }),
     /**
        * Any `type` accepted by EuiIcon
@@ -261,13 +271,15 @@ EuiNotificationEvent.propTypes = {
       className: PropTypes.string,
       "aria-label": PropTypes.string,
       "data-test-subj": PropTypes.string,
+      css: PropTypes.any,
       ref: PropTypes.any,
       "data-text": PropTypes.string
     }),
     iconSize: PropTypes.oneOf(["s", "m"]),
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }),
   /**

package/es/components/notification/notification_event_read_button.js CHANGED Viewed

@@ -76,6 +76,7 @@ EuiNotificationEventReadButton.propTypes = {
   isLoading: PropTypes.bool,
   className: PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   id: PropTypes.string.isRequired,
   /**

package/es/components/notification/notification_event_read_icon.js CHANGED Viewed

@@ -52,6 +52,7 @@ EuiNotificationEventReadIcon.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
        * Descriptive title for naming the icon based on its use

package/es/components/overlay_mask/overlay_mask.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var _excluded = ["className", "children", "onClick", "headerZindexLocation", "maskRef"];
+var _excluded = ["className", "children", "onClick", "headerZindexLocation", "maskRef", "css"];
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -42,6 +42,7 @@ export var EuiOverlayMask = function EuiOverlayMask(_ref) {
       _ref$headerZindexLoca = _ref.headerZindexLocation,
       headerZindexLocation = _ref$headerZindexLoca === void 0 ? 'above' : _ref$headerZindexLoca,
       maskRef = _ref.maskRef,
+      css = _ref.css,
       rest = _objectWithoutProperties(_ref, _excluded);
   var overlayMaskNode = useRef();
@@ -116,6 +117,7 @@ EuiOverlayMask.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
      * Function that applies to clicking the mask itself and not the children

package/es/components/page/page.js CHANGED Viewed

@@ -69,6 +69,7 @@ EuiPage.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
      * Sets the max-width of the page,

package/es/components/page/page_content/page_content.js CHANGED Viewed

@@ -54,6 +54,7 @@ EuiPageContent_Deprecated.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
      * Adds a medium shadow to the panel;

package/es/components/page/page_content/page_content_body.js CHANGED Viewed

@@ -61,6 +61,7 @@ EuiPageContentBody_Deprecated.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
      * Sets the max-width of the page,

package/es/components/page/page_content/page_content_header.js CHANGED Viewed

@@ -43,5 +43,6 @@ EuiPageContentHeader_Deprecated.propTypes = {
   responsive: PropTypes.bool,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/page/page_content/page_content_header_section.js CHANGED Viewed

@@ -34,5 +34,6 @@ export var EuiPageContentHeaderSection_Deprecated = function EuiPageContentHeade
 EuiPageContentHeaderSection_Deprecated.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/page/page_header/page_header.js CHANGED Viewed

@@ -83,6 +83,7 @@ EuiPageHeader.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
      * Sets the max-width of the page,

package/es/components/page/page_header/page_header_content.js CHANGED Viewed

@@ -220,6 +220,7 @@ EuiPageHeaderContent.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
      * The only option is on/off
@@ -280,6 +281,7 @@ EuiPageHeaderContent.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
     textTransform: PropTypes.any,
     id: PropTypes.string
   }),
@@ -301,6 +303,7 @@ EuiPageHeaderContent.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
     href: PropTypes.string,
     rel: PropTypes.string,
     onClick: PropTypes.func,
@@ -350,6 +353,7 @@ EuiPageHeaderContent.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
     /**
          * ReactNode to render as this component's content

package/es/components/page/page_header/page_header_section.js CHANGED Viewed

@@ -30,5 +30,6 @@ export var EuiPageHeaderSection = function EuiPageHeaderSection(_ref) {
 EuiPageHeaderSection.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/page/page_section/page_section.js CHANGED Viewed

@@ -60,6 +60,7 @@ EuiPageSection.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
      * Sets the max-width of the page,
@@ -100,7 +101,12 @@ EuiPageSection.propTypes = {
   /**
        * Passed down to the div wrapper of the section contents
        */
-  contentProps: PropTypes.any,
+  contentProps: PropTypes.shape({
+    className: PropTypes.string,
+    "aria-label": PropTypes.string,
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
+  }),
   /**
        * Sets which HTML element to render.

package/es/components/page/page_side_bar/page_side_bar.js CHANGED Viewed

@@ -56,5 +56,6 @@ EuiPageSideBar_Deprecated.propTypes = {
   paddingSize: PropTypes.any,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/page/page_sidebar/page_sidebar.js CHANGED Viewed

@@ -112,5 +112,6 @@ EuiPageSidebar.propTypes = {
   responsive: PropTypes.arrayOf(PropTypes.any.isRequired),
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/page/page_template.js CHANGED Viewed

@@ -378,7 +378,8 @@ EuiPageTemplate_Deprecated.propTypes = {
     paddingSize: PropTypes.any,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }),
   /**
@@ -392,6 +393,7 @@ EuiPageTemplate_Deprecated.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
     /**
        * Sets the max-width of the page,
@@ -416,6 +418,7 @@ EuiPageTemplate_Deprecated.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
     /**
        * Sets the max-width of the page,
@@ -454,6 +457,7 @@ EuiPageTemplate_Deprecated.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
     /**
        * Adds a medium shadow to the panel;
@@ -538,6 +542,7 @@ EuiPageTemplate_Deprecated.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
     /**
        * Sets the max-width of the page,
@@ -562,6 +567,7 @@ EuiPageTemplate_Deprecated.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
     /**
          * How to position the bottom bar against its parent.

package/es/components/page_template/empty_prompt/page_empty_prompt.js CHANGED Viewed

@@ -68,6 +68,7 @@ _EuiPageEmptyPrompt.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
      * Sets the max-width of the page,
@@ -102,7 +103,12 @@ _EuiPageEmptyPrompt.propTypes = {
   /**
        * Passed down to the div wrapper of the section contents
        */
-  contentProps: PropTypes.any,
+  contentProps: PropTypes.shape({
+    className: PropTypes.string,
+    "aria-label": PropTypes.string,
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
+  }),
   /**
        * Sets which HTML element to render.

package/es/components/page_template/outer/page_outer.js CHANGED Viewed

@@ -55,5 +55,6 @@ _EuiPageOuter.propTypes = {
   responsive: PropTypes.arrayOf(PropTypes.any.isRequired),
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/page_template/page_template.js CHANGED Viewed

@@ -207,6 +207,7 @@ _EuiPageTemplate.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
      * Sets the max-width of the page,
@@ -247,7 +248,8 @@ _EuiPageTemplate.propTypes = {
   mainProps: PropTypes.shape({
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   })
 };
@@ -262,6 +264,7 @@ _EuiPageSection.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
      * Sets the max-width of the page,
@@ -296,7 +299,12 @@ _EuiPageSection.propTypes = {
   /**
        * Passed down to the div wrapper of the section contents
        */
-  contentProps: PropTypes.any,
+  contentProps: PropTypes.shape({
+    className: PropTypes.string,
+    "aria-label": PropTypes.string,
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
+  }),
   /**
        * Sets which HTML element to render.
@@ -317,6 +325,7 @@ _EuiPageHeader.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
      * Sets the max-width of the page,
@@ -343,12 +352,18 @@ _EuiPageEmptyPrompt.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   restrictWidth: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.number.isRequired, PropTypes.string.isRequired]),
   color: PropTypes.any,
   paddingSize: PropTypes.any,
   alignment: PropTypes.any,
   grow: PropTypes.bool,
-  contentProps: PropTypes.any,
+  contentProps: PropTypes.shape({
+    className: PropTypes.string,
+    "aria-label": PropTypes.string,
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
+  }),
   component: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.elementType.isRequired]),
   panelled: PropTypes.bool
 };

package/es/components/pagination/pagination.js CHANGED Viewed

@@ -240,6 +240,7 @@ EuiPagination.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
      * The total number of pages.

package/es/components/pagination/pagination_button.js CHANGED Viewed

@@ -131,7 +131,16 @@ EuiPaginationButton.propTypes = {
   /**
      * Object of props passed to the <span/> wrapping the button's content
      */
-  contentProps: PropTypes.any,
+  /**
+     * Object of props passed to the <span/> wrapping the button's content
+     */
+  contentProps: PropTypes.shape({
+    className: PropTypes.string,
+    "aria-label": PropTypes.string,
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
+  }),
   /**
      * Any `type` accepted by EuiIcon
@@ -151,6 +160,7 @@ EuiPaginationButton.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
     ref: PropTypes.any,
     "data-text": PropTypes.string
   }),
@@ -158,6 +168,7 @@ EuiPaginationButton.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   isActive: PropTypes.bool,
   /**

package/es/components/panel/panel.js CHANGED Viewed

@@ -143,5 +143,6 @@ EuiPanel.propTypes = {
   color: PropTypes.any,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/panel/split_panel/split_panel.js CHANGED Viewed

@@ -61,7 +61,8 @@ _EuiSplitPanelInner.propTypes = {
   color: PropTypes.any,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };
 /**

package/es/components/popover/input_popover.js CHANGED Viewed

@@ -132,6 +132,7 @@ EuiInputPopover.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   disableFocusTrap: PropTypes.bool,
   fullWidth: PropTypes.bool,
   input: PropTypes.any.isRequired,

package/es/components/popover/popover.js CHANGED Viewed

@@ -1,7 +1,7 @@
 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); }
 import { css as _css } from "@emotion/react";
-var _excluded = ["anchorClassName", "anchorPosition", "button", "buttonRef", "insert", "isOpen", "ownFocus", "children", "className", "closePopover", "panelClassName", "panelPaddingSize", "panelProps", "panelRef", "panelStyle", "popoverScreenReaderText", "popoverRef", "hasArrow", "arrowChildren", "repositionOnScroll", "zIndex", "attachToAnchor", "display", "offset", "onTrapDeactivation", "buffer", "aria-label", "aria-labelledby", "container", "focusTrapProps", "initialFocus", "tabIndex"];
+var _excluded = ["anchorClassName", "anchorPosition", "button", "buttonRef", "insert", "isOpen", "ownFocus", "children", "className", "closePopover", "panelClassName", "panelPaddingSize", "panelProps", "panelRef", "panelStyle", "popoverScreenReaderText", "popoverRef", "hasArrow", "arrowChildren", "repositionOnScroll", "zIndex", "attachToAnchor", "display", "offset", "onPositionChange", "onTrapDeactivation", "buffer", "aria-label", "aria-labelledby", "container", "focusTrapProps", "initialFocus", "tabIndex"];
 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); }
@@ -291,6 +291,7 @@ export var EuiPopover = /*#__PURE__*/function (_Component) {
       var willRenderArrow = !_this.props.attachToAnchor && _this.props.hasArrow;
       var arrowStyles = willRenderArrow ? arrow : undefined;
       var arrowPosition = foundPosition;
+      _this.props.onPositionChange && _this.props.onPositionChange(arrowPosition);
       _this.setState({
         popoverStyles: popoverStyles,
@@ -445,6 +446,7 @@ export var EuiPopover = /*#__PURE__*/function (_Component) {
           attachToAnchor = _this$props.attachToAnchor,
           display = _this$props.display,
           offset = _this$props.offset,
+          onPositionChange = _this$props.onPositionChange,
           onTrapDeactivation = _this$props.onTrapDeactivation,
           buffer = _this$props.buffer,
           ariaLabel = _this$props['aria-label'],
@@ -775,6 +777,12 @@ EuiPopover.propTypes = {
      * Usually takes the `id` of the popover title
      */
   "aria-labelledby": PropTypes.string,
+  /**
+     * Function callback for when the popover positon changes
+     */
+  onPositionChange: PropTypes.func,
   className: PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/popover/popover_arrow/_popover_arrow.js CHANGED Viewed

@@ -36,5 +36,6 @@ EuiPopoverArrow.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   position: PropTypes.any.isRequired
 };

package/es/components/popover/popover_footer.js CHANGED Viewed

@@ -45,6 +45,7 @@ EuiPopoverFooter.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   /**
          * Customize the all around padding of the popover footer.

package/es/components/popover/popover_panel/_popover_panel.js CHANGED Viewed

@@ -108,6 +108,7 @@ EuiPopoverPanel.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   isOpen: PropTypes.bool,
   isAttached: PropTypes.bool,
   position: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.oneOf([null])])

package/es/components/popover/popover_panel/_popover_panel.styles.js CHANGED Viewed

@@ -8,6 +8,7 @@
 import { css } from '@emotion/react';
 import { euiShadow, euiShadowFlat, euiShadowMedium } from '../../../themes/amsterdam/global_styling/mixins';
 import { euiCanAnimate, logicalCSS } from '../../../global_styling';
+export var openAnimationTiming = 'slow';
 var translateDistance = 's';
 /**
  * 1. Can expand further, but it looks weird if it's smaller than the originating button.
@@ -23,7 +24,7 @@ export var euiPopoverPanelStyles = function euiPopoverPanelStyles(euiThemeContex
       property: 'filter'
     }), " &:focus{outline-offset:0;};label:euiPopover__panel;"),
     // Is visible / open
-    isOpen: /*#__PURE__*/css("opacity:1;pointer-events:auto;", euiCanAnimate, "{transition:opacity ", euiTheme.animation.bounce, " ", euiTheme.animation.slow, ",transform ", euiTheme.animation.bounce, " calc(", euiTheme.animation.slow, " + 100ms);};label:isOpen;"),
+    isOpen: /*#__PURE__*/css("opacity:1;pointer-events:auto;", euiCanAnimate, "{transition:opacity ", euiTheme.animation.bounce, " ", euiTheme.animation[openAnimationTiming], ",transform ", euiTheme.animation.bounce, " calc(", euiTheme.animation[openAnimationTiming], " + 100ms);};label:isOpen;"),
     // Positions
     top: /*#__PURE__*/css("transform:translateY(", euiTheme.size[translateDistance], ") translateZ(0);;label:top;"),
     bottom: /*#__PURE__*/css("transform:translateY(-", euiTheme.size[translateDistance], ") translateZ(0);;label:bottom;"),
@@ -31,7 +32,7 @@ export var euiPopoverPanelStyles = function euiPopoverPanelStyles(euiThemeContex
     right: /*#__PURE__*/css("transform:translateX(-", euiTheme.size[translateDistance], ") translateZ(0);;label:right;"),
     // Attached version overrides
     attached: {
-      isOpen: /*#__PURE__*/css("filter:none;", euiCanAnimate, "{transition:opacity ", euiTheme.animation.bounce, " ", euiTheme.animation.slow, ";};label:isOpen;"),
+      isOpen: /*#__PURE__*/css("filter:none;", euiCanAnimate, "{transition:opacity ", euiTheme.animation.bounce, " ", euiTheme.animation[openAnimationTiming], ";};label:isOpen;"),
       top: /*#__PURE__*/css(euiShadowFlat(euiThemeContext), ";;label:top;"),
       bottom: /*#__PURE__*/css(euiShadow(euiThemeContext, 'm'), ";;label:bottom;"),
       // Satisfies TS