@elastic/eui 58.1.1 → 59.1.0-rc1

package/lib/components/beacon/beacon.styles.js

@@ -11,36 +11,18 @@ var _services = require("../../services");
 
 var _global_styling = require("../../global_styling");
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n   0% {\n    transform: scale(.1);\n    opacity: 1;\n  }\n\n  70% {\n    transform: scale(2);\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 0;\n  }\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n 0% {\n    transform: scale(.1);\n    opacity: 1;\n  }\n\n  70% {\n    transform: scale(3);\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 0;\n  }\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 var visColors = (0, _services.euiPaletteColorBlind)();
-var euiBeaconPulseLarge = (0, _react.keyframes)(_templateObject());
-var euiBeaconPulseSmall = (0, _react.keyframes)(_templateObject2());
+var euiBeaconPulseLarge = (0, _react.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n    transform: scale(.1);\n    opacity: 1;\n  }\n\n  70% {\n    transform: scale(3);\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 0;\n  }\n"])));
+var euiBeaconPulseSmall = (0, _react.keyframes)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n   0% {\n    transform: scale(.1);\n    opacity: 1;\n  }\n\n  70% {\n    transform: scale(2);\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 0;\n  }\n"])));
 
 var euiBeaconStyles = function euiBeaconStyles() {
   return {
     // Base
-    euiBeacon: /*#__PURE__*/(0, _react.css)("position:relative;background-color:", visColors[0], ";border-radius:50%;&:before,&:after{position:absolute;content:'';height:100%;width:100%;inset-inline-start:0;inset-block-start:0;background-color:transparent;border-radius:50%;box-shadow:0 0 1px 1px ", visColors[0], ";}&:before{transform:scale(1.6);opacity:0.4;}&:after{opacity:0;}", _global_styling.euiCanAnimate, "{&:before{animation:", euiBeaconPulseLarge, " 2.5s infinite ease-out;}&:after{animation:", euiBeaconPulseSmall, " 2.5s infinite ease-out 0.25s;}};label:euiBeacon;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JlYWNvbi9iZWFjb24uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmVhY29uL2JlYWNvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IEVsYXN0aWNzZWFyY2ggQi5WLiBhbmQvb3IgbGljZW5zZWQgdG8gRWxhc3RpY3NlYXJjaCBCLlYuIHVuZGVyIG9uZVxuICogb3IgbW9yZSBjb250cmlidXRvciBsaWNlbnNlIGFncmVlbWVudHMuIExpY2Vuc2VkIHVuZGVyIHRoZSBFbGFzdGljIExpY2Vuc2VcbiAqIDIuMCBhbmQgdGhlIFNlcnZlciBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDE7IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0XG4gKiBpbiBjb21wbGlhbmNlIHdpdGgsIGF0IHlvdXIgZWxlY3Rpb24sIHRoZSBFbGFzdGljIExpY2Vuc2UgMi4wIG9yIHRoZSBTZXJ2ZXJcbiAqIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMS5cbiAqL1xuXG5pbXBvcnQgeyBrZXlmcmFtZXMsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGV1aVBhbGV0dGVDb2xvckJsaW5kIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuaW1wb3J0IHsgZXVpQ2FuQW5pbWF0ZSB9IGZyb20gJy4uLy4uL2dsb2JhbF9zdHlsaW5nJztcblxuY29uc3QgdmlzQ29sb3JzID0gZXVpUGFsZXR0ZUNvbG9yQmxpbmQoKTtcblxuY29uc3QgZXVpQmVhY29uUHVsc2VMYXJnZSA9IGtleWZyYW1lc2BcbiAwJSB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSguMSk7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gIDcwJSB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgzKTtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuYDtcblxuY29uc3QgZXVpQmVhY29uUHVsc2VTbWFsbCA9IGtleWZyYW1lc2BcbiAgIDAlIHtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKC4xKTtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgNzAlIHtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDIpO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZXVpQmVhY29uU3R5bGVzID0gKCkgPT4gKHtcbiAgLy8gQmFzZVxuICBldWlCZWFjb246IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt2aXNDb2xvcnNbMF19O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcblxuICAgICY6YmVmb3JlLFxuICAgICY6YWZ0ZXIge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIGluc2V0LWJsb2NrLXN0YXJ0OiAwO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBib3gtc2hhZG93OiAwIDAgMXB4IDFweCAke3Zpc0NvbG9yc1swXX07XG4gICAgfVxuXG4gICAgLy8gV2l0aG91dCB0aGUgYW5pbWF0aW9uLCB3ZSBvbmx5IGRpc3BsYXkgb25lIHJpbmcgYXJvdW5kIHRoZSBjaXJjbGVcbiAgICAvLyBJZiB0aGUgYW5pbWF0aW9uIGlzIGFsbG93ZWQgdGhlIHRyYW5zZm9ybSBhbmQgb3BhY2l0eSBhcmUgb3ZlcnJpZGVuXG4gICAgJjpiZWZvcmUge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjYpO1xuICAgICAgb3BhY2l0eTogMC40O1xuICAgIH1cblxuICAgICY6YWZ0ZXIge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG5cbiAgICAke2V1aUNhbkFuaW1hdGV9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgYW5pbWF0aW9uOiAke2V1aUJlYWNvblB1bHNlTGFyZ2V9IDIuNXMgaW5maW5pdGUgZWFzZS1vdXQ7XG4gICAgICB9XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBhbmltYXRpb246ICR7ZXVpQmVhY29uUHVsc2VTbWFsbH0gMi41cyBpbmZpbml0ZSBlYXNlLW91dCAwLjI1cztcbiAgICAgIH1cbiAgICB9XG4gIGAsXG59KTtcbiJdfQ== */"))
+    euiBeacon: /*#__PURE__*/(0, _react.css)("position:relative;background-color:", visColors[0], ";border-radius:50%;&:before,&:after{position:absolute;content:'';height:100%;width:100%;inset-inline-start:0;inset-block-start:0;background-color:transparent;border-radius:50%;box-shadow:0 0 1px 1px ", visColors[0], ";}&:before{transform:scale(1.6);opacity:0.4;}&:after{opacity:0;}", _global_styling.euiCanAnimate, "{&:before{animation:", euiBeaconPulseLarge, " 2.5s infinite ease-out;}&:after{animation:", euiBeaconPulseSmall, " 2.5s infinite ease-out 0.25s;}};label:euiBeacon;")
   };
 };
 

