@elastic/eui 109.0.0 → 109.1.0

package/lib/components/header/header_section/header_section_item_button.js

@@ -183,13 +183,6 @@ ref) {
 EuiHeaderSectionItemButton.propTypes = {
   href: _propTypes.default.string,
   onClick: _propTypes.default.func,
-  /**
-     * `disabled` is also allowed
-     */
-  /**
-     * `disabled` is also allowed
-     */
-  isDisabled: _propTypes.default.bool,
   target: _propTypes.default.string,
   rel: _propTypes.default.string,
   type: _propTypes.default.any,
@@ -228,10 +221,23 @@ EuiHeaderSectionItemButton.propTypes = {
     "data-text": _propTypes.default.string
   }).isRequired, _propTypes.default.oneOf([false])]),
   iconSize: _propTypes.default.any,
+  /**
+     * Controls the disabled behavior via the native `disabled` attribute.
+     */
+  isDisabled: _propTypes.default.bool,
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
   css: _propTypes.default.any,
+  /**
+     * NOTE: Beta feature, may be changed or removed in the future
+     *
+     * Changes the native `disabled` attribute to `aria-disabled` to preserve focusability.
+     * This results in a semantically disabled button without the default browser handling of the disabled state.
+     *
+     * Use e.g. when a disabled button should have a tooltip.
+     */
+  hasAriaDisabled: _propTypes.default.bool,
   /**
        * Inserts the node into a EuiBadgeNotification and places it appropriately against the button.
        * Or pass `true` to render a simple dot

package/lib/components/icon/assets/boxes_vertical.js

@@ -34,7 +34,7 @@ var EuiIconBoxesVertical = function EuiIconBoxesVertical(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("path", {
-    d: "M8 12a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm0-6a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm0-6a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"
+    d: "M6 3a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm2-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM6 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm2-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm0 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-1 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"
   }));
 };
 var icon = exports.icon = EuiIconBoxesVertical;

package/lib/components/icon/assets/checkInCircleFilled.js

@@ -34,8 +34,7 @@ var EuiIconCheckInCircleFilled = function EuiIconCheckInCircleFilled(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm3.65-10.857L6.91 9.8 4.35 7.286a.5.5 0 0 0-.7.714l2.909 2.857a.5.5 0 0 0 .7 0l5.091-5a.5.5 0 1 0-.7-.714Z"
+    d: "M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1ZM7 9.293 5.354 7.646l-.708.708L7 10.707l4.354-4.353-.707-.708L7 9.293Z"
   }));
 };
 var icon = exports.icon = EuiIconCheckInCircleFilled;

package/lib/components/icon/assets/errorFilled.js

@@ -34,8 +34,7 @@ var EuiIconErrorFilled = function EuiIconErrorFilled(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M10 1a1 1 0 0 1 .707.293l4 4A1 1 0 0 1 15 6v5a1 1 0 0 1-.293.707l-4 4A1 1 0 0 1 10 16H5a1 1 0 0 1-.707-.293l-4-4A1 1 0 0 1 0 11V6a1 1 0 0 1 .293-.707l4-4A1 1 0 0 1 5 1h5ZM4.146 5.146a.5.5 0 0 1 .708 0L7.5 7.793l2.646-2.647a.5.5 0 0 1 .708.708L8.207 8.5l2.647 2.646a.5.5 0 0 1-.708.708L7.5 9.207l-2.646 2.647a.5.5 0 0 1-.708-.708L6.793 8.5 4.146 5.854a.5.5 0 0 1 0-.708Z"
+    d: "M10.392 1.005a1 1 0 0 1 .608.288L14.707 5a1 1 0 0 1 .293.707v4.586a1 1 0 0 1-.293.707L11 14.707a1 1 0 0 1-.707.293H5.707a1 1 0 0 1-.634-.227L5 14.707 1.293 11a1 1 0 0 1-.288-.608L1 10.293V5.707A1 1 0 0 1 1.293 5L5 1.293A1 1 0 0 1 5.707 1h4.586l.099.005ZM8 7.293 5.354 4.646l-.708.708L7.293 8l-2.647 2.646.708.707L8 8.707l2.646 2.646.707-.707L8.707 8l2.646-2.646-.707-.708L8 7.293Z"
   }));
 };
 var icon = exports.icon = EuiIconErrorFilled;

package/lib/components/icon/assets/warningFilled.js

@@ -34,8 +34,7 @@ var EuiIconWarningFilled = function EuiIconWarningFilled(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M8 1a1 1 0 0 1 .864.496l7 12A1 1 0 0 1 15 15H1a1 1 0 0 1-.864-1.504l7-12A1 1 0 0 1 8 1Zm.9 4.995-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995a.905.905 0 1 1 1.8 0ZM8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
+    d: "M8 1a1 1 0 0 1 .863.496l7 12A1 1 0 0 1 15 15H1a1 1 0 0 1-.864-1.504l7-12A1 1 0 0 1 8 1Zm0 10a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-.5-6v5h1V5h-1Z"
   }));
 };
 var icon = exports.icon = EuiIconWarningFilled;

package/lib/components/icon/icon_map.js

@@ -60,8 +60,7 @@ var typeToPathMap = exports.typeToPathMap = {
   changePointDetection: 'change_point_detection',
   check: 'check',
   checkCircle: 'checkCircle',
-  checkInCircleFilled: 'checkCircle',
-  // NOTE: To be deprecated in favor of `checkCircle`
+  checkInCircleFilled: 'checkInCircleFilled',
   cheer: 'cheer',
   classificationJob: 'ml_classification_job',
   clickLeft: 'clickLeft',
@@ -166,8 +165,7 @@ var typeToPathMap = exports.typeToPathMap = {
   eql: 'eql',
   eraser: 'eraser',
   error: 'error',
-  errorFilled: 'error',
-  // NOTE: To be deprecated in favor of `error`
+  errorFilled: 'errorFilled',
   esqlVis: 'esqlVis',
   exit: 'exit',
   expand: 'expand',
@@ -506,8 +504,7 @@ var typeToPathMap = exports.typeToPathMap = {
   visualizeApp: 'app_visualize',
   vulnerabilityManagementApp: 'app_vulnerability_management',
   warning: 'warning',
-  warningFilled: 'warning',
-  // NOTE: To be deprecated in favor of `warning`
+  warningFilled: 'warningFilled',
   watchesApp: 'app_watches',
   web: 'web',
   wordWrap: 'wordWrap',

package/lib/components/icon/svgs/boxes_vertical.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path d="M8 12a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm0-6a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm0-6a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/>
+  <path d="M6 3a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm2-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM6 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm2-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm0 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-1 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"/>
 </svg>

package/lib/components/icon/svgs/checkInCircleFilled.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M11.649646,5.14327592 L6.90909091,9.79917823 L4.35035401,7.28613306 C4.15334074,7.09263789 3.8367711,7.09548987 3.64327592,7.29250314 C3.44978074,7.4895164 3.45263272,7.80608605 3.64964599,7.99958122 L6.5587369,10.8567241 C6.75324482,11.0477586 7.064937,11.0477586 7.25944492,10.8567241 L12.350354,5.85672408 C12.5473673,5.6632289 12.5502193,5.34665926 12.3567241,5.14964599 C12.1632289,4.95263272 11.8466593,4.94978074 11.649646,5.14327592 Z"/>
+  <path d="M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1ZM7 9.293 5.354 7.646l-.708.708L7 10.707l4.354-4.353-.707-.708L7 9.293Z"/>
 </svg>

package/lib/components/icon/svgs/errorFilled.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M10 1a1 1 0 0 1 .707.293l4 4A1 1 0 0 1 15 6v5a1 1 0 0 1-.293.707l-4 4A1 1 0 0 1 10 16H5a1 1 0 0 1-.707-.293l-4-4A1 1 0 0 1 0 11V6a1 1 0 0 1 .293-.707l4-4A1 1 0 0 1 5 1h5ZM4.146 5.146a.5.5 0 0 1 .708 0L7.5 7.793l2.646-2.647a.5.5 0 0 1 .708.708L8.207 8.5l2.647 2.646a.5.5 0 0 1-.708.708L7.5 9.207l-2.646 2.647a.5.5 0 0 1-.708-.708L6.793 8.5 4.146 5.854a.5.5 0 0 1 0-.708Z"/>
+  <path d="M10.392 1.005a1 1 0 0 1 .608.288L14.707 5a1 1 0 0 1 .293.707v4.586a1 1 0 0 1-.293.707L11 14.707a1 1 0 0 1-.707.293H5.707a1 1 0 0 1-.634-.227L5 14.707 1.293 11a1 1 0 0 1-.288-.608L1 10.293V5.707A1 1 0 0 1 1.293 5L5 1.293A1 1 0 0 1 5.707 1h4.586l.099.005ZM8 7.293 5.354 4.646l-.708.708L7.293 8l-2.647 2.646.708.707L8 8.707l2.646 2.646.707-.707L8.707 8l2.646-2.646-.707-.708L8 7.293Z"/>
 </svg>

package/lib/components/icon/svgs/warningFilled.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M8 1a1 1 0 0 1 .864.496l7 12A1 1 0 0 1 15 15H1a1 1 0 0 1-.864-1.504l7-12A1 1 0 0 1 8 1Zm.9 4.995-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995a.905.905 0 1 1 1.8 0ZM8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/>
+  <path d="M8 1a1 1 0 0 1 .863.496l7 12A1 1 0 0 1 15 15H1a1 1 0 0 1-.864-1.504l7-12A1 1 0 0 1 8 1Zm0 10a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-.5-6v5h1V5h-1Z"/>
 </svg>

package/lib/components/list_group/list_group.js

@@ -197,7 +197,6 @@ EuiListGroup.propTypes = {
       color: _propTypes.default.any,
       "aria-label": _propTypes.default.string,
       "aria-labelledby": _propTypes.default.string,
-      isDisabled: _propTypes.default.bool,
       /**
          * Overall size of button.
          * Matches the sizes of other EuiButtons
@@ -227,6 +226,19 @@ EuiListGroup.propTypes = {
       className: _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
       css: _propTypes.default.any,
+      /**
+         * Controls the disabled behavior via the native `disabled` attribute.
+         */
+      isDisabled: _propTypes.default.bool,
+      /**
+         * NOTE: Beta feature, may be changed or removed in the future
+         *
+         * Changes the native `disabled` attribute to `aria-disabled` to preserve focusability.
+         * This results in a semantically disabled button without the default browser handling of the disabled state.
+         *
+         * Use e.g. when a disabled button should have a tooltip.
+         */
+      hasAriaDisabled: _propTypes.default.bool,
       buttonRef: _propTypes.default.any
     }),
     /**

package/lib/components/list_group/list_group_item.js

@@ -280,7 +280,6 @@ EuiListGroupItem.propTypes = {
     color: _propTypes.default.any,
     "aria-label": _propTypes.default.string,
     "aria-labelledby": _propTypes.default.string,
-    isDisabled: _propTypes.default.bool,
     /**
        * Overall size of button.
        * Matches the sizes of other EuiButtons
@@ -310,6 +309,19 @@ EuiListGroupItem.propTypes = {
     className: _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
     css: _propTypes.default.any,
+    /**
+       * Controls the disabled behavior via the native `disabled` attribute.
+       */
+    isDisabled: _propTypes.default.bool,
+    /**
+       * NOTE: Beta feature, may be changed or removed in the future
+       *
+       * Changes the native `disabled` attribute to `aria-disabled` to preserve focusability.
+       * This results in a semantically disabled button without the default browser handling of the disabled state.
+       *
+       * Use e.g. when a disabled button should have a tooltip.
+       */
+    hasAriaDisabled: _propTypes.default.bool,
     buttonRef: _propTypes.default.any
   }),
   /**

package/lib/components/list_group/list_group_item_extra_action.js

@@ -60,7 +60,6 @@ EuiListGroupItemExtraAction.propTypes = {
   color: _propTypes.default.any,
   "aria-label": _propTypes.default.string,
   "aria-labelledby": _propTypes.default.string,
-  isDisabled: _propTypes.default.bool,
   /**
      * Overall size of button.
      * Matches the sizes of other EuiButtons
@@ -90,6 +89,19 @@ EuiListGroupItemExtraAction.propTypes = {
   className: _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
   css: _propTypes.default.any,
+  /**
+     * Controls the disabled behavior via the native `disabled` attribute.
+     */
+  isDisabled: _propTypes.default.bool,
+  /**
+     * NOTE: Beta feature, may be changed or removed in the future
+     *
+     * Changes the native `disabled` attribute to `aria-disabled` to preserve focusability.
+     * This results in a semantically disabled button without the default browser handling of the disabled state.
+     *
+     * Use e.g. when a disabled button should have a tooltip.
+     */
+  hasAriaDisabled: _propTypes.default.bool,
   buttonRef: _propTypes.default.any,
   parentIsDisabled: _propTypes.default.bool
 };

