@elastic/eui 86.0.0 → 87.0.0

package/es/components/list_group/list_group.js

@@ -227,7 +227,12 @@ EuiListGroup.propTypes = {
          * Text to be displayed in the tooltip when `showToolTip` is true.
          * By default the text will be same as the label text.
          */
-    toolTipText: PropTypes.string
+    toolTipText: PropTypes.string,
+    /**
+         * Allows customizing the tooltip shown when `showToolTip` is true.
+         * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+         */
+    toolTipProps: PropTypes.any
   }).isRequired),
   /**
        * Change the colors of all `listItems` at once

package/es/components/list_group/list_group_item.js

@@ -1,5 +1,11 @@
-var _excluded = ["label", "isActive", "isDisabled", "href", "target", "rel", "className", "css", "iconType", "icon", "iconProps", "extraAction", "onClick", "size", "color", "showToolTip", "wrapText", "buttonRef", "toolTipText"],
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["label", "isActive", "isDisabled", "href", "target", "rel", "className", "css", "iconType", "icon", "iconProps", "extraAction", "onClick", "size", "color", "showToolTip", "wrapText", "buttonRef", "toolTipText", "toolTipProps"],
   _excluded2 = ["iconType", "alwaysShow", "isDisabled"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -55,6 +61,7 @@ export var EuiListGroupItem = function EuiListGroupItem(_ref) {
     wrapText = _ref.wrapText,
     buttonRef = _ref.buttonRef,
     toolTipText = _ref.toolTipText,
+    toolTipProps = _ref.toolTipProps,
     rest = _objectWithoutProperties(_ref, _excluded);
   var isClickable = !!(href || onClick);
   var isHrefValid = !href || validateHref(href);
@@ -156,20 +163,24 @@ export var EuiListGroupItem = function EuiListGroupItem(_ref) {
   var cssStyles = [styles.euiListGroupItem, !isDisabled && isActive && styles.colors.isActive[color], !isDisabled && isClickable && styles.colors.isClickable[color], styles[size], customCss];
   var classes = classNames('euiListGroupItem', className);
   if (showToolTip) {
+    var _toolTipProps$anchorP;
     var tooltipStyles = euiListGroupItemTooltipStyles();
-    var cssTooltipStyles = [tooltipStyles.euiListGroupItem__tooltip];
+    var cssTooltipStyles = [tooltipStyles.euiListGroupItem__tooltip, toolTipProps === null || toolTipProps === void 0 ? void 0 : (_toolTipProps$anchorP = toolTipProps.anchorProps) === null || _toolTipProps$anchorP === void 0 ? void 0 : _toolTipProps$anchorP.css];
+    var anchorClasses = classNames('euiListGroupItem__tooltip', toolTipProps === null || toolTipProps === void 0 ? void 0 : toolTipProps.anchorClassName);
+    var anchorPropsAndCss = _objectSpread(_objectSpread({}, toolTipProps === null || toolTipProps === void 0 ? void 0 : toolTipProps.anchorProps), {}, {
+      css: cssTooltipStyles
+    });
     itemContent = ___EmotionJSX("li", {
       className: classes,
       css: cssStyles
-    }, ___EmotionJSX(EuiToolTip, {
-      anchorClassName: "euiListGroupItem__tooltip",
-      anchorProps: {
-        css: cssTooltipStyles
-      },
+    }, ___EmotionJSX(EuiToolTip, _extends({
       content: toolTipText !== null && toolTipText !== void 0 ? toolTipText : label,
       position: "right",
       delay: "long"
-    }, itemContent));
+    }, toolTipProps, {
+      anchorClassName: anchorClasses,
+      anchorProps: anchorPropsAndCss
+    }), itemContent));
   } else {
     itemContent = ___EmotionJSX("li", {
       className: classes,
@@ -295,5 +306,10 @@ EuiListGroupItem.propTypes = {
        * Text to be displayed in the tooltip when `showToolTip` is true.
        * By default the text will be same as the label text.
        */
-  toolTipText: PropTypes.string
+  toolTipText: PropTypes.string,
+  /**
+       * Allows customizing the tooltip shown when `showToolTip` is true.
+       * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+       */
+  toolTipProps: PropTypes.any
 };

package/es/components/list_group/pinnable_list_group/pinnable_list_group.js