package/lib/components/bottom_bar/bottom_bar.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EuiBottomBar = exports.POSITIONS = exports.paddingSizeToClassNameMap = void 0;
+exports.paddingSizeToClassNameMap = exports._EuiBottomBar = exports.POSITIONS = exports.EuiBottomBar = void 0;
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -23,21 +23,25 @@ var _resize_observer = require("../observer/resize_observer");
 
 var _portal = require("../portal");
 
-var _bottom_bar = require("./bottom_bar.styles");
+var _system = require("../provider/system");
 
 var _provider = require("../../services/theme/provider");
 
+var _bottom_bar = require("./bottom_bar.styles");
+
 var _react2 = require("@emotion/react");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _excluded = ["position", "paddingSize", "affordForDisplacement", "children", "className", "bodyClassName", "landmarkHeading", "usePortal", "left", "right", "bottom", "top", "style", "euiTheme"];
+
+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) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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 _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); }
 
-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 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; }
 
@@ -51,7 +55,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -91,9 +95,9 @@ var _EuiBottomBar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       bottom = _ref$bottom === void 0 ? 0 : _ref$bottom,
       top = _ref.top,
       style = _ref.style,
-      rest = _objectWithoutProperties(_ref, ["position", "paddingSize", "affordForDisplacement", "children", "className", "bodyClassName", "landmarkHeading", "usePortal", "left", "right", "bottom", "top", "style"]);
+      euiTheme = _ref.euiTheme,
+      rest = _objectWithoutProperties(_ref, _excluded);
 
-  var euiTheme = (0, _services.useEuiTheme)();
   var styles = (0, _bottom_bar.euiBottomBarStyles)(euiTheme); // Force some props if `fixed` position, but not if the user has supplied these
 
   affordForDisplacement = position !== 'fixed' ? false : affordForDisplacement;
@@ -167,6 +171,7 @@ var _EuiBottomBar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   return usePortal ? (0, _react2.jsx)(_portal.EuiPortal, null, bar) : bar;
 });
 
+exports._EuiBottomBar = _EuiBottomBar;
 _EuiBottomBar.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
@@ -231,9 +236,9 @@ _EuiBottomBar.propTypes = {
   left: _propTypes.default.any
 };
 var EuiBottomBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var BottomBar = _EuiBottomBar;
+  var BottomBar = (0, _system.withEuiSystem)(_EuiBottomBar);
   return (0, _react2.jsx)(_provider.EuiThemeProvider, {
-    colorMode: 'dark'
+    colorMode: "dark"
   }, (0, _react2.jsx)(BottomBar, _extends({
     ref: ref
   }, props)));

package/lib/components/bottom_bar/bottom_bar.styles.js