package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js

@@ -176,7 +176,6 @@ EuiPinnableListGroup.propTypes = {
       color: _propTypes.default.any,
       "aria-label": _propTypes.default.string,
       "aria-labelledby": _propTypes.default.string,
-      isDisabled: _propTypes.default.bool,
       /**
          * Overall size of button.
          * Matches the sizes of other EuiButtons
@@ -206,6 +205,19 @@ EuiPinnableListGroup.propTypes = {
       className: _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
       css: _propTypes.default.any,
+      /**
+         * Controls the disabled behavior via the native `disabled` attribute.
+         */
+      isDisabled: _propTypes.default.bool,
+      /**
+         * NOTE: Beta feature, may be changed or removed in the future
+         *
+         * Changes the native `disabled` attribute to `aria-disabled` to preserve focusability.
+         * This results in a semantically disabled button without the default browser handling of the disabled state.
+         *
+         * Use e.g. when a disabled button should have a tooltip.
+         */
+      hasAriaDisabled: _propTypes.default.bool,
       buttonRef: _propTypes.default.any
     }),
     /**
@@ -309,7 +321,6 @@ EuiPinnableListGroup.propTypes = {
       color: _propTypes.default.any,
       "aria-label": _propTypes.default.string,
       "aria-labelledby": _propTypes.default.string,
-      isDisabled: _propTypes.default.bool,
       size: _propTypes.default.any,
       iconSize: _propTypes.default.any,
       isSelected: _propTypes.default.bool,
@@ -318,6 +329,8 @@ EuiPinnableListGroup.propTypes = {
       className: _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
       css: _propTypes.default.any,
+      isDisabled: _propTypes.default.bool,
+      hasAriaDisabled: _propTypes.default.bool,
       buttonRef: _propTypes.default.any
     }),
     /**

package/lib/components/overlay_mask/overlay_mask.styles.js

@@ -18,7 +18,7 @@ var euiOverlayMaskStyles = exports.euiOverlayMaskStyles = function euiOverlayMas
   var euiTheme = _ref.euiTheme,
     highContrastMode = _ref.highContrastMode;
   return {
-    euiOverlayMask: /*#__PURE__*/(0, _css.css)("position:fixed;", (0, _global_styling.logicalCSS)('top', 0), " ", (0, _global_styling.logicalCSS)('left', 0), " ", (0, _global_styling.logicalCSS)('right', 0), " ", (0, _global_styling.logicalCSS)('bottom', 0), " display:flex;align-items:center;justify-content:center;", (0, _global_styling.logicalCSS)('padding-bottom', '10vh'), " animation:", _global_styling.euiAnimFadeIn, " ", euiTheme.animation.fast, " ease-in;background:", highContrastMode ? euiTheme.components.overlayMaskBackgroundHighContrast : euiTheme.components.overlayMaskBackground, ";;label:euiOverlayMask;"),
+    euiOverlayMask: /*#__PURE__*/(0, _css.css)("position:fixed;", (0, _global_styling.logicalCSS)('top', 0), " ", (0, _global_styling.logicalCSS)('left', 0), " ", (0, _global_styling.logicalCSS)('right', 0), " ", (0, _global_styling.logicalCSS)('bottom', 0), " display:flex;align-items:center;justify-content:center;animation:", _global_styling.euiAnimFadeIn, " ", euiTheme.animation.fast, " ease-in;background:", highContrastMode ? euiTheme.components.overlayMaskBackgroundHighContrast : euiTheme.components.overlayMaskBackground, ";;label:euiOverlayMask;"),
     aboveHeader: /*#__PURE__*/(0, _css.css)("z-index:", euiTheme.levels.mask, ";;label:aboveHeader;"),
     belowHeader: /*#__PURE__*/(0, _css.css)("z-index:", euiTheme.levels.maskBelowHeader, ";", (0, _global_styling.logicalCSS)('top', 'var(--euiFixedHeadersOffset, 0)'), ";;label:belowHeader;")
   };

