@elastic/eui 62.2.1 → 64.0.0

package/lib/components/form/form_control_layout/form_control_layout_icons.js

@@ -209,6 +209,7 @@ EuiFormControlLayoutIcons.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     size: _propTypes.default.any
   }),
   isLoading: _propTypes.default.bool,

package/lib/components/form/form_error_text/form_error_text.js

@@ -39,5 +39,6 @@ exports.EuiFormErrorText = EuiFormErrorText;
 EuiFormErrorText.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/form/form_fieldset/form_fieldset.js

@@ -44,6 +44,7 @@ EuiFormFieldset.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
@@ -58,5 +59,6 @@ EuiFormFieldset.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/form/form_fieldset/form_legend.js

@@ -48,6 +48,7 @@ EuiFormLegend.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/form/form_help_text/form_help_text.js

@@ -38,5 +38,6 @@ exports.EuiFormHelpText = EuiFormHelpText;
 EuiFormHelpText.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/form/form_label/form_label.js

@@ -75,5 +75,6 @@ EuiFormLabel.propTypes = {
   isDisabled: _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/form/form_row/form_row.js

@@ -313,6 +313,7 @@ EuiFormRow.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
      * When `rowCompressed`, just tightens up the spacing;

package/lib/components/form/radio/radio.js

@@ -73,6 +73,7 @@ EuiRadio.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   autoFocus: _propTypes.default.bool,
 
   /**
@@ -107,7 +108,8 @@ EuiRadio.propTypes = {
   labelProps: _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
   }),
   label: _propTypes.default.node,
   id: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string.isRequired])

package/lib/components/form/radio/radio_group.js

@@ -79,6 +79,7 @@ EuiRadioGroup.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   disabled: _propTypes.default.bool,
 
   /**
@@ -102,6 +103,7 @@ EuiRadioGroup.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/form/range/dual_range.js

@@ -736,7 +736,8 @@ EuiDualRange.propTypes = {
     color: _propTypes.default.oneOfType([_propTypes.default.oneOf(["primary", "success", "warning", "danger"]).isRequired, _propTypes.default.any.isRequired]).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
   }).isRequired),
 
   /**

package/lib/components/form/range/range.js

@@ -324,7 +324,8 @@ EuiRange.propTypes = {
     color: _propTypes.default.oneOfType([_propTypes.default.oneOf(["primary", "success", "warning", "danger"]).isRequired, _propTypes.default.any.isRequired]).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
   }).isRequired),
   step: _propTypes.default.number,
 
@@ -384,5 +385,6 @@ EuiRange.propTypes = {
   onChange: _propTypes.default.func,
   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/form/range/range_levels.js

@@ -150,7 +150,8 @@ EuiRangeLevels.propTypes = {
     color: _propTypes.default.oneOfType([_propTypes.default.oneOf(["primary", "success", "warning", "danger"]).isRequired, _propTypes.default.any.isRequired]).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
   }).isRequired),
   max: _propTypes.default.number.isRequired,
   min: _propTypes.default.number.isRequired,

package/lib/components/form/range/range_slider.js

@@ -74,6 +74,7 @@ EuiRangeSlider.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   id: _propTypes.default.string,
   name: _propTypes.default.string,
   min: _propTypes.default.number.isRequired,

package/lib/components/form/range/range_thumb.js

@@ -66,5 +66,6 @@ EuiRangeThumb.propTypes = {
   showTicks: _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/form/range/range_track.js

@@ -219,6 +219,7 @@ EuiRangeTrack.propTypes = {
     color: _propTypes.default.oneOfType([_propTypes.default.oneOf(["primary", "success", "warning", "danger"]).isRequired, _propTypes.default.any.isRequired]).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
   }).isRequired)
 };

package/lib/components/form/range/range_wrapper.js

@@ -51,6 +51,7 @@ EuiRangeWrapper.propTypes = {
   compressed: _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
 };
 EuiRangeWrapper.displayName = 'EuiRangeWrapper';

package/lib/components/form/select/select.js

@@ -135,6 +135,7 @@ EuiSelect.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   options: _propTypes.default.arrayOf(_propTypes.default.shape({
     text: _propTypes.default.node.isRequired
   }).isRequired),

package/lib/components/form/super_select/super_select.js

@@ -353,6 +353,7 @@ EuiSuperSelect.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   compressed: _propTypes.default.bool,
   fullWidth: _propTypes.default.bool,
   isInvalid: _propTypes.default.bool,

package/lib/components/form/switch/switch.js

@@ -113,6 +113,7 @@ EuiSwitch.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * Whether to render the render the text label
@@ -135,6 +136,7 @@ EuiSwitch.propTypes = {
   labelProps: _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
   })
 };

package/lib/components/form/text_area/text_area.js

@@ -82,6 +82,7 @@ EuiTextArea.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   isInvalid: _propTypes.default.bool,
   fullWidth: _propTypes.default.bool,
   compressed: _propTypes.default.bool,

package/lib/components/form/validatable_control/validatable_control.js

@@ -61,6 +61,7 @@ EuiValidatableControl.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   isInvalid: _propTypes.default.bool,
 
   /**

package/lib/components/header/header.js

@@ -61,11 +61,13 @@ var EuiHeader = function EuiHeader(_ref) {
       // Increment fixed header counter for each fixed header
       euiHeaderFixedCounter++;
       document.body.classList.add('euiBody--headerIsFixed');
+      document.body.dataset.fixedHeaders = String(euiHeaderFixedCounter);
       return function () {
         // Both decrement the fixed counter AND then check if there are none
         if (--euiHeaderFixedCounter === 0) {
           // If there are none, THEN remove class
           document.body.classList.remove('euiBody--headerIsFixed');
+          delete document.body.dataset.fixedHeaders;
         }
       };
     }
@@ -113,6 +115,7 @@ EuiHeader.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * An array of objects to wrap in a #EuiHeaderSection.

package/lib/components/header/header_alert/header_alert.js

@@ -62,6 +62,7 @@ EuiHeaderAlert.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * Adds a link to the alert.

package/lib/components/header/header_breadcrumbs/header_breadcrumbs.js

@@ -53,6 +53,7 @@ EuiHeaderBreadcrumbs.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
      * Hides extra (above the max) breadcrumbs under a collapsed item as the window gets smaller.
@@ -85,6 +86,7 @@ EuiHeaderBreadcrumbs.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,

package/lib/components/header/header_links/header_link.js

@@ -127,6 +127,7 @@ EuiHeaderLink.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
   }),
@@ -134,6 +135,7 @@ EuiHeaderLink.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
      * Simple prop to update color based on active state.

package/lib/components/header/header_links/header_links.js

@@ -131,7 +131,8 @@ var EuiHeaderLinks = function EuiHeaderLinks(_ref) {
       isOpen: mobileMenuIsOpen,
       anchorPosition: "downRight",
       closePopover: closeMenu,
-      panelPaddingSize: "none"
+      panelPaddingSize: "none",
+      repositionOnScroll: true
     }, popoverProps), (0, _react2.jsx)("div", {
       className: (0, _classnames.default)('euiHeaderLinks__mobileList', ["euiHeaderLinks__mobileList".concat(gutterSizeToClassNameMap[gutterSize])])
     }, children))));
@@ -143,6 +144,7 @@ EuiHeaderLinks.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * Spacing between direct children
@@ -309,7 +311,13 @@ EuiHeaderLinks.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/header/header_logo.js

@@ -68,6 +68,7 @@ EuiHeaderLogo.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,
   target: _propTypes.default.string,

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

@@ -51,6 +51,7 @@ EuiHeaderSection.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   side: _propTypes.default.oneOf(["left", "right"]),
   grow: _propTypes.default.bool
 };

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

@@ -47,6 +47,7 @@ EuiHeaderSectionItem.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
      * Side to display a short border on.

package/lib/components/health/health.js

@@ -68,6 +68,7 @@ EuiHealth.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * Sets the color of the dot icon.

package/lib/components/highlight/highlight.js

@@ -138,6 +138,7 @@ EuiHighlight.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * string to highlight as this component's content

package/lib/components/horizontal_rule/horizontal_rule.js

@@ -72,5 +72,6 @@ EuiHorizontalRule.propTypes = {
   margin: _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/icon/icon.js

@@ -338,6 +338,7 @@ EuiIconClass.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * `Enum` is any of the named icons listed in the docs, `string` is usually a URL to an SVG file, and `elementType` is any React SVG component

package/lib/components/image/image.js

@@ -127,6 +127,7 @@ EuiImage.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * Requires either `src` or `url` but defaults to using `src` if both are provided

package/lib/components/index.js

@@ -732,6 +732,19 @@ Object.keys(_page).forEach(function (key) {
   });
 });
 
+var _page_template = require("./page_template");
+
+Object.keys(_page_template).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _page_template[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _page_template[key];
+    }
+  });
+});
+
 var _pagination = require("./pagination");
 
 Object.keys(_pagination).forEach(function (key) {

package/lib/components/key_pad_menu/key_pad_menu.js

@@ -52,6 +52,7 @@ EuiKeyPadMenu.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * Renders the the group as a `fieldset`.

package/lib/components/key_pad_menu/key_pad_menu_item.js

@@ -159,6 +159,7 @@ EuiKeyPadMenuItem.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
      * One will be generated if not provided

package/lib/components/link/link.js

@@ -123,6 +123,7 @@ EuiLink.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   type: _propTypes.default.oneOf(["button", "reset", "submit"]),
 
   /**

package/lib/components/list_group/list_group.js

@@ -122,6 +122,7 @@ EuiListGroup.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * Add a border to the list container
@@ -145,6 +146,7 @@ EuiListGroup.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
 
     /**
          * Size of the label text
@@ -250,6 +252,7 @@ EuiListGroup.propTypes = {
       isLoading: _propTypes.default.bool,
       className: _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
+      css: _propTypes.default.any,
       buttonRef: _propTypes.default.any,
       alwaysShow: _propTypes.default.bool
     }),

package/lib/components/list_group/list_group_item.js

@@ -214,6 +214,7 @@ EuiListGroupItem.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * Size of the label text
@@ -319,6 +320,7 @@ EuiListGroupItem.propTypes = {
     isLoading: _propTypes.default.bool,
     className: _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     buttonRef: _propTypes.default.any,
     alwaysShow: _propTypes.default.bool
   }),

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

@@ -134,6 +134,7 @@ EuiPinnableListGroup.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
 
     /**
          * Size of the label text
@@ -239,6 +240,7 @@ EuiPinnableListGroup.propTypes = {
       isLoading: _propTypes.default.bool,
       className: _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
+      css: _propTypes.default.any,
       buttonRef: _propTypes.default.any,
       alwaysShow: _propTypes.default.bool
     }),
@@ -274,6 +276,7 @@ EuiPinnableListGroup.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
 
     /**
          * Size of the label text
@@ -349,6 +352,7 @@ EuiPinnableListGroup.propTypes = {
       isLoading: _propTypes.default.bool,
       className: _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
+      css: _propTypes.default.any,
       buttonRef: _propTypes.default.any,
       alwaysShow: _propTypes.default.bool
     }),
@@ -393,6 +397,7 @@ EuiPinnableListGroup.propTypes = {
   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]),
+  css: _propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.any]),
 
   /**
        * Add a border to the list container

package/lib/components/loading/loading_chart.js

@@ -76,6 +76,7 @@ EuiLoadingChart.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   size: _propTypes.default.any,
   mono: _propTypes.default.bool
 };

package/lib/components/loading/loading_content.js

@@ -62,5 +62,6 @@ EuiLoadingContent.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   lines: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])
 };

package/lib/components/loading/loading_elastic.js

@@ -59,5 +59,6 @@ EuiLoadingElastic.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/loading/loading_logo.js

@@ -68,6 +68,7 @@ EuiLoadingLogo.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/loading/loading_spinner.js

@@ -58,6 +58,7 @@ EuiLoadingSpinner.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/mark/mark.js

@@ -56,6 +56,7 @@ EuiMark.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * Set to `false` to remove the CSS :before and :after

package/lib/components/markdown_editor/markdown_editor.js

@@ -462,6 +462,7 @@ EuiMarkdownEditor.propTypes = {
   /** aria-label OR aria-labelledby must be set */
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /** aria-label OR aria-labelledby must be set */
   "aria-labelledby": _propTypes.default.string,
@@ -560,6 +561,7 @@ EuiMarkdownEditor.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
 
     /**
          * Determines the text size. Choose `relative` to control the `font-size` based on the value of a parent container.

package/lib/components/markdown_editor/markdown_editor_text_area.js

@@ -70,6 +70,7 @@ EuiMarkdownEditorTextArea.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   isInvalid: _propTypes.default.bool,
   fullWidth: _propTypes.default.bool,
   compressed: _propTypes.default.bool,

package/lib/components/markdown_editor/markdown_editor_toolbar.js

@@ -214,6 +214,7 @@ EuiMarkdownEditorToolbar.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   selectedNode: _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.any.isRequired]),
   markdownActions: _propTypes.default.any.isRequired,
   viewMode: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.any.isRequired]).isRequired,

package/lib/components/markdown_editor/markdown_format.js

@@ -81,6 +81,7 @@ EuiMarkdownFormat.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   children: _propTypes.default.string.isRequired,
 
   /** array of unified plugins to parse content into an AST */