@@ -13,33 +13,25 @@ var _services = require("../../services");
 
 var _mixins = require("../../themes/amsterdam/global_styling/mixins");
 
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  0% {\n    transform: translateY(100%);\n    opacity: 0;\n  }\n\n  100% {\n    transform: translateY(0%);\n    opacity: 1;\n  }\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var euiBottomBarAppear = (0, _react.keyframes)(_templateObject());
+var euiBottomBarAppear = (0, _react.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    transform: translateY(100%);\n    opacity: 0;\n  }\n\n  100% {\n    transform: translateY(0%);\n    opacity: 1;\n  }\n"])));
 
 var euiBottomBarStyles = function euiBottomBarStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   return {
     // Base
     // Text color needs to be reapplied to properly scope the forced `colorMode`
-    euiBottomBar: /*#__PURE__*/(0, _react.css)((0, _mixins.euiShadowFlat)(euiThemeContext), ";background:", (0, _services.shade)(euiTheme.colors.lightestShade, 0.5), ";color:", euiTheme.colors.text, ";", _global_styling.euiCanAnimate, "{animation:", euiBottomBarAppear, " ", euiTheme.animation.slow, " ", euiTheme.animation.resistance, ";};label:euiBottomBar;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JvdHRvbV9iYXIvYm90dG9tX2Jhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9ib3R0b21fYmFyL2JvdHRvbV9iYXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBldWlDYW5BbmltYXRlIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUsIHNoYWRlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuaW1wb3J0IHsgZXVpU2hhZG93RmxhdCB9IGZyb20gJy4uLy4uL3RoZW1lcy9hbXN0ZXJkYW0vZ2xvYmFsX3N0eWxpbmcvbWl4aW5zJztcblxuY29uc3QgZXVpQm90dG9tQmFyQXBwZWFyID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBldWlCb3R0b21CYXJTdHlsZXMgPSAoZXVpVGhlbWVDb250ZXh0OiBVc2VFdWlUaGVtZSkgPT4ge1xuICBjb25zdCB7IGV1aVRoZW1lIH0gPSBldWlUaGVtZUNvbnRleHQ7XG5cbiAgcmV0dXJuIHtcbiAgICAvLyBCYXNlXG4gICAgLy8gVGV4dCBjb2xvciBuZWVkcyB0byBiZSByZWFwcGxpZWQgdG8gcHJvcGVybHkgc2NvcGUgdGhlIGZvcmNlZCBgY29sb3JNb2RlYFxuICAgIGV1aUJvdHRvbUJhcjogY3NzYFxuICAgICAgJHtldWlTaGFkb3dGbGF0KGV1aVRoZW1lQ29udGV4dCl9O1xuICAgICAgYmFja2dyb3VuZDogJHtzaGFkZShldWlUaGVtZS5jb2xvcnMubGlnaHRlc3RTaGFkZSwgMC41KX07XG4gICAgICBjb2xvcjogJHtldWlUaGVtZS5jb2xvcnMudGV4dH07XG4gICAgICAke2V1aUNhbkFuaW1hdGV9IHtcbiAgICAgICAgYW5pbWF0aW9uOiAke2V1aUJvdHRvbUJhckFwcGVhcn0gJHtldWlUaGVtZS5hbmltYXRpb24uc2xvd31cbiAgICAgICAgICAke2V1aVRoZW1lLmFuaW1hdGlvbi5yZXNpc3RhbmNlfTtcbiAgICAgIH1cbiAgICBgLFxuICAgIHN0YXRpYzogY3NzYGAsXG4gICAgZml4ZWQ6IGNzc2BcbiAgICAgIHotaW5kZXg6ICR7TnVtYmVyKGV1aVRoZW1lLmxldmVscy5oZWFkZXIpIC0gMn07XG4gICAgYCxcbiAgICBzdGlja3k6IGNzc2BcbiAgICAgIHotaW5kZXg6ICR7TnVtYmVyKGV1aVRoZW1lLmxldmVscy5oZWFkZXIpIC0gMn07XG4gICAgYCxcbiAgICAvLyBQYWRkaW5nXG4gICAgczogY3NzYFxuICAgICAgcGFkZGluZzogJHtldWlUaGVtZS5zaXplLnN9O1xuICAgIGAsXG4gICAgbTogY3NzYFxuICAgICAgcGFkZGluZzogJHtldWlUaGVtZS5zaXplLmJhc2V9O1xuICAgIGAsXG4gICAgbDogY3NzYFxuICAgICAgcGFkZGluZzogJHtldWlUaGVtZS5zaXplLmx9O1xuICAgIGAsXG4gICAgbm9uZTogJycsXG4gIH07XG59O1xuIl19 */")),
-    static: /*#__PURE__*/(0, _react.css)(";label:static;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JvdHRvbV9iYXIvYm90dG9tX2Jhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NlIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JvdHRvbV9iYXIvYm90dG9tX2Jhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IEVsYXN0aWNzZWFyY2ggQi5WLiBhbmQvb3IgbGljZW5zZWQgdG8gRWxhc3RpY3NlYXJjaCBCLlYuIHVuZGVyIG9uZVxuICogb3IgbW9yZSBjb250cmlidXRvciBsaWNlbnNlIGFncmVlbWVudHMuIExpY2Vuc2VkIHVuZGVyIHRoZSBFbGFzdGljIExpY2Vuc2VcbiAqIDIuMCBhbmQgdGhlIFNlcnZlciBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDE7IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0XG4gKiBpbiBjb21wbGlhbmNlIHdpdGgsIGF0IHlvdXIgZWxlY3Rpb24sIHRoZSBFbGFzdGljIExpY2Vuc2UgMi4wIG9yIHRoZSBTZXJ2ZXJcbiAqIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMS5cbiAqL1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGV1aUNhbkFuaW1hdGUgfSBmcm9tICcuLi8uLi9nbG9iYWxfc3R5bGluZyc7XG5pbXBvcnQgeyBVc2VFdWlUaGVtZSwgc2hhZGUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBldWlTaGFkb3dGbGF0IH0gZnJvbSAnLi4vLi4vdGhlbWVzL2Ftc3RlcmRhbS9nbG9iYWxfc3R5bGluZy9taXhpbnMnO1xuXG5jb25zdCBldWlCb3R0b21CYXJBcHBlYXIgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGV1aUJvdHRvbUJhclN0eWxlcyA9IChldWlUaGVtZUNvbnRleHQ6IFVzZUV1aVRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZXVpVGhlbWUgfSA9IGV1aVRoZW1lQ29udGV4dDtcblxuICByZXR1cm4ge1xuICAgIC8vIEJhc2VcbiAgICAvLyBUZXh0IGNvbG9yIG5lZWRzIHRvIGJlIHJlYXBwbGllZCB0byBwcm9wZXJseSBzY29wZSB0aGUgZm9yY2VkIGBjb2xvck1vZGVgXG4gICAgZXVpQm90dG9tQmFyOiBjc3NgXG4gICAgICAke2V1aVNoYWRvd0ZsYXQoZXVpVGhlbWVDb250ZXh0KX07XG4gICAgICBiYWNrZ3JvdW5kOiAke3NoYWRlKGV1aVRoZW1lLmNvbG9ycy5saWdodGVzdFNoYWRlLCAwLjUpfTtcbiAgICAgIGNvbG9yOiAke2V1aVRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7ZXVpQm90dG9tQmFyQXBwZWFyfSAke2V1aVRoZW1lLmFuaW1hdGlvbi5zbG93fVxuICAgICAgICAgICR7ZXVpVGhlbWUuYW5pbWF0aW9uLnJlc2lzdGFuY2V9O1xuICAgICAgfVxuICAgIGAsXG4gICAgc3RhdGljOiBjc3NgYCxcbiAgICBmaXhlZDogY3NzYFxuICAgICAgei1pbmRleDogJHtOdW1iZXIoZXVpVGhlbWUubGV2ZWxzLmhlYWRlcikgLSAyfTtcbiAgICBgLFxuICAgIHN0aWNreTogY3NzYFxuICAgICAgei1pbmRleDogJHtOdW1iZXIoZXVpVGhlbWUubGV2ZWxzLmhlYWRlcikgLSAyfTtcbiAgICBgLFxuICAgIC8vIFBhZGRpbmdcbiAgICBzOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUuc307XG4gICAgYCxcbiAgICBtOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gICAgYCxcbiAgICBsOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUubH07XG4gICAgYCxcbiAgICBub25lOiAnJyxcbiAgfTtcbn07XG4iXX0= */")),
-    fixed: /*#__PURE__*/(0, _react.css)("z-index:", Number(euiTheme.levels.header) - 2, ";;label:fixed;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JvdHRvbV9iYXIvYm90dG9tX2Jhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JvdHRvbV9iYXIvYm90dG9tX2Jhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IEVsYXN0aWNzZWFyY2ggQi5WLiBhbmQvb3IgbGljZW5zZWQgdG8gRWxhc3RpY3NlYXJjaCBCLlYuIHVuZGVyIG9uZVxuICogb3IgbW9yZSBjb250cmlidXRvciBsaWNlbnNlIGFncmVlbWVudHMuIExpY2Vuc2VkIHVuZGVyIHRoZSBFbGFzdGljIExpY2Vuc2VcbiAqIDIuMCBhbmQgdGhlIFNlcnZlciBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDE7IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0XG4gKiBpbiBjb21wbGlhbmNlIHdpdGgsIGF0IHlvdXIgZWxlY3Rpb24sIHRoZSBFbGFzdGljIExpY2Vuc2UgMi4wIG9yIHRoZSBTZXJ2ZXJcbiAqIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMS5cbiAqL1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGV1aUNhbkFuaW1hdGUgfSBmcm9tICcuLi8uLi9nbG9iYWxfc3R5bGluZyc7XG5pbXBvcnQgeyBVc2VFdWlUaGVtZSwgc2hhZGUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBldWlTaGFkb3dGbGF0IH0gZnJvbSAnLi4vLi4vdGhlbWVzL2Ftc3RlcmRhbS9nbG9iYWxfc3R5bGluZy9taXhpbnMnO1xuXG5jb25zdCBldWlCb3R0b21CYXJBcHBlYXIgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGV1aUJvdHRvbUJhclN0eWxlcyA9IChldWlUaGVtZUNvbnRleHQ6IFVzZUV1aVRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZXVpVGhlbWUgfSA9IGV1aVRoZW1lQ29udGV4dDtcblxuICByZXR1cm4ge1xuICAgIC8vIEJhc2VcbiAgICAvLyBUZXh0IGNvbG9yIG5lZWRzIHRvIGJlIHJlYXBwbGllZCB0byBwcm9wZXJseSBzY29wZSB0aGUgZm9yY2VkIGBjb2xvck1vZGVgXG4gICAgZXVpQm90dG9tQmFyOiBjc3NgXG4gICAgICAke2V1aVNoYWRvd0ZsYXQoZXVpVGhlbWVDb250ZXh0KX07XG4gICAgICBiYWNrZ3JvdW5kOiAke3NoYWRlKGV1aVRoZW1lLmNvbG9ycy5saWdodGVzdFNoYWRlLCAwLjUpfTtcbiAgICAgIGNvbG9yOiAke2V1aVRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7ZXVpQm90dG9tQmFyQXBwZWFyfSAke2V1aVRoZW1lLmFuaW1hdGlvbi5zbG93fVxuICAgICAgICAgICR7ZXVpVGhlbWUuYW5pbWF0aW9uLnJlc2lzdGFuY2V9O1xuICAgICAgfVxuICAgIGAsXG4gICAgc3RhdGljOiBjc3NgYCxcbiAgICBmaXhlZDogY3NzYFxuICAgICAgei1pbmRleDogJHtOdW1iZXIoZXVpVGhlbWUubGV2ZWxzLmhlYWRlcikgLSAyfTtcbiAgICBgLFxuICAgIHN0aWNreTogY3NzYFxuICAgICAgei1pbmRleDogJHtOdW1iZXIoZXVpVGhlbWUubGV2ZWxzLmhlYWRlcikgLSAyfTtcbiAgICBgLFxuICAgIC8vIFBhZGRpbmdcbiAgICBzOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUuc307XG4gICAgYCxcbiAgICBtOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gICAgYCxcbiAgICBsOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUubH07XG4gICAgYCxcbiAgICBub25lOiAnJyxcbiAgfTtcbn07XG4iXX0= */")),
-    sticky: /*#__PURE__*/(0, _react.css)("z-index:", Number(euiTheme.levels.header) - 2, ";;label:sticky;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JvdHRvbV9iYXIvYm90dG9tX2Jhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENlIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JvdHRvbV9iYXIvYm90dG9tX2Jhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IEVsYXN0aWNzZWFyY2ggQi5WLiBhbmQvb3IgbGljZW5zZWQgdG8gRWxhc3RpY3NlYXJjaCBCLlYuIHVuZGVyIG9uZVxuICogb3IgbW9yZSBjb250cmlidXRvciBsaWNlbnNlIGFncmVlbWVudHMuIExpY2Vuc2VkIHVuZGVyIHRoZSBFbGFzdGljIExpY2Vuc2VcbiAqIDIuMCBhbmQgdGhlIFNlcnZlciBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDE7IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0XG4gKiBpbiBjb21wbGlhbmNlIHdpdGgsIGF0IHlvdXIgZWxlY3Rpb24sIHRoZSBFbGFzdGljIExpY2Vuc2UgMi4wIG9yIHRoZSBTZXJ2ZXJcbiAqIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMS5cbiAqL1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGV1aUNhbkFuaW1hdGUgfSBmcm9tICcuLi8uLi9nbG9iYWxfc3R5bGluZyc7XG5pbXBvcnQgeyBVc2VFdWlUaGVtZSwgc2hhZGUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBldWlTaGFkb3dGbGF0IH0gZnJvbSAnLi4vLi4vdGhlbWVzL2Ftc3RlcmRhbS9nbG9iYWxfc3R5bGluZy9taXhpbnMnO1xuXG5jb25zdCBldWlCb3R0b21CYXJBcHBlYXIgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGV1aUJvdHRvbUJhclN0eWxlcyA9IChldWlUaGVtZUNvbnRleHQ6IFVzZUV1aVRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZXVpVGhlbWUgfSA9IGV1aVRoZW1lQ29udGV4dDtcblxuICByZXR1cm4ge1xuICAgIC8vIEJhc2VcbiAgICAvLyBUZXh0IGNvbG9yIG5lZWRzIHRvIGJlIHJlYXBwbGllZCB0byBwcm9wZXJseSBzY29wZSB0aGUgZm9yY2VkIGBjb2xvck1vZGVgXG4gICAgZXVpQm90dG9tQmFyOiBjc3NgXG4gICAgICAke2V1aVNoYWRvd0ZsYXQoZXVpVGhlbWVDb250ZXh0KX07XG4gICAgICBiYWNrZ3JvdW5kOiAke3NoYWRlKGV1aVRoZW1lLmNvbG9ycy5saWdodGVzdFNoYWRlLCAwLjUpfTtcbiAgICAgIGNvbG9yOiAke2V1aVRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7ZXVpQm90dG9tQmFyQXBwZWFyfSAke2V1aVRoZW1lLmFuaW1hdGlvbi5zbG93fVxuICAgICAgICAgICR7ZXVpVGhlbWUuYW5pbWF0aW9uLnJlc2lzdGFuY2V9O1xuICAgICAgfVxuICAgIGAsXG4gICAgc3RhdGljOiBjc3NgYCxcbiAgICBmaXhlZDogY3NzYFxuICAgICAgei1pbmRleDogJHtOdW1iZXIoZXVpVGhlbWUubGV2ZWxzLmhlYWRlcikgLSAyfTtcbiAgICBgLFxuICAgIHN0aWNreTogY3NzYFxuICAgICAgei1pbmRleDogJHtOdW1iZXIoZXVpVGhlbWUubGV2ZWxzLmhlYWRlcikgLSAyfTtcbiAgICBgLFxuICAgIC8vIFBhZGRpbmdcbiAgICBzOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUuc307XG4gICAgYCxcbiAgICBtOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gICAgYCxcbiAgICBsOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUubH07XG4gICAgYCxcbiAgICBub25lOiAnJyxcbiAgfTtcbn07XG4iXX0= */")),
+    euiBottomBar: /*#__PURE__*/(0, _react.css)((0, _mixins.euiShadowFlat)(euiThemeContext), ";background:", (0, _services.shade)(euiTheme.colors.lightestShade, 0.5), ";color:", euiTheme.colors.text, ";", _global_styling.euiCanAnimate, "{animation:", euiBottomBarAppear, " ", euiTheme.animation.slow, " ", euiTheme.animation.resistance, ";};label:euiBottomBar;"),
+    static: /*#__PURE__*/(0, _react.css)(";label:static;"),
+    fixed: /*#__PURE__*/(0, _react.css)("z-index:", Number(euiTheme.levels.header) - 2, ";;label:fixed;"),
+    sticky: /*#__PURE__*/(0, _react.css)("z-index:", Number(euiTheme.levels.header) - 2, ";;label:sticky;"),
     // Padding