package/lib/components/pagination/pagination_button.js

@@ -77,13 +77,6 @@ var EuiPaginationButton = exports.EuiPaginationButton = function EuiPaginationBu
 EuiPaginationButton.propTypes = {
   href: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
   onClick: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.func]),
-  /**
-     * `disabled` is also allowed
-     */
-  /**
-     * `disabled` is also allowed
-     */
-  isDisabled: _propTypes.default.bool,
   target: _propTypes.default.string,
   rel: _propTypes.default.string,
   type: _propTypes.default.any,
@@ -122,10 +115,23 @@ EuiPaginationButton.propTypes = {
     "data-text": _propTypes.default.string
   }).isRequired, _propTypes.default.oneOf([false])]),
   iconSize: _propTypes.default.any,
+  /**
+     * Controls the disabled behavior via the native `disabled` attribute.
+     */
+  isDisabled: _propTypes.default.bool,
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
   css: _propTypes.default.any,
+  /**
+     * NOTE: Beta feature, may be changed or removed in the future
+     *
+     * Changes the native `disabled` attribute to `aria-disabled` to preserve focusability.
+     * This results in a semantically disabled button without the default browser handling of the disabled state.
+     *
+     * Use e.g. when a disabled button should have a tooltip.
+     */
+  hasAriaDisabled: _propTypes.default.bool,
   isActive: _propTypes.default.bool,
   pageIndex: _propTypes.default.number.isRequired,
   totalPages: _propTypes.default.number