@@ -225,6 +225,11 @@ EuiPinnableListGroup.propTypes = {
          * By default the text will be same as the label text.
          */
     toolTipText: PropTypes.string,
+    /**
+         * Allows customizing the tooltip shown when `showToolTip` is true.
+         * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+         */
+    toolTipProps: PropTypes.any,
     /**
        * Saves the pinned status and changes the visibility of the pin icon
        */
@@ -326,7 +331,12 @@ EuiPinnableListGroup.propTypes = {
          * Text to be displayed in the tooltip when `showToolTip` is true.
          * By default the text will be same as the label text.
          */
-    toolTipText: PropTypes.string
+    toolTipText: PropTypes.string,
+    /**
+         * Allows customizing the tooltip shown when `showToolTip` is true.
+         * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+         */
+    toolTipProps: PropTypes.any
   }).isRequired)]),
   /**
      * Shows the pin icon and calls this function on click.

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

@@ -292,13 +292,174 @@ EuiPageHeaderContent.propTypes = {
          */
     truncate: PropTypes.bool,
     /**
-         * Accepts any EuiLink `color` when rendered as one (has `href` or `onClick`)
+         * Accepts any EuiLink `color` when rendered as one (has `href`, `onClick`, or `popoverContent`)
          */
     color: PropTypes.any,
     /**
          * Override the existing `aria-current` which defaults to `page` for the last breadcrumb
          */
-    "aria-current": PropTypes.any
+    "aria-current": PropTypes.any,
+    /**
+         * Creates a breadcrumb that toggles a popover dialog
+         *
+         * If passed, both `href` and `onClick` will be ignored - the breadcrumb's
+         * click behavior should only trigger a popover.
+         */
+    popoverContent: PropTypes.node,
+    /**
+         * Allows customizing the popover if necessary. Accepts any props that
+         * [EuiPopover](/#/layout/popover) accepts, except for props that control state.
+         */
+    popoverProps: PropTypes.shape({
+      /**
+         * Class name passed to the direct parent of the button
+         */
+      anchorClassName: PropTypes.string,
+      /**
+         * Alignment of the popover and arrow relative to the button
+         */
+      anchorPosition: PropTypes.any,
+      /**
+         * Style and position alteration for arrow-less, left-aligned
+         * attachment. Intended for use with inputs as anchors, e.g.
+         * EuiInputPopover
+         */
+      attachToAnchor: PropTypes.bool,
+      buttonRef: PropTypes.any,
+      /**
+         * Restrict the popover's position within this element
+         */
+      container: PropTypes.any,
+      /**
+         * CSS display type for both the popover and anchor
+         */
+      display: PropTypes.any,
+      /**
+         * Object of props passed to EuiFocusTrap
+         */
+      focusTrapProps: PropTypes.any,
+      /**
+         * Show arrow indicating to originating button
+         */
+      hasArrow: PropTypes.bool,
+      /**
+         * Specifies what element should initially have focus; Can be a DOM
+         * node, or a selector string (which will be passed to
+         * document.querySelector() to find the DOM node), or a function that
+         * returns a DOM node.
+         *
+         * If not passed, initial focus defaults to the popover panel.
+         */
+      initialFocus: PropTypes.any,
+      /**
+         * Passed directly to EuiPortal for DOM positioning. Both properties are
+         * required if prop is specified
+         */
+      insert: PropTypes.shape({
+        sibling: PropTypes.any.isRequired,
+        position: PropTypes.oneOf(["before", "after"]).isRequired
+      }),
+      /**
+         * Traps tab focus within the popover contents
+         */
+      ownFocus: PropTypes.bool,
+      /**
+         * Custom class added to the EuiPanel containing the popover contents
+         */
+      panelClassName: PropTypes.string,
+      /**
+         * EuiPanel padding on all sides
+         */
+      panelPaddingSize: PropTypes.any,
+      /**
+         * Standard DOM `style` attribute. Passed to the EuiPanel
+         */
+      panelStyle: PropTypes.any,
+      /**
+         * Object of props passed to EuiPanel. See #EuiPopoverPanelProps
+         */
+      panelProps: PropTypes.shape({
+        element: PropTypes.oneOf(["div"]),
+        /**
+           * Padding for all four sides
+           */
+        paddingSize: PropTypes.any,
+        /**
+           * Corner border radius
+           */
+        borderRadius: PropTypes.any,
+        /**
+           * When true the panel will grow in height to match `EuiFlexItem`
+           */
+        grow: PropTypes.bool,
+        panelRef: PropTypes.any,
+        /**
+           * Background color of the panel;
+           * Usually a lightened form of the brand colors
+           */
+        color: PropTypes.any,
+        className: PropTypes.string,
+        "aria-label": PropTypes.string,
+        "data-test-subj": PropTypes.string,
+        css: PropTypes.any
+      }),
+      panelRef: PropTypes.any,
+      /**
+         * Optional screen reader instructions to announce upon popover open,
+         * in addition to EUI's default popover instructions for Escape on close.
+         * Useful for popovers that may have additional keyboard capabilities such as
+         * arrow navigation.
+         */
+      popoverScreenReaderText: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.node.isRequired]),
+      popoverRef: PropTypes.any,
+      /**
+         * When `true`, the popover's position is re-calculated when the user
+         * scrolls, this supports having fixed-position popover anchors. When nesting
+         * an `EuiPopover` in a scrollable container, `repositionOnScroll` should be `true`
+         */
+      repositionOnScroll: PropTypes.bool,
+      /**
+         * Must be set to true if using `EuiDragDropContext` within a popover,
+         * otherwise your nested drag & drop will have incorrect positioning
+         */
+      hasDragDrop: PropTypes.bool,
+      /**
+         * By default, popover content inherits the z-index of the anchor
+         * component; pass `zIndex` to override
+         */
+      zIndex: PropTypes.number,
+      /**
+         * Distance away from the anchor that the popover will render
+         */
+      offset: PropTypes.number,
+      /**
+         * Minimum distance between the popover and the bounding container;
+         * Pass an array of 4 values to adjust each side differently: `[top, right, bottom, left]`
+         * Default is 16
+         */
+      buffer: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.any.isRequired]),
+      /**
+         * Element to pass as the child element of the arrow;
+         * Use case is typically limited to an accompanying `EuiBeacon`
+         */
+      arrowChildren: PropTypes.node,
+      /**
+         * Provide a name to the popover panel
+         */
+      "aria-label": PropTypes.string,
+      /**
+         * Alternative option to `aria-label` that takes an `id`.
+         * 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,
+      css: PropTypes.any
+    })
   }).isRequired),
   /**
      * Adjust the props of [EuiBreadcrumbs](#/navigation/breadcrumbs)

package/es/components/page/page_template.js

@@ -524,10 +524,17 @@ EuiPageTemplate_Deprecated.propTypes = {
          * ReactNode to render as this component's content
          */
       children: PropTypes.node.isRequired,
