@elastic/eui 66.0.0 → 67.1.0

package/lib/components/tool_tip/tool_tip_anchor.js

@@ -0,0 +1,87 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiToolTipAnchor = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _tool_tip = require("./tool_tip.styles");
+
+var _react2 = require("@emotion/react");
+
+var _excluded = ["onBlur", "onFocus", "onMouseOver", "onMouseOut", "id", "className", "children", "display", "isVisible"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+var EuiToolTipAnchor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _onBlur = _ref.onBlur,
+      _onFocus = _ref.onFocus,
+      onMouseOver = _ref.onMouseOver,
+      onMouseOut = _ref.onMouseOut,
+      id = _ref.id,
+      className = _ref.className,
+      children = _ref.children,
+      display = _ref.display,
+      isVisible = _ref.isVisible,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var anchorCss = (0, _tool_tip.euiToolTipAnchorStyles)();
+  var cssStyles = [anchorCss.euiToolTipAnchor, anchorCss[display]];
+  var classes = (0, _classnames.default)('euiToolTipAnchor', className);
+  return (// eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+    (0, _react2.jsx)("span", _extends({
+      ref: ref
+    }, rest, {
+      css: cssStyles,
+      className: classes,
+      onMouseOver: onMouseOver,
+      onMouseOut: onMouseOut
+    }), /*#__PURE__*/(0, _react.cloneElement)(children, _objectSpread({
+      onFocus: function onFocus(e) {
+        _onFocus();
+
+        children.props.onFocus && children.props.onFocus(e);
+      },
+      onBlur: function onBlur(e) {
+        _onBlur();
+
+        children.props.onBlur && children.props.onBlur(e);
+      }
+    }, isVisible && {
+      'aria-describedby': id
+    })))
+  );
+});
+exports.EuiToolTipAnchor = EuiToolTipAnchor;
+EuiToolTipAnchor.propTypes = {
+  onBlur: _propTypes.default.func.isRequired,
+  onFocus: _propTypes.default.func.isRequired,
+  children: _propTypes.default.element.isRequired,
+  isVisible: _propTypes.default.bool.isRequired,
+  display: _propTypes.default.oneOf(["block", "inlineBlock"]).isRequired
+};
+EuiToolTipAnchor.displayName = 'EuiToolTipAnchor';

package/lib/components/tool_tip/tool_tip_arrow.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiToolTipArrow = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _services = require("../../services");
+
+var _tool_tip = require("./tool_tip.styles");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+var EuiToolTipArrow = function EuiToolTipArrow(props) {
+  var euiTheme = (0, _services.useEuiTheme)();
+  var toolTipCss = (0, _tool_tip.euiToolTipStyles)(euiTheme);
+  return (0, _react2.jsx)("div", _extends({
+    css: [toolTipCss.euiToolTip__arrow, ";label:EuiToolTipArrow;"]
+  }, props));
+};
+
+exports.EuiToolTipArrow = EuiToolTipArrow;

package/lib/components/tool_tip/tool_tip_popover.js

@@ -13,9 +13,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _services = require("../../services");
+
+var _tool_tip = require("./tool_tip.styles");
+
 var _react2 = require("@emotion/react");
 
-var _excluded = ["children", "title", "className", "positionToolTip", "popoverRef"];
+var _excluded = ["children", "title", "className", "positionToolTip", "popoverRef", "calculatedPosition"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -29,107 +33,53 @@ 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; }
-
-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);
+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 = (0, _react.useRef)();
+  var euiTheme = (0, _services.useEuiTheme)();
+  var toolTipCss = (0, _tool_tip.euiToolTipStyles)(euiTheme);
+  var popoverStyles = (0, _tool_tip.euiToolTipPopoverStyles)(euiTheme);
+  var titleCss = [popoverStyles.euiToolTip__title];
+  var updateDimensions = (0, _react.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);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.body.classList.remove('euiBody-hasPortalContent');
-      window.removeEventListener('resize', this.updateDimensions);
+  var setPopoverRef = function setPopoverRef(ref) {
+    if (popoverRef) {
+      popoverRef(ref);
     }
-  }, {
-    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 = (0, _classnames.default)('euiToolTipPopover', className);
-      var optionalTitle;
-
-      if (title) {
-        optionalTitle = (0, _react2.jsx)("div", {
-          className: "euiToolTip__title"
-        }, title);
-      }
+  };
 