package/lib/components/popover/popover.js

@@ -19,11 +19,13 @@ var _accessibility = require("../accessibility");
 var _portal = require("../portal");
 var _mutation_observer = require("../observer/mutation_observer");
 var _popover = require("../../services/popover");
+var _reposition_on_scroll = require("../../services/popover/reposition_on_scroll");
 var _i18n = require("../i18n");
 var _outside_click_detector = require("../outside_click_detector");
 var _popover_arrow = require("./popover_arrow");
 var _popover2 = require("./popover.styles");
 var _popover_panel = require("./popover_panel");
+var _component_defaults = require("../provider/component_defaults");
 var _react2 = require("@emotion/react");
 var _excluded = ["anchorPosition", "button", "insert", "isOpen", "ownFocus", "children", "className", "closePopover", "panelClassName", "panelPaddingSize", "panelProps", "panelRef", "panelStyle", "popoverScreenReaderText", "popoverRef", "hasArrow", "arrowChildren", "repositionOnScroll", "repositionToCrossAxis", "zIndex", "attachToAnchor", "display", "offset", "onPositionChange", "buffer", "aria-label", "aria-labelledby", "aria-live", "container", "focusTrapProps", "initialFocus", "tabIndex"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -112,7 +114,8 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
     var _this;
     _classCallCheck(this, EuiPopover);
     _this = _callSuper(this, EuiPopover, [props]);
-    _defineProperty(_this, "respositionTimeout", void 0);
+    _defineProperty(_this, "repositionOnScroll", void 0);
+    _defineProperty(_this, "repositionTimeout", void 0);
     _defineProperty(_this, "strandedFocusTimeout", void 0);
     _defineProperty(_this, "closingTransitionTimeout", void 0);
     _defineProperty(_this, "closingTransitionAnimationFrame", void 0);
@@ -191,12 +194,13 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
         }),
         durationMatch = _Array$prototype$slic.durationMatch,
         delayMatch = _Array$prototype$slic.delayMatch;