+      /**
+         * If not specified, `EuiPortal` will insert itself
+         * into the end of the `document.body` by default
+         */
       insert: PropTypes.shape({
         sibling: PropTypes.any.isRequired,
-        position: PropTypes.oneOf(["before", "after"]).isRequired
+        position: PropTypes.any.isRequired
       }),
+      /**
+         * Optional ref callback
+         */
       portalRef: PropTypes.func
     }).isRequired]),
     /**

package/es/components/page_template/page_template.js

@@ -122,7 +122,7 @@ export var _EuiPageTemplate = function _EuiPageTemplate(_ref) {
     };
   };
   var innerPanelled = function innerPanelled() {
-    return panelled === false ? false : Boolean(sidebar.length > 0);
+    return panelled !== null && panelled !== void 0 ? panelled : Boolean(sidebar.length > 0);
   };
   var innerBordered = function innerBordered() {
     return contentBorder !== undefined ? contentBorder : Boolean(sidebar.length > 0);

package/es/components/portal/portal.js

@@ -25,29 +25,52 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * into portals.
  */
 
-import { Component } from 'react';
+import React, { Component } from 'react';
 import PropTypes from "prop-types";
 import { createPortal } from 'react-dom';
 import { EuiNestedThemeContext } from '../../services';
-import { keysOf } from '../common';
-export var insertPositions = {
+import { usePropsWithComponentDefaults } from '../provider/component_defaults';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var INSERT_POSITIONS = ['after', 'before'];
+var insertPositions = {
   after: 'afterend',
   before: 'beforebegin'
 };
-export var INSERT_POSITIONS = keysOf(insertPositions);
-export var EuiPortal = /*#__PURE__*/function (_Component) {
-  _inherits(EuiPortal, _Component);
-  var _super = _createSuper(EuiPortal);
-  function EuiPortal(props) {
+export var EuiPortal = function EuiPortal(props) {
+  var propsWithDefaults = usePropsWithComponentDefaults('EuiPortal', props);
+  return ___EmotionJSX(EuiPortalClass, propsWithDefaults);
+};
+EuiPortal.propTypes = {
+  /**
+     * ReactNode to render as this component's content
+     */
+  children: PropTypes.node.isRequired,
+  /**
+     * If not specified, `EuiPortal` will insert itself
+     * into the end of the `document.body` by default
+     */
+  insert: PropTypes.shape({
+    sibling: PropTypes.any.isRequired,
+    position: PropTypes.any.isRequired
+  }),
+  /**
+     * Optional ref callback
+     */
+  portalRef: PropTypes.func
+};
+export var EuiPortalClass = /*#__PURE__*/function (_Component) {
+  _inherits(EuiPortalClass, _Component);
+  var _super = _createSuper(EuiPortalClass);
+  function EuiPortalClass(props) {
     var _this;
-    _classCallCheck(this, EuiPortal);
+    _classCallCheck(this, EuiPortalClass);
     _this = _super.call(this, props);
     _this.state = {
       portalNode: null
     };
     return _this;
   }
-  _createClass(EuiPortal, [{
+  _createClass(EuiPortalClass, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var insert = this.props.insert;
@@ -111,17 +134,24 @@ export var EuiPortal = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/createPortal(this.props.children, portalNode);
     }
   }]);
-  return EuiPortal;
+  return EuiPortalClass;
 }(Component);
-_defineProperty(EuiPortal, "contextType", EuiNestedThemeContext);
-EuiPortal.propTypes = {
+_defineProperty(EuiPortalClass, "contextType", EuiNestedThemeContext);
+EuiPortalClass.propTypes = {
   /**
      * ReactNode to render as this component's content
      */
   children: PropTypes.node.isRequired,
+  /**
+     * If not specified, `EuiPortal` will insert itself
+     * into the end of the `document.body` by default
+     */
   insert: PropTypes.shape({
     sibling: PropTypes.any.isRequired,
-    position: PropTypes.oneOf(["before", "after"]).isRequired
+    position: PropTypes.any.isRequired
   }),
+  /**
+     * Optional ref callback
+     */
   portalRef: PropTypes.func
 };

package/es/components/provider/component_defaults/component_defaults.js

@@ -0,0 +1,73 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/*
+ * 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 React, { createContext, useContext, useMemo } from 'react';
+import PropTypes from "prop-types";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+// Declaring as a static const for reference integrity/reducing rerenders
+var emptyDefaults = {};
+
+/*
+ * Context
+ */
+export var EuiComponentDefaultsContext = /*#__PURE__*/createContext(emptyDefaults);
+
+/*
+ * Component
+ */
+
+export var EuiComponentDefaultsProvider = function EuiComponentDefaultsProvider(_ref) {
+  var _ref$componentDefault = _ref.componentDefaults,
+    componentDefaults = _ref$componentDefault === void 0 ? emptyDefaults : _ref$componentDefault,
+    children = _ref.children;
+  return ___EmotionJSX(EuiComponentDefaultsContext.Provider, {
+    value: componentDefaults
+  }, children);
+};
+
+/*
+ * Hooks
+ */
+EuiComponentDefaultsProvider.propTypes = {
+  componentDefaults: PropTypes.shape({
+    /**
+       * Provide a global configuration for EuiPortal's default insertion position.
+       */
+    EuiPortal: PropTypes.any,
+    /**
+       * Provide a global configuration for EuiFocusTrap's `gapMode` and `crossFrame` props
+       */
+    EuiFocusTrap: PropTypes.any,
+    /**
+       * Provide global settings for EuiTablePagination's props that affect page size
+       * / the rows per page selection.
+       *
+       * These defaults will be inherited all table and grid components that utilize EuiTablePagination.
+       */
+    EuiTablePagination: PropTypes.any
+  })
+};
+export var useComponentDefaults = function useComponentDefaults() {
+  return useContext(EuiComponentDefaultsContext);
+};
+
+// Merge individual component props with component defaults
+export var usePropsWithComponentDefaults = function usePropsWithComponentDefaults(componentName, props) {
+  var _context$componentNam;
+  var context = useContext(EuiComponentDefaultsContext);
+  var componentDefaults = (_context$componentNam = context[componentName]) !== null && _context$componentNam !== void 0 ? _context$componentNam : emptyDefaults;
+  return useMemo(function () {
+    return _objectSpread(_objectSpread({}, componentDefaults), props);
+  }, [componentDefaults, props]);
+};

package/es/components/provider/component_defaults/index.js

@@ -0,0 +1,9 @@
+/*
+ * 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.
+ */
+
+export * from './component_defaults';

package/es/components/provider/index.js

@@ -6,4 +6,5 @@
  * Side Public License, v 1.
  */
 
-export { EuiProvider } from './provider';
+export { EuiProvider } from './provider';
+export { EuiComponentDefaultsProvider, EuiComponentDefaultsContext } from './component_defaults';

package/es/components/provider/provider.js

@@ -15,6 +15,7 @@ import { emitEuiProviderWarning } from '../../services/theme/warning';
 import { EuiThemeAmsterdam } from '../../themes';
 import { EuiCacheProvider } from './cache';
 import { EuiProviderNestedCheck, useIsNestedEuiProvider } from './nested';
+import { EuiComponentDefaultsProvider } from './component_defaults';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var isEmotionCacheObject = function isEmotionCacheObject(obj) {
   return obj.hasOwnProperty('key');
@@ -31,6 +32,7 @@ export var EuiProvider = function EuiProvider(_ref) {
     Utilities = _ref$utilityClasses === void 0 ? EuiUtilityClasses : _ref$utilityClasses,
     colorMode = _ref.colorMode,
     modify = _ref.modify,
+    componentDefaults = _ref.componentDefaults,
     children = _ref.children;
   var isNested = useIsNestedEuiProvider();
   if (isNested) {
@@ -72,5 +74,7 @@ export var EuiProvider = function EuiProvider(_ref) {
   }), ___EmotionJSX(EuiCacheProvider, {
     cache: utilityCache,
     children: Utilities && ___EmotionJSX(Utilities, null)
-  })), ___EmotionJSX(CurrentEuiBreakpointProvider, null, children))));
+  })), ___EmotionJSX(EuiComponentDefaultsProvider, {
+    componentDefaults: componentDefaults
+  }, ___EmotionJSX(CurrentEuiBreakpointProvider, null, children)))));
 };