-      return (0, _react2.jsx)("div", _extends({
-        className: classes,
-        ref: this.setPopoverRef
-      }, rest), optionalTitle, children);
-    }
-  }]);
-
-  return EuiToolTipPopover;
-}(_react.Component);
+  (0, _react.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 = (0, _classnames.default)('euiToolTipPopover', className);
+  return (0, _react2.jsx)("div", _extends({
+    css: [toolTipCss.euiToolTip, calculatedPosition && toolTipCss[calculatedPosition], ";label:EuiToolTipPopover;"],
+    className: classes,
+    ref: setPopoverRef
+  }, rest), title && (0, _react2.jsx)("div", {
+    css: titleCss,
+    className: "euiToolTip__title"
+  }, title), children);
+};
 
 exports.EuiToolTipPopover = EuiToolTipPopover;
 EuiToolTipPopover.propTypes = {
@@ -140,5 +90,6 @@ EuiToolTipPopover.propTypes = {
   positionToolTip: _propTypes.default.func.isRequired,
   children: _propTypes.default.node,
   title: _propTypes.default.node,
-  popoverRef: _propTypes.default.func
+  popoverRef: _propTypes.default.func,
+  calculatedPosition: _propTypes.default.oneOf(["top", "right", "bottom", "left"])
 };

package/lib/global_styling/index.js

@@ -54,4 +54,17 @@ Object.keys(_mixins).forEach(function (key) {
       return _mixins[key];
     }
   });
+});
+
+var _animations = require("./utility/animations");
+
+Object.keys(_animations).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _animations[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _animations[key];
+    }
+  });
 });