-      clearTimeout(_this.respositionTimeout);
-      _this.respositionTimeout = window.setTimeout(function () {
+      clearTimeout(_this.repositionTimeout);
+      _this.repositionTimeout = window.setTimeout(function () {
         _this.setState({
           isOpenStable: true
         }, function () {
           _this.positionPopoverFixed();
+          _services.focusTrapPubSub.publish();
         });
       }, durationMatch + delayMatch);
     });
@@ -306,6 +310,13 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
       // once a stable position has been found, keep the contents on that side
       isOpenStable: false // wait for any initial opening transitions to finish before marking as stable
     };
+    _this.repositionOnScroll = (0, _reposition_on_scroll.createRepositionOnScroll)(function () {
+      return {
+        repositionOnScroll: _this.props.repositionOnScroll,
+        componentDefaults: _this.context.EuiPopover,
+        repositionFn: _this.positionPopoverFixed
+      };
+    });
     return _this;
   }
   _inherits(EuiPopover, _Component);
@@ -323,9 +334,7 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
           _this2.onOpenPopover();
         });
       }
-      if (this.props.repositionOnScroll) {
-        window.addEventListener('scroll', this.positionPopoverFixed, true);
-      }
+      this.repositionOnScroll.subscribe();
     }
   }, {
     key: "componentDidUpdate",
@@ -342,13 +351,7 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
       }
 
       // update scroll listener