-    s: /*#__PURE__*/(0, _react.css)("padding:", euiTheme.size.s, ";;label:s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JvdHRvbV9iYXIvYm90dG9tX2Jhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0RVIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JvdHRvbV9iYXIvYm90dG9tX2Jhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IEVsYXN0aWNzZWFyY2ggQi5WLiBhbmQvb3IgbGljZW5zZWQgdG8gRWxhc3RpY3NlYXJjaCBCLlYuIHVuZGVyIG9uZVxuICogb3IgbW9yZSBjb250cmlidXRvciBsaWNlbnNlIGFncmVlbWVudHMuIExpY2Vuc2VkIHVuZGVyIHRoZSBFbGFzdGljIExpY2Vuc2VcbiAqIDIuMCBhbmQgdGhlIFNlcnZlciBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDE7IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0XG4gKiBpbiBjb21wbGlhbmNlIHdpdGgsIGF0IHlvdXIgZWxlY3Rpb24sIHRoZSBFbGFzdGljIExpY2Vuc2UgMi4wIG9yIHRoZSBTZXJ2ZXJcbiAqIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMS5cbiAqL1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGV1aUNhbkFuaW1hdGUgfSBmcm9tICcuLi8uLi9nbG9iYWxfc3R5bGluZyc7XG5pbXBvcnQgeyBVc2VFdWlUaGVtZSwgc2hhZGUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBldWlTaGFkb3dGbGF0IH0gZnJvbSAnLi4vLi4vdGhlbWVzL2Ftc3RlcmRhbS9nbG9iYWxfc3R5bGluZy9taXhpbnMnO1xuXG5jb25zdCBldWlCb3R0b21CYXJBcHBlYXIgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGV1aUJvdHRvbUJhclN0eWxlcyA9IChldWlUaGVtZUNvbnRleHQ6IFVzZUV1aVRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZXVpVGhlbWUgfSA9IGV1aVRoZW1lQ29udGV4dDtcblxuICByZXR1cm4ge1xuICAgIC8vIEJhc2VcbiAgICAvLyBUZXh0IGNvbG9yIG5lZWRzIHRvIGJlIHJlYXBwbGllZCB0byBwcm9wZXJseSBzY29wZSB0aGUgZm9yY2VkIGBjb2xvck1vZGVgXG4gICAgZXVpQm90dG9tQmFyOiBjc3NgXG4gICAgICAke2V1aVNoYWRvd0ZsYXQoZXVpVGhlbWVDb250ZXh0KX07XG4gICAgICBiYWNrZ3JvdW5kOiAke3NoYWRlKGV1aVRoZW1lLmNvbG9ycy5saWdodGVzdFNoYWRlLCAwLjUpfTtcbiAgICAgIGNvbG9yOiAke2V1aVRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7ZXVpQm90dG9tQmFyQXBwZWFyfSAke2V1aVRoZW1lLmFuaW1hdGlvbi5zbG93fVxuICAgICAgICAgICR7ZXVpVGhlbWUuYW5pbWF0aW9uLnJlc2lzdGFuY2V9O1xuICAgICAgfVxuICAgIGAsXG4gICAgc3RhdGljOiBjc3NgYCxcbiAgICBmaXhlZDogY3NzYFxuICAgICAgei1pbmRleDogJHtOdW1iZXIoZXVpVGhlbWUubGV2ZWxzLmhlYWRlcikgLSAyfTtcbiAgICBgLFxuICAgIHN0aWNreTogY3NzYFxuICAgICAgei1pbmRleDogJHtOdW1iZXIoZXVpVGhlbWUubGV2ZWxzLmhlYWRlcikgLSAyfTtcbiAgICBgLFxuICAgIC8vIFBhZGRpbmdcbiAgICBzOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUuc307XG4gICAgYCxcbiAgICBtOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gICAgYCxcbiAgICBsOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUubH07XG4gICAgYCxcbiAgICBub25lOiAnJyxcbiAgfTtcbn07XG4iXX0= */")),
-    m: /*#__PURE__*/(0, _react.css)("padding:", euiTheme.size.base, ";;label:m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JvdHRvbV9iYXIvYm90dG9tX2Jhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURVIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JvdHRvbV9iYXIvYm90dG9tX2Jhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IEVsYXN0aWNzZWFyY2ggQi5WLiBhbmQvb3IgbGljZW5zZWQgdG8gRWxhc3RpY3NlYXJjaCBCLlYuIHVuZGVyIG9uZVxuICogb3IgbW9yZSBjb250cmlidXRvciBsaWNlbnNlIGFncmVlbWVudHMuIExpY2Vuc2VkIHVuZGVyIHRoZSBFbGFzdGljIExpY2Vuc2VcbiAqIDIuMCBhbmQgdGhlIFNlcnZlciBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDE7IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0XG4gKiBpbiBjb21wbGlhbmNlIHdpdGgsIGF0IHlvdXIgZWxlY3Rpb24sIHRoZSBFbGFzdGljIExpY2Vuc2UgMi4wIG9yIHRoZSBTZXJ2ZXJcbiAqIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMS5cbiAqL1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGV1aUNhbkFuaW1hdGUgfSBmcm9tICcuLi8uLi9nbG9iYWxfc3R5bGluZyc7XG5pbXBvcnQgeyBVc2VFdWlUaGVtZSwgc2hhZGUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBldWlTaGFkb3dGbGF0IH0gZnJvbSAnLi4vLi4vdGhlbWVzL2Ftc3RlcmRhbS9nbG9iYWxfc3R5bGluZy9taXhpbnMnO1xuXG5jb25zdCBldWlCb3R0b21CYXJBcHBlYXIgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGV1aUJvdHRvbUJhclN0eWxlcyA9IChldWlUaGVtZUNvbnRleHQ6IFVzZUV1aVRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZXVpVGhlbWUgfSA9IGV1aVRoZW1lQ29udGV4dDtcblxuICByZXR1cm4ge1xuICAgIC8vIEJhc2VcbiAgICAvLyBUZXh0IGNvbG9yIG5lZWRzIHRvIGJlIHJlYXBwbGllZCB0byBwcm9wZXJseSBzY29wZSB0aGUgZm9yY2VkIGBjb2xvck1vZGVgXG4gICAgZXVpQm90dG9tQmFyOiBjc3NgXG4gICAgICAke2V1aVNoYWRvd0ZsYXQoZXVpVGhlbWVDb250ZXh0KX07XG4gICAgICBiYWNrZ3JvdW5kOiAke3NoYWRlKGV1aVRoZW1lLmNvbG9ycy5saWdodGVzdFNoYWRlLCAwLjUpfTtcbiAgICAgIGNvbG9yOiAke2V1aVRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7ZXVpQm90dG9tQmFyQXBwZWFyfSAke2V1aVRoZW1lLmFuaW1hdGlvbi5zbG93fVxuICAgICAgICAgICR7ZXVpVGhlbWUuYW5pbWF0aW9uLnJlc2lzdGFuY2V9O1xuICAgICAgfVxuICAgIGAsXG4gICAgc3RhdGljOiBjc3NgYCxcbiAgICBmaXhlZDogY3NzYFxuICAgICAgei1pbmRleDogJHtOdW1iZXIoZXVpVGhlbWUubGV2ZWxzLmhlYWRlcikgLSAyfTtcbiAgICBgLFxuICAgIHN0aWNreTogY3NzYFxuICAgICAgei1pbmRleDogJHtOdW1iZXIoZXVpVGhlbWUubGV2ZWxzLmhlYWRlcikgLSAyfTtcbiAgICBgLFxuICAgIC8vIFBhZGRpbmdcbiAgICBzOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUuc307XG4gICAgYCxcbiAgICBtOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gICAgYCxcbiAgICBsOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUubH07XG4gICAgYCxcbiAgICBub25lOiAnJyxcbiAgfTtcbn07XG4iXX0= */")),
-    l: /*#__PURE__*/(0, _react.css)("padding:", euiTheme.size.l, ";;label:l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JvdHRvbV9iYXIvYm90dG9tX2Jhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RVIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JvdHRvbV9iYXIvYm90dG9tX2Jhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IEVsYXN0aWNzZWFyY2ggQi5WLiBhbmQvb3IgbGljZW5zZWQgdG8gRWxhc3RpY3NlYXJjaCBCLlYuIHVuZGVyIG9uZVxuICogb3IgbW9yZSBjb250cmlidXRvciBsaWNlbnNlIGFncmVlbWVudHMuIExpY2Vuc2VkIHVuZGVyIHRoZSBFbGFzdGljIExpY2Vuc2VcbiAqIDIuMCBhbmQgdGhlIFNlcnZlciBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDE7IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0XG4gKiBpbiBjb21wbGlhbmNlIHdpdGgsIGF0IHlvdXIgZWxlY3Rpb24sIHRoZSBFbGFzdGljIExpY2Vuc2UgMi4wIG9yIHRoZSBTZXJ2ZXJcbiAqIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMS5cbiAqL1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGV1aUNhbkFuaW1hdGUgfSBmcm9tICcuLi8uLi9nbG9iYWxfc3R5bGluZyc7XG5pbXBvcnQgeyBVc2VFdWlUaGVtZSwgc2hhZGUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBldWlTaGFkb3dGbGF0IH0gZnJvbSAnLi4vLi4vdGhlbWVzL2Ftc3RlcmRhbS9nbG9iYWxfc3R5bGluZy9taXhpbnMnO1xuXG5jb25zdCBldWlCb3R0b21CYXJBcHBlYXIgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGV1aUJvdHRvbUJhclN0eWxlcyA9IChldWlUaGVtZUNvbnRleHQ6IFVzZUV1aVRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZXVpVGhlbWUgfSA9IGV1aVRoZW1lQ29udGV4dDtcblxuICByZXR1cm4ge1xuICAgIC8vIEJhc2VcbiAgICAvLyBUZXh0IGNvbG9yIG5lZWRzIHRvIGJlIHJlYXBwbGllZCB0byBwcm9wZXJseSBzY29wZSB0aGUgZm9yY2VkIGBjb2xvck1vZGVgXG4gICAgZXVpQm90dG9tQmFyOiBjc3NgXG4gICAgICAke2V1aVNoYWRvd0ZsYXQoZXVpVGhlbWVDb250ZXh0KX07XG4gICAgICBiYWNrZ3JvdW5kOiAke3NoYWRlKGV1aVRoZW1lLmNvbG9ycy5saWdodGVzdFNoYWRlLCAwLjUpfTtcbiAgICAgIGNvbG9yOiAke2V1aVRoZW1lLmNvbG9ycy50ZXh0fTtcbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7ZXVpQm90dG9tQmFyQXBwZWFyfSAke2V1aVRoZW1lLmFuaW1hdGlvbi5zbG93fVxuICAgICAgICAgICR7ZXVpVGhlbWUuYW5pbWF0aW9uLnJlc2lzdGFuY2V9O1xuICAgICAgfVxuICAgIGAsXG4gICAgc3RhdGljOiBjc3NgYCxcbiAgICBmaXhlZDogY3NzYFxuICAgICAgei1pbmRleDogJHtOdW1iZXIoZXVpVGhlbWUubGV2ZWxzLmhlYWRlcikgLSAyfTtcbiAgICBgLFxuICAgIHN0aWNreTogY3NzYFxuICAgICAgei1pbmRleDogJHtOdW1iZXIoZXVpVGhlbWUubGV2ZWxzLmhlYWRlcikgLSAyfTtcbiAgICBgLFxuICAgIC8vIFBhZGRpbmdcbiAgICBzOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUuc307XG4gICAgYCxcbiAgICBtOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gICAgYCxcbiAgICBsOiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2V1aVRoZW1lLnNpemUubH07XG4gICAgYCxcbiAgICBub25lOiAnJyxcbiAgfTtcbn07XG4iXX0= */")),
+    s: /*#__PURE__*/(0, _react.css)("padding:", euiTheme.size.s, ";;label:s;"),
+    m: /*#__PURE__*/(0, _react.css)("padding:", euiTheme.size.base, ";;label:m;"),
+    l: /*#__PURE__*/(0, _react.css)("padding:", euiTheme.size.l, ";;label:l;"),
     none: ''
   };
 };