package/lib/global_styling/utility/animations.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiAnimFadeIn = void 0;
+
+var _react = require("@emotion/react");
+
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var euiAnimFadeIn = (0, _react.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n"])));
+exports.euiAnimFadeIn = euiAnimFadeIn;

package/lib/services/color/contrast.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.makeHighContrastColor = exports.makeDisabledContrastColor = void 0;
+exports.wcagContrastMin = exports.makeHighContrastColor = exports.makeDisabledContrastColor = void 0;
 
 var _chromaJs = _interopRequireDefault(require("chroma-js"));
 
@@ -15,6 +15,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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 wcagContrastMin = 4.5; // WCAG AA minimum contrast ratio for normal (non-large) text
+
 /**
  * Creates a new color that meets or exceeds WCAG level AA
  * @param foreground - Color to manipulate
@@ -22,6 +24,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
  * *
  * @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
  */
+
+exports.wcagContrastMin = wcagContrastMin;
+
 var makeHighContrastColor = function makeHighContrastColor(_foreground) {
   var ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 4.85;
   return function (themeOrBackground) {

package/lib/services/index.js

@@ -57,6 +57,7 @@ var _exportNames = {
   lightness: true,
   makeHighContrastColor: true,
   makeDisabledContrastColor: true,
+  wcagContrastMin: true,
   useColorPickerState: true,
   useColorStopsState: true,
   copyToClipboard: true,
@@ -569,6 +570,12 @@ Object.defineProperty(exports, "useIsWithinMinBreakpoint", {
     return _breakpoint.useIsWithinMinBreakpoint;
   }
 });
+Object.defineProperty(exports, "wcagContrastMin", {
+  enumerable: true,
+  get: function get() {
+    return _color.wcagContrastMin;
+  }
+});
 
 var keys = _interopRequireWildcard(require("./keys"));
 

package/lib/services/theme/context.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EuiThemeContext = exports.EuiSystemContext = exports.EuiModificationsContext = exports.EuiColorModeContext = void 0;
+exports.defaultComputedTheme = exports.EuiThemeContext = exports.EuiSystemContext = exports.EuiModificationsContext = exports.EuiColorModeContext = void 0;
 
 var _react = require("react");
 
@@ -24,5 +24,7 @@ var EuiModificationsContext = /*#__PURE__*/(0, _react.createContext)({});
 exports.EuiModificationsContext = EuiModificationsContext;
 var EuiColorModeContext = /*#__PURE__*/(0, _react.createContext)(_utils.DEFAULT_COLOR_MODE);
 exports.EuiColorModeContext = EuiColorModeContext;
-var EuiThemeContext = /*#__PURE__*/(0, _react.createContext)((0, _utils.getComputed)(_theme.EuiThemeAmsterdam, {}, _utils.DEFAULT_COLOR_MODE));
+var defaultComputedTheme = (0, _utils.getComputed)(_theme.EuiThemeAmsterdam, {}, _utils.DEFAULT_COLOR_MODE);
+exports.defaultComputedTheme = defaultComputedTheme;
+var EuiThemeContext = /*#__PURE__*/(0, _react.createContext)(defaultComputedTheme);
 exports.EuiThemeContext = EuiThemeContext;

package/lib/services/theme/hooks.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _context = require("./context");
 
+var _provider = require("./provider");
+
 var _react2 = require("@emotion/react");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -19,10 +21,36 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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); }
 
+var providerMessage = "`EuiProvider` is missing which can result in negative effects.\nWrap your component in `EuiProvider`: https://ela.st/euiprovider.";
+
 var useEuiTheme = function useEuiTheme() {
   var theme = (0, _react.useContext)(_context.EuiThemeContext);
   var colorMode = (0, _react.useContext)(_context.EuiColorModeContext);
   var modifications = (0, _react.useContext)(_context.EuiModificationsContext);
+
+  if (process.env.NODE_ENV !== 'production') {
+    var isFallback = theme === _context.defaultComputedTheme;
+    var warningLevel = (0, _provider.getEuiDevProviderWarning)();
+
+    if (isFallback && typeof warningLevel !== 'undefined') {
+      switch (warningLevel) {
+        case 'log':
+          console.log(providerMessage);
+          break;
+
+        case 'warn':
+          console.warn(providerMessage);
+          break;
+
+        case 'error':
+          throw new Error(providerMessage);
+
+        default:
+          break;
+      }
+    }
+  }
+
   var assembledTheme = (0, _react.useMemo)(function () {
     return {
       euiTheme: theme,

package/lib/services/theme/index.js

@@ -69,6 +69,12 @@ Object.defineProperty(exports, "getComputed", {
     return _utils.getComputed;
   }
 });
+Object.defineProperty(exports, "getEuiDevProviderWarning", {
+  enumerable: true,
+  get: function get() {
+    return _provider.getEuiDevProviderWarning;
+  }
+});
 Object.defineProperty(exports, "getOn", {
   enumerable: true,
   get: function get() {
@@ -87,6 +93,12 @@ Object.defineProperty(exports, "mergeDeep", {
     return _utils.mergeDeep;
   }
 });
+Object.defineProperty(exports, "setEuiDevProviderWarning", {
+  enumerable: true,
+  get: function get() {
+    return _provider.setEuiDevProviderWarning;
+  }
+});
 Object.defineProperty(exports, "setOn", {
   enumerable: true,
   get: function get() {

package/lib/services/theme/provider.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EuiThemeProvider = void 0;
+exports.setEuiDevProviderWarning = exports.getEuiDevProviderWarning = exports.EuiThemeProvider = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -23,6 +23,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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; }
+
 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."); }
@@ -35,6 +41,20 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+var providerWarning = undefined;
+
+var setEuiDevProviderWarning = function setEuiDevProviderWarning(level) {
+  return providerWarning = level;
+};
+
+exports.setEuiDevProviderWarning = setEuiDevProviderWarning;
+
+var getEuiDevProviderWarning = function getEuiDevProviderWarning() {
+  return providerWarning;
+};
+
+exports.getEuiDevProviderWarning = getEuiDevProviderWarning;
+
 var EuiThemeProvider = function EuiThemeProvider(_ref) {
   var _system = _ref.theme,
       _colorMode = _ref.colorMode,
@@ -67,7 +87,8 @@ var EuiThemeProvider = function EuiThemeProvider(_ref) {
   var prevColorMode = (0, _react.useRef)(colorMode);
   var isParentTheme = (0, _react.useRef)(prevSystemKey.current === parentSystem.key && colorMode === parentColorMode && (0, _isEqual.default)(parentModifications, modifications));
 
-  var _useState7 = (0, _react.useState)(isParentTheme.current && Object.keys(parentTheme).length ? parentTheme : (0, _utils.getComputed)(system, (0, _utils.buildTheme)(modifications, "_".concat(system.key)), colorMode)),
+  var _useState7 = (0, _react.useState)(isParentTheme.current && Object.keys(parentTheme).length ? _objectSpread({}, parentTheme) // Intentionally create a new object to break referential equality
+  : (0, _utils.getComputed)(system, (0, _utils.buildTheme)(modifications, "_".concat(system.key)), colorMode)),
       _useState8 = _slicedToArray(_useState7, 2),
       theme = _useState8[0],
       setTheme = _useState8[1];