-      if (prevProps.repositionOnScroll !== this.props.repositionOnScroll) {
-        if (this.props.repositionOnScroll) {
-          window.addEventListener('scroll', this.positionPopoverFixed, true);
-        } else {
-          window.removeEventListener('scroll', this.positionPopoverFixed, true);
-        }
-      }
+      this.repositionOnScroll.update();
 
       // The popover is being closed.
       if (prevProps.isOpen && !this.props.isOpen) {
@@ -358,17 +361,19 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
           _this3.setState({
             isClosing: false
           });
+          _services.focusTrapPubSub.publish();
         }, closingTransitionTime);
       }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      window.removeEventListener('scroll', this.positionPopoverFixed, true);
-      clearTimeout(this.respositionTimeout);
+      this.repositionOnScroll.cleanup();
+      clearTimeout(this.repositionTimeout);
       clearTimeout(this.strandedFocusTimeout);
       clearTimeout(this.closingTransitionTimeout);
       cancelAnimationFrame(this.closingTransitionAnimationFrame);
+      _services.focusTrapPubSub.publish();
     }
   }, {
     key: "render",
@@ -541,6 +546,7 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
     }
   }]);
 }(_react.Component);
+_defineProperty(EuiPopover, "contextType", _component_defaults.EuiComponentDefaultsContext);
 _defineProperty(EuiPopover, "defaultProps", {
   isOpen: false,
   ownFocus: true,

package/lib/components/provider/component_defaults/component_defaults.js

@@ -73,7 +73,17 @@ EuiComponentDefaultsProvider.propTypes = {
        * Provide a global configuration for `EuiFlyout`s.
        * Defaults will be inherited by all `EuiFlyout`s.
        */
-    EuiFlyout: _propTypes.default.any
+    EuiFlyout: _propTypes.default.any,
+    /**
+       * Provide a global configuration for `EuiPopover`s.
+       * Defaults will be inherited by every `EuiPopover`.
+       */
+    EuiPopover: _propTypes.default.any,
+    /**
+       * Provide a global configuration for `EuiToolTip`s.
+       * Defaults will be inherited by every `EuiToolTip`.
+       */
+    EuiToolTip: _propTypes.default.any
   })
 };
 var useComponentDefaults = exports.useComponentDefaults = function useComponentDefaults() {
@@ -128,5 +138,15 @@ EuiProviderComponentDefaultsProps.propTypes = {
      * Provide a global configuration for `EuiFlyout`s.
      * Defaults will be inherited by all `EuiFlyout`s.
      */
-  EuiFlyout: _propTypes.default.any
+  EuiFlyout: _propTypes.default.any,
+  /**
+     * Provide a global configuration for `EuiPopover`s.
+     * Defaults will be inherited by every `EuiPopover`.
+     */
+  EuiPopover: _propTypes.default.any,
+  /**
+     * Provide a global configuration for `EuiToolTip`s.
+     * Defaults will be inherited by every `EuiToolTip`.
+     */
+  EuiToolTip: _propTypes.default.any
 };

package/lib/components/table/table_row.styles.js

@@ -61,7 +61,7 @@ var euiTableRowStyles = exports.euiTableRowStyles = function euiTableRowStyles(e
       // preceding table row via negative margins
       'margin-top', (0, _global_styling.mathWithUnits)([cellContentPadding, euiTheme.border.width.thin], function (x, y) {
         return (x + y * 2) * -1;
-      })), (0, _global_styling.logicalCSS)('padding-left', cellContentPadding), " ", (0, _global_styling.logicalCSS)('border-top', euiTheme.border.thin), " ", (0, _global_styling.logicalCSS)('border-top-left-radius', 0), " ", (0, _global_styling.logicalCSS)('border-top-right-radius', 0), " &:after{", (0, _global_styling.logicalCSS)('border-top', 'none'), ";}clip-path:polygon(-50% 0, 150% 0, 150% 100vh, -50% 100vh);>.euiTableRowCell{", (0, _global_styling.logicalCSS)('width', '100%'), ";}", expandedAnimationCss, ";;label:expanded;")
+      })), (0, _global_styling.logicalCSS)('padding-left', cellContentPadding), " ", (0, _global_styling.logicalCSS)('border-top', euiTheme.border.thin), " ", (0, _global_styling.logicalCSS)('border-top-left-radius', 0), " ", (0, _global_styling.logicalCSS)('border-top-right-radius', 0), " &:after{", (0, _global_styling.logicalCSS)('border-top', 'none'), ";}clip-path:polygon(-50% 0, 150% 0, 150% 150%, -50% 150%);>.euiTableRowCell{", (0, _global_styling.logicalCSS)('width', '100%'), ";}", expandedAnimationCss, ";;label:expanded;")
     }
   };
 };