package/es/components/steps/step.styles.js

@@ -7,6 +7,7 @@
  */
 
 import { css } from '@emotion/react';
+import { makeHighContrastColor } from '../../services';
 import { mathWithUnits, logicalCSS } from '../../global_styling';
 export var euiStepVariables = function euiStepVariables(euiTheme) {
   return {
@@ -66,7 +67,7 @@ export var euiStepTitleStyles = function euiStepTitleStyles(euiThemeContext) {
   return {
     euiStep__titleWrapper: /*#__PURE__*/css("display:flex;gap:", euiStep.numberMargin, ";;label:euiStep__titleWrapper;"),
     euiStep__title: /*#__PURE__*/css(";label:euiStep__title;"),
-    isDisabled: /*#__PURE__*/css("color:", euiTheme.colors.disabledText, ";;label:isDisabled;"),
+    isDisabled: /*#__PURE__*/css("color:", makeHighContrastColor(euiTheme.colors.disabledText)(euiTheme.colors.body), ";;label:isDisabled;"),
     // Sizes
     m: /*#__PURE__*/css(";label:m;"),
     s: /*#__PURE__*/css(logicalCSS('padding-top', euiTheme.size.xs), ";;label:s;"),

package/es/components/steps/step_horizontal.styles.js

@@ -8,6 +8,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 
 import { css } from '@emotion/react';
+import { makeHighContrastColor } from '../../services';
 import { euiBreakpoint, logicalShorthandCSS, euiFocusRing, euiCanAnimate, mathWithUnits } from '../../global_styling/';
 import { euiTitle } from '../title/title.styles';
 import { euiStepVariables } from './step.styles';
@@ -55,6 +56,6 @@ export var euiStepHorizontalTitleStyles = function euiStepHorizontalTitleStyles(
   var euiTheme = euiThemeContext.euiTheme;
   return {
     euiStepHorizontal__title: /*#__PURE__*/css(euiTitle(euiThemeContext, 'xs'), " margin-block-start:", euiTheme.size.s, ";font-weight:", euiTheme.font.weight.bold, ";text-align:center;", euiBreakpoint(euiThemeContext, ['xs', 's']), "{display:none;};label:euiStepHorizontal__title;"),
-    disabled: /*#__PURE__*/css("color:", euiTheme.colors.disabledText, ";;label:disabled;")
+    disabled: /*#__PURE__*/css("color:", makeHighContrastColor(euiTheme.colors.disabledText)(euiTheme.colors.body), ";;label:disabled;")
   };
 };

package/es/components/steps/step_number.styles.js

@@ -9,6 +9,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 import { css } from '@emotion/react';
 import { mathWithUnits, logicalCSS, euiFontSizeFromScale, euiCanAnimate, euiAnimScale } from '../../global_styling';
+import { makeHighContrastColor } from '../../services';
 import { euiStepVariables } from './step.styles';
 import { euiButtonFillColor } from '../../themes/amsterdam/global_styling/mixins';
 var _ref = process.env.NODE_ENV === "production" ? {
@@ -41,12 +42,12 @@ export var euiStepNumberStyles = function euiStepNumberStyles(euiThemeContext) {
     xs: /*#__PURE__*/css(createStepsNumber(euiStep.numberXSSize, euiFontSizeFromScale('xs', euiTheme)), ";;label:xs;"),
     // status
     incomplete: /*#__PURE__*/css("background-color:transparent;color:", euiTheme.colors.text, ";border:", euiTheme.border.thick, ";;label:incomplete;"),
-    disabled: /*#__PURE__*/css("color:", euiButtonFillColor(euiThemeContext, 'disabled').color, ";background-color:", euiButtonFillColor(euiThemeContext, 'disabled').backgroundColor, ";;label:disabled;"),
+    disabled: /*#__PURE__*/css("background-color:", euiButtonFillColor(euiThemeContext, 'disabled').backgroundColor, ";color:", makeHighContrastColor(euiTheme.colors.disabledText)(euiButtonFillColor(euiThemeContext, 'disabled').backgroundColor), ";;label:disabled;"),
     loading: _ref,
     warning: /*#__PURE__*/css("color:", euiButtonFillColor(euiThemeContext, 'warning').color, ";background-color:", euiButtonFillColor(euiThemeContext, 'warning').backgroundColor, ";", euiCanAnimate, "{animation:", euiAnimScale, " ", euiTheme.animation.fast, " ", euiTheme.animation.bounce, ";};label:warning;"),
     danger: /*#__PURE__*/css("color:", euiButtonFillColor(euiThemeContext, 'danger').color, ";background-color:", euiButtonFillColor(euiThemeContext, 'danger').backgroundColor, ";", euiCanAnimate, "{animation:", euiAnimScale, " ", euiTheme.animation.fast, " ", euiTheme.animation.bounce, ";};label:danger;"),
     complete: /*#__PURE__*/css("color:", euiButtonFillColor(euiThemeContext, 'success').color, ";background-color:", euiButtonFillColor(euiThemeContext, 'success').backgroundColor, ";", euiCanAnimate, "{animation:", euiAnimScale, " ", euiTheme.animation.fast, " ", euiTheme.animation.bounce, ";};label:complete;"),
-    current: /*#__PURE__*/css(";label:current;")
+    current: /*#__PURE__*/css("border:2px solid ", euiTheme.colors.body, ";box-shadow:0 0 0 2px ", euiTheme.colors.primary, ";.euiStepNumber__number{display:inline-block;transform:translateY(-2px);};label:current;")
   };
 };
 export var euiStepNumberContentStyles = function euiStepNumberContentStyles(_ref3) {

package/es/components/table/table_pagination/index.js

@@ -6,4 +6,7 @@
  * Side Public License, v 1.
  */
 
-export { EuiTablePagination } from './table_pagination';
+export { EuiTablePagination } from './table_pagination';
+
+// Not public top-level exports
+export { useEuiTablePaginationDefaults, euiTablePaginationDefaults } from './table_pagination_defaults';