package/lib/components/breadcrumbs/breadcrumbs.js

@@ -27,9 +27,12 @@ var _breakpoint = require("../../services/breakpoint");
 
 var _react2 = require("@emotion/react");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _excluded = ["breadcrumbs", "className", "responsive", "truncate", "max"],
+    _excluded2 = ["text", "href", "onClick", "truncate", "className"];
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -49,7 +52,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -143,7 +146,7 @@ var EuiBreadcrumbs = function EuiBreadcrumbs(_ref) {
       truncate = _ref$truncate === void 0 ? true : _ref$truncate,
       _ref$max = _ref.max,
       max = _ref$max === void 0 ? 5 : _ref$max,
-      rest = _objectWithoutProperties(_ref, ["breadcrumbs", "className", "responsive", "truncate", "max"]);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var ariaLabel = (0, _i18n.useEuiI18n)('euiBreadcrumbs.nav.ariaLabel', 'Breadcrumbs');
 
@@ -173,7 +176,7 @@ var EuiBreadcrumbs = function EuiBreadcrumbs(_ref) {
         onClick = breadcrumb.onClick,
         truncate = breadcrumb.truncate,
         breadcrumbClassName = breadcrumb.className,
-        breadcrumbRest = _objectWithoutProperties(breadcrumb, ["text", "href", "onClick", "truncate", "className"]);
+        breadcrumbRest = _objectWithoutProperties(breadcrumb, _excluded2);
 
     var isLastBreadcrumb = index === breadcrumbs.length - 1;
     var className = (0, _classnames.default)('euiBreadcrumb', {
@@ -194,7 +197,8 @@ var EuiBreadcrumbs = function EuiBreadcrumbs(_ref) {
         }, linkProps, breadcrumbRest), text);
       }
 
-      return (0, _react2.jsx)(_link.EuiLink, _extends({
+      return (0, _react2.jsx)(_link.EuiLink // @ts-expect-error Ref forwarding type mismatch
+      , _extends({
         ref: ref,
         color: isLastBreadcrumb ? 'text' : 'subdued',
         onClick: onClick,

package/lib/components/button/{button_content.js → _button_content_deprecated.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EuiButtonContent = exports.ICON_SIDES = void 0;
+exports.ICON_SIDES = exports.EuiButtonContentDeprecated = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -19,6 +19,8 @@ var _icon = require("../icon");
 
 var _react2 = require("@emotion/react");
 
+var _excluded = ["children", "textProps", "isLoading", "iconType", "iconSize", "iconSide"];
+
 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); }
@@ -34,7 +36,7 @@ var iconSideToClassNameMap = {
 var ICON_SIDES = (0, _common.keysOf)(iconSideToClassNameMap);
 exports.ICON_SIDES = ICON_SIDES;
 
-var EuiButtonContent = function EuiButtonContent(_ref) {
+var EuiButtonContentDeprecated = function EuiButtonContentDeprecated(_ref) {
   var children = _ref.children,
       textProps = _ref.textProps,
       _ref$isLoading = _ref.isLoading,
@@ -44,7 +46,7 @@ var EuiButtonContent = function EuiButtonContent(_ref) {
       iconSize = _ref$iconSize === void 0 ? 'm' : _ref$iconSize,
       _ref$iconSide = _ref.iconSide,
       iconSide = _ref$iconSide === void 0 ? 'left' : _ref$iconSide,
-      contentProps = _objectWithoutProperties(_ref, ["children", "textProps", "isLoading", "iconType", "iconSize", "iconSide"]);
+      contentProps = _objectWithoutProperties(_ref, _excluded);
 
   // Add an icon to the button if one exists.
   var buttonIcon;
@@ -70,8 +72,8 @@ var EuiButtonContent = function EuiButtonContent(_ref) {
   }), buttonIcon, (0, _react2.jsx)("span", textProps, children));
 };
 
-exports.EuiButtonContent = EuiButtonContent;
-EuiButtonContent.propTypes = {
+exports.EuiButtonContentDeprecated = EuiButtonContentDeprecated;
+EuiButtonContentDeprecated.propTypes = {
   /**
      * Any `type` accepted by EuiIcon
      */
@@ -84,7 +86,8 @@ EuiButtonContent.propTypes = {
   isLoading: _propTypes.default.bool,
 
   /**
-     * Object of props passed to the <span/> wrapping the content's text/children only (not icon)
+     * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
+     * It doesn't apply to the icon.
      */
   textProps: _propTypes.default.shape({
     className: _propTypes.default.string,

package/lib/components/button/button.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EuiButtonDisplay = exports.EuiButton = exports.SIZES = exports.sizeToClassNameMap = exports.COLORS = exports.colorToClassNameMap = void 0;
+exports.sizeToClassNameMap = exports.colorToClassNameMap = exports.SIZES = exports.EuiButtonDisplayDeprecated = exports.EuiButton = exports.COLORS = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -17,21 +17,24 @@ var _common = require("../common");
 
 var _services = require("../../services");
 
-var _button_content = require("./button_content");
+var _button_content_deprecated = require("./_button_content_deprecated");
 
 var _href_validator = require("../../services/security/href_validator");
 
 var _react2 = require("@emotion/react");
 
+var _excluded = ["isDisabled", "disabled", "href", "target", "rel", "type", "buttonRef"],
+    _excluded2 = ["element", "baseClassName", "children", "className", "iconType", "iconSide", "color", "size", "fill", "isDisabled", "isLoading", "isSelected", "contentProps", "textProps", "fullWidth", "minWidth", "style"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+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) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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 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; }
 
@@ -79,7 +82,7 @@ var EuiButton = function EuiButton(_ref) {
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'button' : _ref$type,
       buttonRef = _ref.buttonRef,
-      rest = _objectWithoutProperties(_ref, ["isDisabled", "disabled", "href", "target", "rel", "type", "buttonRef"]);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var isHrefValid = !href || (0, _href_validator.validateHref)(href);
   var disabled = _disabled || !isHrefValid;
@@ -112,11 +115,13 @@ var EuiButton = function EuiButton(_ref) {
     relObj.type = type;
   }
 
-  return (0, _react2.jsx)(EuiButtonDisplay, _extends({
-    element: element,
-    baseClassName: "euiButton",
-    ref: buttonRef
-  }, elementProps, relObj, rest));
+  return (// eslint-disable-next-line react/jsx-pascal-case
+    (0, _react2.jsx)(EuiButtonDisplayDeprecated, _extends({
+      element: element,
+      baseClassName: "euiButton",
+      ref: buttonRef
+    }, elementProps, relObj, rest))
+  );
 };
 
 exports.EuiButton = EuiButton;
@@ -216,7 +221,8 @@ EuiButton.propTypes = {
   iconSide: _propTypes.default.oneOf(["left", "right"]),
 
   /**
-     * Object of props passed to the <span/> wrapping the content's text/children only (not icon)
+     * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
+     * It doesn't apply to the icon.
      */
   textProps: _propTypes.default.shape({
     className: _propTypes.default.string,
@@ -234,13 +240,16 @@ EuiButton.propTypes = {
 EuiButton.displayName = 'EuiButton';
 
 /**
+ * *DEPRECATED*
  * EuiButtonDisplay is an internal-only component used for displaying
  * any element as a button.
  * NOTE: This component *must* be below EuiButton in the file and
  * EuiButton must also set a displayName for react-docgen-typescript
  * to correctly set EuiButton's docgenInfo and display a props table.
+ * This component has been deprecated in favor of the new EuiButtonDisplay
+ * that can be found in `src/components/button/button_display/_button_display.tsx`
  */
-var EuiButtonDisplay = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
+var EuiButtonDisplayDeprecated = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var _ref2$element = _ref2.element,
       element = _ref2$element === void 0 ? 'button' : _ref2$element,
       baseClassName = _ref2.baseClassName,
@@ -263,7 +272,7 @@ var EuiButtonDisplay = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref)
       fullWidth = _ref2.fullWidth,
       minWidth = _ref2.minWidth,
       style = _ref2.style,
-      rest = _objectWithoutProperties(_ref2, ["element", "baseClassName", "children", "className", "iconType", "iconSide", "color", "size", "fill", "isDisabled", "isLoading", "isSelected", "contentProps", "textProps", "fullWidth", "minWidth", "style"]);
+      rest = _objectWithoutProperties(_ref2, _excluded2);
 
   var buttonIsDisabled = isLoading || isDisabled;
   var classes = (0, _classnames.default)(baseClassName, color && colorToClassNameMap[color] ? "".concat(baseClassName).concat(colorToClassNameMap[color]) : "".concat(baseClassName).concat(colorToClassNameMap.primary), size && sizeToClassNameMap[size] ? "".concat(baseClassName).concat(sizeToClassNameMap[size]) : null, fill && "".concat(baseClassName, "--fill"), fullWidth && "".concat(baseClassName, "--fullWidth"), buttonIsDisabled && "".concat(baseClassName, "-isDisabled"), className);
@@ -274,7 +283,7 @@ var EuiButtonDisplay = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref)
 
   var contentClassNames = (0, _classnames.default)('euiButton__content', contentProps && contentProps.className);
   var textClassNames = (0, _classnames.default)('euiButton__text', textProps && textProps.className);
-  var innerNode = (0, _react2.jsx)(_button_content.EuiButtonContent, _extends({
+  var innerNode = (0, _react2.jsx)(_button_content_deprecated.EuiButtonContentDeprecated, _extends({
     isLoading: isLoading,
     iconType: iconType,
     iconSide: iconSide,
@@ -301,8 +310,8 @@ var EuiButtonDisplay = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref)
     ref: ref
   }, rest), innerNode);
 });
-exports.EuiButtonDisplay = EuiButtonDisplay;
-EuiButtonDisplay.propTypes = {
+exports.EuiButtonDisplayDeprecated = EuiButtonDisplayDeprecated;
+EuiButtonDisplayDeprecated.propTypes = {
   children: _propTypes.default.node,
 
   /**
@@ -375,4 +384,4 @@ EuiButtonDisplay.propTypes = {
        */
   baseClassName: _propTypes.default.string.isRequired
 };
-EuiButtonDisplay.displayName = 'EuiButtonDisplay';
+EuiButtonDisplayDeprecated.displayName = 'EuiButtonDisplay';