package/lib/components/tool_tip/tool_tip.js

@@ -8,9 +8,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _services = require("../../services");
+var _reposition_on_scroll = require("../../services/popover/reposition_on_scroll");
 var _react2 = require("../../services/react");
 var _resize_observer = require("../observer/resize_observer");
 var _portal = require("../portal");
+var _component_defaults = require("../provider/component_defaults");
 var _tool_tip_popover = require("./tool_tip_popover");
 var _tool_tip_anchor = require("./tool_tip_anchor");
 var _tool_tip_arrow = require("./tool_tip_arrow");
@@ -63,25 +65,15 @@ var DEFAULT_TOOLTIP_STYLES = {
   visibility: 'hidden'
 };
 var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
-  function EuiToolTip() {
+  function EuiToolTip(props) {
     var _this;
     _classCallCheck(this, EuiToolTip);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, EuiToolTip, [].concat(args));
+    _this = _callSuper(this, EuiToolTip, [props]);
+    _defineProperty(_this, "repositionOnScroll", void 0);
     _defineProperty(_this, "_isMounted", false);
     _defineProperty(_this, "anchor", null);
     _defineProperty(_this, "popover", null);
     _defineProperty(_this, "timeoutId", void 0);
-    _defineProperty(_this, "state", {
-      visible: false,
-      hasFocus: false,
-      calculatedPosition: _this.props.position,
-      toolTipStyles: DEFAULT_TOOLTIP_STYLES,
-      arrowStyles: undefined,
-      id: _this.props.id || (0, _services.htmlIdGenerator)()()
-    });
     _defineProperty(_this, "clearAnimationTimeout", function () {
       if (_this.timeoutId) {
         _this.timeoutId = clearTimeout(_this.timeoutId);
@@ -210,6 +202,21 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
         _this.props.onMouseOut(event);
       }
     });
+    _this.state = {
+      visible: false,
+      hasFocus: false,
+      calculatedPosition: _this.props.position,
+      toolTipStyles: DEFAULT_TOOLTIP_STYLES,
+      arrowStyles: undefined,
+      id: _this.props.id || (0, _services.htmlIdGenerator)()()
+    };
+    _this.repositionOnScroll = (0, _reposition_on_scroll.createRepositionOnScroll)(function () {
+      return {
+        repositionOnScroll: _this.props.repositionOnScroll,
+        componentDefaults: _this.context.EuiToolTip,
+        repositionFn: _this.positionToolTip
+      };
+    });
     return _this;
   }
   _inherits(EuiToolTip, _Component);
