npm - @elastic/eui - Versions diffs - 63.0.1 → 64.0.0 - Mend

@elastic/eui 63.0.1 → 64.0.0

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

Files changed (789) hide show

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

@@ -38,5 +38,6 @@ exports.EuiModalHeaderTitle = EuiModalHeaderTitle;
 EuiModalHeaderTitle.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };

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

@@ -174,6 +174,7 @@ EuiNotificationEvent.propTypes = {
   isLoading: _propTypes.default.bool,
   className: _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   /**
        * A unique identifier
@@ -282,13 +283,15 @@ EuiNotificationEvent.propTypes = {
       className: _propTypes.default.string,
       "aria-label": _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
+      css: _propTypes.default.any,
       ref: _propTypes.default.any,
       "data-text": _propTypes.default.string
     }),
     iconSize: _propTypes.default.oneOf(["s", "m"]),
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
-    "data-test-subj": _propTypes.default.string
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
   }),
   /**

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

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

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

@@ -21,7 +21,7 @@ var _services = require("../../services");
 var _react2 = require("@emotion/react");
-var _excluded = ["className", "children", "onClick", "headerZindexLocation", "maskRef"];
+var _excluded = ["className", "children", "onClick", "headerZindexLocation", "maskRef", "css"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -52,6 +52,7 @@ var EuiOverlayMask = function EuiOverlayMask(_ref) {
       _ref$headerZindexLoca = _ref.headerZindexLocation,
       headerZindexLocation = _ref$headerZindexLoca === void 0 ? 'above' : _ref$headerZindexLoca,
       maskRef = _ref.maskRef,
+      css = _ref.css,
       rest = _objectWithoutProperties(_ref, _excluded);
   var overlayMaskNode = (0, _react.useRef)();
@@ -128,6 +129,7 @@ EuiOverlayMask.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   /**
      * Function that applies to clicking the mask itself and not the children

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

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

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

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

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

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

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

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

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

@@ -42,5 +42,6 @@ exports.EuiPageContentHeaderSection_Deprecated = EuiPageContentHeaderSection_Dep
 EuiPageContentHeaderSection_Deprecated.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };

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

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

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

@@ -241,6 +241,7 @@ EuiPageHeaderContent.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   /**
      * The only option is on/off
@@ -301,6 +302,7 @@ EuiPageHeaderContent.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     textTransform: _propTypes.default.any,
     id: _propTypes.default.string
   }),
@@ -322,6 +324,7 @@ EuiPageHeaderContent.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     href: _propTypes.default.string,
     rel: _propTypes.default.string,
     onClick: _propTypes.default.func,
@@ -371,6 +374,7 @@ EuiPageHeaderContent.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     /**
          * ReactNode to render as this component's content

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

@@ -38,5 +38,6 @@ exports.EuiPageHeaderSection = EuiPageHeaderSection;
 EuiPageHeaderSection.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };

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

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

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

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

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

@@ -77,7 +77,9 @@ var EuiPageSidebar = function EuiPageSidebar(_ref) {
   (0, _react.useEffect)(function () {
     if (sticky) {
-      var euiHeaderFixedCounter = Number(document.body.dataset.fixedHeaders);
+      var _document$body$datase;
+      var euiHeaderFixedCounter = Number((_document$body$datase = document.body.dataset.fixedHeaders) !== null && _document$body$datase !== void 0 ? _document$body$datase : 0);
       var offset = _typeof(sticky) === 'object' ? sticky === null || sticky === void 0 ? void 0 : sticky.offset : themeContext.euiTheme.base * 3 * euiHeaderFixedCounter;
       setInlineStyles(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, style), (0, _global_styling.logicalStyle)('min-width', isResponding ? '100%' : minWidth)), (0, _global_styling.logicalStyle)('top', offset)), (0, _global_styling.logicalStyle)('max-height', "calc(100vh - ".concat(offset, "px)"))));
     }
@@ -120,5 +122,6 @@ EuiPageSidebar.propTypes = {
   responsive: _propTypes.default.arrayOf(_propTypes.default.any.isRequired),
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };

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

@@ -393,7 +393,8 @@ EuiPageTemplate_Deprecated.propTypes = {
     paddingSize: _propTypes.default.any,
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
-    "data-test-subj": _propTypes.default.string
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
   }),
   /**
@@ -407,6 +408,7 @@ EuiPageTemplate_Deprecated.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     /**
        * Sets the max-width of the page,
@@ -431,6 +433,7 @@ EuiPageTemplate_Deprecated.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     /**
        * Sets the max-width of the page,
@@ -469,6 +472,7 @@ EuiPageTemplate_Deprecated.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     /**
        * Adds a medium shadow to the panel;
@@ -553,6 +557,7 @@ EuiPageTemplate_Deprecated.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     /**
        * Sets the max-width of the page,
@@ -577,6 +582,7 @@ EuiPageTemplate_Deprecated.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     /**
          * How to position the bottom bar against its parent.

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

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

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

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

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

@@ -109,7 +109,9 @@ var _EuiPageTemplate = function _EuiPageTemplate(_ref) {
   });
   (0, _react.useEffect)(function () {
     if (_offset === undefined) {
-      var euiHeaderFixedCounter = Number(document.body.dataset.fixedHeaders);
+      var _document$body$datase;
+      var euiHeaderFixedCounter = Number((_document$body$datase = document.body.dataset.fixedHeaders) !== null && _document$body$datase !== void 0 ? _document$body$datase : 0);
       setOffset(euiTheme.base * 3 * euiHeaderFixedCounter);
     }
   }, [_offset, euiTheme.base]); // Sections include page header
@@ -227,6 +229,7 @@ _EuiPageTemplate.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   /**
      * Sets the max-width of the page,
@@ -267,7 +270,8 @@ _EuiPageTemplate.propTypes = {
   mainProps: _propTypes.default.shape({
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
-    "data-test-subj": _propTypes.default.string
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
   })
 };
@@ -282,6 +286,7 @@ _EuiPageSection.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   /**
      * Sets the max-width of the page,
@@ -332,6 +337,7 @@ _EuiPageHeader.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   /**
      * Sets the max-width of the page,
@@ -358,6 +364,7 @@ _EuiPageEmptyPrompt.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   restrictWidth: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.number.isRequired, _propTypes.default.string.isRequired]),
   color: _propTypes.default.any,
   paddingSize: _propTypes.default.any,

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

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

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

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

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

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

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

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

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

@@ -42,7 +42,7 @@ var _popover2 = require("./popover.styles");
 var _popover_panel = require("./popover_panel");
-var _excluded = ["anchorClassName", "anchorPosition", "button", "buttonRef", "insert", "isOpen", "ownFocus", "children", "className", "closePopover", "panelClassName", "panelPaddingSize", "panelProps", "panelRef", "panelStyle", "popoverScreenReaderText", "popoverRef", "hasArrow", "arrowChildren", "repositionOnScroll", "zIndex", "attachToAnchor", "display", "offset", "onTrapDeactivation", "buffer", "aria-label", "aria-labelledby", "container", "focusTrapProps", "initialFocus", "tabIndex"];
+var _excluded = ["anchorClassName", "anchorPosition", "button", "buttonRef", "insert", "isOpen", "ownFocus", "children", "className", "closePopover", "panelClassName", "panelPaddingSize", "panelProps", "panelRef", "panelStyle", "popoverScreenReaderText", "popoverRef", "hasArrow", "arrowChildren", "repositionOnScroll", "zIndex", "attachToAnchor", "display", "offset", "onPositionChange", "onTrapDeactivation", "buffer", "aria-label", "aria-labelledby", "container", "focusTrapProps", "initialFocus", "tabIndex"];
 function _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); }
@@ -318,6 +318,7 @@ var EuiPopover = /*#__PURE__*/function (_Component) {
       var willRenderArrow = !_this.props.attachToAnchor && _this.props.hasArrow;
       var arrowStyles = willRenderArrow ? arrow : undefined;
       var arrowPosition = foundPosition;
+      _this.props.onPositionChange && _this.props.onPositionChange(arrowPosition);
       _this.setState({
         popoverStyles: popoverStyles,
@@ -472,6 +473,7 @@ var EuiPopover = /*#__PURE__*/function (_Component) {
           attachToAnchor = _this$props.attachToAnchor,
           display = _this$props.display,
           offset = _this$props.offset,
+          onPositionChange = _this$props.onPositionChange,
           onTrapDeactivation = _this$props.onTrapDeactivation,
           buffer = _this$props.buffer,
           ariaLabel = _this$props['aria-label'],
@@ -804,6 +806,12 @@ EuiPopover.propTypes = {
      * Usually takes the `id` of the popover title
      */
   "aria-labelledby": _propTypes.default.string,
+  /**
+     * Function callback for when the popover positon changes
+     */
+  onPositionChange: _propTypes.default.func,
   className: _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.euiPopoverPanelStyles = void 0;
+exports.openAnimationTiming = exports.euiPopoverPanelStyles = void 0;
 var _react = require("@emotion/react");
@@ -18,6 +18,8 @@ var _global_styling = require("../../../global_styling");
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+var openAnimationTiming = 'slow';
+exports.openAnimationTiming = openAnimationTiming;
 var translateDistance = 's';
 /**
  * 1. Can expand further, but it looks weird if it's smaller than the originating button.
@@ -33,7 +35,7 @@ var euiPopoverPanelStyles = function euiPopoverPanelStyles(euiThemeContext) {
       property: 'filter'
     }), " &:focus{outline-offset:0;};label:euiPopover__panel;"),
     // Is visible / open
-    isOpen: /*#__PURE__*/(0, _react.css)("opacity:1;pointer-events:auto;", _global_styling.euiCanAnimate, "{transition:opacity ", euiTheme.animation.bounce, " ", euiTheme.animation.slow, ",transform ", euiTheme.animation.bounce, " calc(", euiTheme.animation.slow, " + 100ms);};label:isOpen;"),
+    isOpen: /*#__PURE__*/(0, _react.css)("opacity:1;pointer-events:auto;", _global_styling.euiCanAnimate, "{transition:opacity ", euiTheme.animation.bounce, " ", euiTheme.animation[openAnimationTiming], ",transform ", euiTheme.animation.bounce, " calc(", euiTheme.animation[openAnimationTiming], " + 100ms);};label:isOpen;"),
     // Positions
     top: /*#__PURE__*/(0, _react.css)("transform:translateY(", euiTheme.size[translateDistance], ") translateZ(0);;label:top;"),
     bottom: /*#__PURE__*/(0, _react.css)("transform:translateY(-", euiTheme.size[translateDistance], ") translateZ(0);;label:bottom;"),
@@ -41,7 +43,7 @@ var euiPopoverPanelStyles = function euiPopoverPanelStyles(euiThemeContext) {
     right: /*#__PURE__*/(0, _react.css)("transform:translateX(-", euiTheme.size[translateDistance], ") translateZ(0);;label:right;"),
     // Attached version overrides
     attached: {
-      isOpen: /*#__PURE__*/(0, _react.css)("filter:none;", _global_styling.euiCanAnimate, "{transition:opacity ", euiTheme.animation.bounce, " ", euiTheme.animation.slow, ";};label:isOpen;"),
+      isOpen: /*#__PURE__*/(0, _react.css)("filter:none;", _global_styling.euiCanAnimate, "{transition:opacity ", euiTheme.animation.bounce, " ", euiTheme.animation[openAnimationTiming], ";};label:isOpen;"),
       top: /*#__PURE__*/(0, _react.css)((0, _mixins.euiShadowFlat)(euiThemeContext), ";;label:top;"),
       bottom: /*#__PURE__*/(0, _react.css)((0, _mixins.euiShadow)(euiThemeContext, 'm'), ";;label:bottom;"),
       // Satisfies TS

package/lib/components/popover/popover_title.js CHANGED Viewed

@@ -63,6 +63,7 @@ EuiPopoverTitle.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   /**
          * Customize the all around padding of the popover title.

package/lib/components/progress/progress.js CHANGED Viewed

@@ -140,6 +140,7 @@ EuiProgress.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   size: _propTypes.default.any,
   /**

package/lib/components/provider/cache/cache_provider.js CHANGED Viewed

@@ -7,6 +7,8 @@ exports.EuiCacheProvider = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _cache = _interopRequireDefault(require("@emotion/cache"));
 var _react2 = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -18,12 +20,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+var defaultCache = (0, _cache.default)({
+  key: 'css'
+});
+defaultCache.compat = true;
 var EuiCacheProvider = function EuiCacheProvider(_ref) {
-  var cache = _ref.cache,
+  var _ref$cache = _ref.cache,
+      cache = _ref$cache === void 0 ? defaultCache : _ref$cache,
       children = _ref.children;
-  return children && cache ? (0, _react2.jsx)(_react2.CacheProvider, {
+  return (0, _react2.jsx)(_react2.CacheProvider, {
     value: cache
-  }, children) : (0, _react2.jsx)(_react.default.Fragment, null, children);
+  }, children);
 };
 exports.EuiCacheProvider = EuiCacheProvider;

package/lib/components/resizable_container/resizable_button.js CHANGED Viewed

@@ -133,7 +133,8 @@ exports.EuiResizableButton = EuiResizableButton;
 EuiResizableButton.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };
 function euiResizableButtonWithControls(controls) {

package/lib/components/resizable_container/resizable_container.js CHANGED Viewed

@@ -243,5 +243,6 @@ EuiResizableContainer.propTypes = {
   style: _propTypes.default.any,
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };

package/lib/components/resizable_container/resizable_panel.js CHANGED Viewed

@@ -398,7 +398,8 @@ EuiResizablePanel.propTypes = {
   color: _propTypes.default.any,
   className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
   "aria-label": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
-  "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string])
+  "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
+  css: _propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.any])
 };
 function euiResizablePanelWithControls(controls) {

package/lib/components/search_bar/search_bar.js CHANGED Viewed

@@ -346,6 +346,7 @@ EuiSearchBar.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     // Boolean values are not meaningful to this EuiSearchBox, but are allowed so that other
     // components can use e.g. a true value to mean "auto-derive a schema". See EuiInMemoryTable.
     // Admittedly, this is a bit of a hack.
@@ -454,5 +455,6 @@ EuiSearchBar.propTypes = {
   dateFormat: _propTypes.default.any,
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };

package/lib/components/selectable/selectable.js CHANGED Viewed

@@ -658,6 +658,7 @@ EuiSelectable.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   /**
        * Hooks up a search box to filter the list (boolean)
@@ -688,6 +689,7 @@ EuiSelectable.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     /**
        * Visible label of option.

package/lib/components/selectable/selectable_list/selectable_list.js CHANGED Viewed

@@ -414,6 +414,7 @@ EuiSelectableList.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   /**
        * The index of the option to be highlighted as pseudo-focused;
@@ -472,6 +473,7 @@ EuiSelectableList.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     /**
        * Will apply an onclick to icon within the badge
@@ -532,6 +534,7 @@ EuiSelectableList.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     /**
        * Visible label of option.
@@ -585,6 +588,7 @@ EuiSelectableList.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     label: _propTypes.default.string,
     searchableLabel: _propTypes.default.string,
     key: _propTypes.default.string,

package/lib/components/selectable/selectable_list/selectable_list_item.js CHANGED Viewed

@@ -253,6 +253,7 @@ EuiSelectableListItem.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   children: _propTypes.default.node,
   /**
@@ -307,6 +308,7 @@ EuiSelectableListItem.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     /**
        * Will apply an onclick to icon within the badge

package/lib/components/selectable/selectable_message/selectable_message.js CHANGED Viewed

@@ -47,6 +47,7 @@ EuiSelectableMessage.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   /**
        * Match this to the `listProps.bordered` property of your `EuiSelectable` instance