@@ -217,16 +224,14 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       this._isMounted = true;
-      if (this.props.repositionOnScroll) {
-        window.addEventListener('scroll', this.positionToolTip, true);
-      }
+      this.repositionOnScroll.subscribe();
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.clearAnimationTimeout();
       this._isMounted = false;
-      window.removeEventListener('scroll', this.positionToolTip, true);
+      this.repositionOnScroll.cleanup();
     }
   }, {
     key: "componentDidUpdate",
@@ -236,13 +241,7 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
       }
 
       // update scroll listener
-      if (prevProps.repositionOnScroll !== this.props.repositionOnScroll) {
-        if (this.props.repositionOnScroll) {
-          window.addEventListener('scroll', this.positionToolTip, true);
-        } else {
-          window.removeEventListener('scroll', this.positionToolTip, true);
-        }
-      }
+      this.repositionOnScroll.update();
     }
   }, {
     key: "render",
@@ -304,6 +303,7 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
     }
   }]);
 }(_react.Component);
+_defineProperty(EuiToolTip, "contextType", _component_defaults.EuiComponentDefaultsContext);
 _defineProperty(EuiToolTip, "defaultProps", {
   position: 'top',
   delay: 'regular',

package/lib/global_styling/index.js

@@ -3,9 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  euiDisabledSelector: true
+};
+Object.defineProperty(exports, "euiDisabledSelector", {
+  enumerable: true,
+  get: function get() {
+    return _selectors.euiDisabledSelector;
+  }
+});
 var _global_styles = require("./reset/global_styles");
 Object.keys(_global_styles).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _global_styles[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -17,6 +27,7 @@ Object.keys(_global_styles).forEach(function (key) {
 var _functions = require("./functions");
 Object.keys(_functions).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _functions[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -28,6 +39,7 @@ Object.keys(_functions).forEach(function (key) {
 var _variables = require("./variables");
 Object.keys(_variables).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _variables[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -39,6 +51,7 @@ Object.keys(_variables).forEach(function (key) {
 var _mixins = require("./mixins");
 Object.keys(_mixins).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _mixins[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -50,6 +63,7 @@ Object.keys(_mixins).forEach(function (key) {
 var _animations = require("./utility/animations");
 Object.keys(_animations).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _animations[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -57,4 +71,5 @@ Object.keys(_animations).forEach(function (key) {
       return _animations[key];
     }
   });
-});
+});
+var _selectors = require("./utility/selectors");