@elastic/eui 63.0.3 → 65.0.0

package/lib/components/card/card_select/card_select.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiCardSelect = void 0;
+exports.euiCardSelectableColor = euiCardSelectableColor;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _i18n = require("../../i18n");
+
+var _button = require("../../button/button");
+
+var _card_select = require("./card_select.styles");
+
+var _react2 = require("@emotion/react");
+
+var _excluded = ["isSelected", "isDisabled", "disabled", "color", "children"];
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var EuiCardSelect = function EuiCardSelect(_ref) {
+  var _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      isDisabled = _ref.isDisabled,
+      disabled = _ref.disabled,
+      color = _ref.color,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var styles = (0, _card_select.euiCardSelectStyles)();
+  var baseCSS = [styles.euiCardSelect];
+  var child = euiCardSelectableText(isSelected, isDisabled || disabled, children);
+  return (0, _react2.jsx)(_button.EuiButton, _extends({
+    css: baseCSS,
+    color: euiCardSelectableColor(color, isSelected),
+    size: "m",
+    isDisabled: isDisabled || disabled,
+    iconType: isSelected ? 'check' : undefined,
+    role: "switch",
+    "aria-checked": isSelected,
+    fullWidth: true
+  }, rest), child);
+};
+
+exports.EuiCardSelect = EuiCardSelect;
+EuiCardSelect.propTypes = {
+  href: _propTypes.default.string,
+  onClick: _propTypes.default.func,
+  children: _propTypes.default.node,
+
+  /**
+     * Make button a solid color for prominence
+     */
+
+  /**
+     * Make button a solid color for prominence
+     */
+  fill: _propTypes.default.bool,
+
+  /**
+     * Any of the named color palette options.
+     * **`'ghost'` is set for deprecation. Use EuiThemeProvide.colorMode = 'dark' instead.**
+     */
+
+  /**
+     * Any of the named color palette options.
+     * **`'ghost'` is set for deprecation. Use EuiThemeProvide.colorMode = 'dark' instead.**
+     */
+  color: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.oneOf(["ghost"])]),
+
+  /**
+     * Use size `s` in confined spaces
+     */
+
+  /**
+     * Use size `s` in confined spaces
+     */
+  size: _propTypes.default.any,
+
+  /**
+     * `disabled` is also allowed
+     */
+
+  /**
+     * `disabled` is also allowed
+     */
+  isDisabled: _propTypes.default.bool,
+  className: _propTypes.default.string,
+  "aria-label": _propTypes.default.string,
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
+  buttonRef: _propTypes.default.any
+};
+
+function euiCardSelectableText(isSelected, isDisabled, children) {
+  if (children) {
+    return children;
+  }
+
+  var text;
+
+  if (isSelected) {
+    text = (0, _react2.jsx)(_i18n.EuiI18n, {
+      token: "euiCardSelect.selected",
+      default: "Selected"
+    });
+  } else if (isDisabled) {
+    text = (0, _react2.jsx)(_i18n.EuiI18n, {
+      token: "euiCardSelect.unavailable",
+      default: "Unavailable"
+    });
+  } else {
+    text = (0, _react2.jsx)(_i18n.EuiI18n, {
+      token: "euiCardSelect.select",
+      default: "Select"
+    });
+  }
+
+  return text;
+}
+
+function euiCardSelectableColor(color, isSelected) {
+  var calculatedColor;
+
+  if (color) {
+    calculatedColor = color;
+  } else if (isSelected) {
+    calculatedColor = 'success';
+  } else {
+    calculatedColor = 'text';
+  }
+
+  return calculatedColor;
+}

package/lib/components/card/card_select/card_select.styles.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiCardSelectStyles = void 0;
+
+var _react = require("@emotion/react");
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "g3lgnd-euiCardSelect",
+  styles: "transform:none!important;label:euiCardSelect;"
+} : {
+  name: "g3lgnd-euiCardSelect",
+  styles: "transform:none!important;label:euiCardSelect;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var euiCardSelectStyles = function euiCardSelectStyles() {
+  return {
+    euiCardSelect: _ref
+  };
+};
+
+exports.euiCardSelectStyles = euiCardSelectStyles;

package/lib/components/card/card_select/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EuiCardSelect", {
+  enumerable: true,
+  get: function get() {
+    return _card_select.EuiCardSelect;
+  }
+});
+Object.defineProperty(exports, "euiCardSelectableColor", {
+  enumerable: true,
+  get: function get() {
+    return _card_select.euiCardSelectableColor;
+  }
+});
+
+var _card_select = require("./card_select");

package/lib/components/card/checkable_card/checkable_card.js

@@ -17,6 +17,10 @@ var _form = require("../../form");
 
 var _panel = require("../../panel");
 
+var _services = require("../../../services");
+
+var _checkable_card = require("./checkable_card.styles");
+
 var _react2 = require("@emotion/react");
 
 var _excluded = ["children", "className", "checkableType", "label", "checked", "disabled", "hasShadow", "hasBorder"];
@@ -46,12 +50,14 @@ var EuiCheckableCard = function EuiCheckableCard(_ref) {
       hasBorder = _ref$hasBorder === void 0 ? true : _ref$hasBorder,
       rest = _objectWithoutProperties(_ref, _excluded);
 
+  var euiThemeContext = (0, _services.useEuiTheme)();
+  var styles = (0, _checkable_card.euiCheckableCardStyles)(euiThemeContext);
+  var baseStyles = [styles.euiCheckableCard, checked && !disabled && styles.isChecked];
+  var labelStyles = [styles.label.euiCheckableCard__label, disabled && styles.label.isDisabled];
+  var childStyles = [styles.euiCheckableCard__children];
   var id = rest.id;
   var labelEl = (0, _react.useRef)(null);
-  var classes = (0, _classnames.default)('euiCheckableCard', {
-    'euiCheckableCard-isChecked': checked,
-    'euiCheckableCard-isDisabled': disabled
-  }, className);
+  var classes = (0, _classnames.default)('euiCheckableCard', className);
   var checkableElement;
 
   if (checkableType === 'radio') {
@@ -66,9 +72,7 @@ var EuiCheckableCard = function EuiCheckableCard(_ref) {
     }, rest));
   }
 
-  var labelClasses = (0, _classnames.default)('euiCheckableCard__label', {
-    'euiCheckableCard__label-isDisabled': disabled
-  });
+  var labelClasses = (0, _classnames.default)('euiCheckableCard__label');
 
   var onChangeAffordance = function onChangeAffordance() {
     if (labelEl.current) {
@@ -81,7 +85,8 @@ var EuiCheckableCard = function EuiCheckableCard(_ref) {
     hasShadow: hasShadow,
     hasBorder: hasBorder,
     direction: "row",
-    className: classes
+    className: classes,
+    css: baseStyles
   }, (0, _react2.jsx)(_panel.EuiSplitPanel.Inner, {
     // Bubbles up the change event when clicking on the whole div for extra affordance
     onClick: disabled ? undefined : onChangeAffordance,
@@ -90,11 +95,13 @@ var EuiCheckableCard = function EuiCheckableCard(_ref) {
   }, checkableElement), (0, _react2.jsx)(_panel.EuiSplitPanel.Inner, null, (0, _react2.jsx)("label", {
     ref: labelEl,
     className: labelClasses,
+    css: labelStyles,
     htmlFor: id,
     "aria-describedby": children ? "".concat(id, "-details") : undefined
   }, label), children && (0, _react2.jsx)("div", {
     id: "".concat(id, "-details"),
-    className: "euiCheckableCard__children"
+    className: "euiCheckableCard__children",
+    css: childStyles
   }, children)));
 };
 

package/lib/components/card/checkable_card/checkable_card.styles.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiCheckableCardStyles = void 0;
+
+var _react = require("@emotion/react");
+
+var _global_styling = require("../../../global_styling");
+
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+var euiCheckableCardStyles = function euiCheckableCardStyles(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  var padding = (0, _global_styling.euiPaddingSize)(euiThemeContext, 'm');
+  return {
+    euiCheckableCard: /*#__PURE__*/(0, _react.css)(_global_styling.euiCanAnimate, "{transition:border-color ", euiTheme.animation.normal, " ease-in;};label:euiCheckableCard;"),
+    isChecked: /*#__PURE__*/(0, _react.css)("border-color:", euiTheme.colors.primary, ";;label:isChecked;"),
+    label: {
+      euiCheckableCard__label: /*#__PURE__*/(0, _react.css)("cursor:pointer;display:block;", _global_styling.logicals.width, ":calc(100% + (", padding, " * 2));padding:", padding, ";margin:-", padding, ";;label:euiCheckableCard__label;"),
+      isDisabled: /*#__PURE__*/(0, _react.css)("color:", euiTheme.colors.disabledText, ";cursor:not-allowed;;label:isDisabled;")
+    },
+    euiCheckableCard__children: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('margin-top', euiTheme.size.base), ";;label:euiCheckableCard__children;")
+  };
+};
+
+exports.euiCheckableCardStyles = euiCheckableCardStyles;

package/lib/components/code/code.js

@@ -69,6 +69,7 @@ EuiCode.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * Sets the syntax highlighting for a specific language

package/lib/components/code/code_block.js

@@ -258,6 +258,7 @@ EuiCodeBlock.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * Sets the syntax highlighting for a specific language

package/lib/components/collapsible_nav/collapsible_nav.js

@@ -29,14 +29,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _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; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -102,43 +94,9 @@ var EuiCollapsibleNav = function EuiCollapsibleNav(_ref) {
   var focusTrapProps = _objectSpread(_objectSpread({}, _focusTrapProps), {}, {
     shards: [buttonRef].concat(_toConsumableArray(_focusTrapProps.shards || []))
   });
-  /**
-   * Setting the initial state of pushed based on the `type` prop
-   * and if the current window size is large enough (larger than `pushBreakpoint`)
-   */
-
-
-  var _useState = (0, _react.useState)((0, _services.isWithinMinBreakpoint)(typeof window === 'undefined' ? 0 : window.innerWidth, dockedBreakpoint)),
-      _useState2 = _slicedToArray(_useState, 2),
-      windowIsLargeEnoughToPush = _useState2[0],
-      setWindowIsLargeEnoughToPush = _useState2[1];
 
+  var windowIsLargeEnoughToPush = (0, _services.useIsWithinMinBreakpoint)(dockedBreakpoint);
   var navIsDocked = isDocked && windowIsLargeEnoughToPush;
-  /**
-   * Watcher added to the window to maintain `isPushed` state depending on
-   * the window size compared to the `pushBreakpoint`
-   */
-
-  var functionToCallOnWindowResize = (0, _services.throttle)(function () {
-    if ((0, _services.isWithinMinBreakpoint)(window.innerWidth, dockedBreakpoint)) {
-      setWindowIsLargeEnoughToPush(true);
-    } else {
-      setWindowIsLargeEnoughToPush(false);
-    } // reacts every 50ms to resize changes and always gets the final update
-
-  }, 50);
-  (0, _react.useEffect)(function () {
-    if (isDocked) {
-      // Only add the event listener if we'll need to accommodate with padding
-      window.addEventListener('resize', functionToCallOnWindowResize);
-    }
-
-    return function () {
-      if (isDocked) {
-        window.removeEventListener('resize', functionToCallOnWindowResize);
-      }
-    };
-  }, [isDocked, functionToCallOnWindowResize]);
   var classes = (0, _classnames.default)('euiCollapsibleNav', className); // Show a trigger button if one was passed but
   // not if navIsDocked and showButtonIfDocked is false
 
@@ -182,6 +140,7 @@ EuiCollapsibleNav.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
      * Sets the HTML element for `EuiFlyout`
@@ -238,6 +197,7 @@ EuiCollapsibleNav.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
@@ -279,9 +239,9 @@ EuiCollapsibleNav.propTypes = {
   role: _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.string.isRequired]),
 
   /**
-     * Named breakpoint or pixel value for customizing the minimum window width to enable docking
+     * Named breakpoint (`xs` through `xl`) for customizing the minimum window width to enable docking
      */
-  pushMinBreakpoint: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.number.isRequired]),
+  pushMinBreakpoint: _propTypes.default.any,
   style: _propTypes.default.any,
 
   /**
@@ -305,7 +265,7 @@ EuiCollapsibleNav.propTypes = {
      * Keeps navigation flyout visible and push `<body>` content via padding
      */
   isDocked: _propTypes.default.bool,
-  dockedBreakpoint: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.number.isRequired]),
+  dockedBreakpoint: _propTypes.default.any,
 
   /**
      * Button for controlling visible state of the nav

package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js

@@ -143,6 +143,7 @@ EuiCollapsibleNavGroup.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
 
     /**
          * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.
@@ -211,6 +212,7 @@ EuiCollapsibleNavGroup.propTypes = {
   className: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
   "aria-label": _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
   "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
+  css: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.any]), _propTypes.default.any]),
 
   /**
        * Applied to the entire .euiAccordion wrapper.
@@ -229,7 +231,8 @@ EuiCollapsibleNavGroup.propTypes = {
   buttonProps: _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
   }),
 
   /**
@@ -293,6 +296,11 @@ EuiCollapsibleNavGroup.propTypes = {
        */
   isLoadingMessage: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.node.isRequired]),
 
+  /**
+       * Disable the open/close interaction and visually subdues the trigger
+       */
+  isDisabled: _propTypes.default.bool,
+
   /**
      * If `true`, wraps children in the body of an accordion,
      * requiring the prop `title` to be used as the button.

package/lib/components/color_picker/color_palette_display/color_palette_display.js

@@ -75,6 +75,7 @@ EuiColorPaletteDisplay.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
      * Array of color `strings` or an array of #ColorStop. The stops must be numbers in an ordered range.

package/lib/components/color_picker/color_palette_display/color_palette_display_fixed.js

@@ -51,6 +51,7 @@ EuiColorPaletteDisplayFixed.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
      * Array of color `strings` or an array of #ColorStop. The stops must be numbers in an ordered range.

package/lib/components/color_picker/color_palette_display/color_palette_display_gradient.js

@@ -54,6 +54,7 @@ EuiColorPaletteDisplayGradient.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
      * Array of color `strings` or an array of #ColorStop. The stops must be numbers in an ordered range.

package/lib/components/color_picker/color_palette_picker/color_palette_picker.js

@@ -106,6 +106,7 @@ EuiColorPalettePicker.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,
@@ -193,7 +194,8 @@ EuiColorPalettePicker.propTypes = {
     }).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, _propTypes.default.shape({
     /**
        *  For storing unique value of item
@@ -219,7 +221,8 @@ EuiColorPalettePicker.propTypes = {
     }).isRequired).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, _propTypes.default.shape({
     /**
        *  For storing unique value of item
@@ -245,6 +248,7 @@ EuiColorPalettePicker.propTypes = {
     }).isRequired).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]).isRequired).isRequired
 };

package/lib/components/color_picker/color_picker.js

@@ -638,6 +638,7 @@ EuiColorPicker.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
      * hex (string)

package/lib/components/color_picker/color_picker_swatch.js

@@ -70,6 +70,7 @@ EuiColorPickerSwatch.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   color: _propTypes.default.string
 };
 EuiColorPickerSwatch.displayName = 'EuiColorPickerSwatch';

package/lib/components/color_picker/color_stops/color_stop_thumb.js

@@ -409,6 +409,7 @@ EuiColorStopThumb.propTypes = {
   valueInputProps: _propTypes.default.any,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   stop: _propTypes.default.number.isRequired,
   color: _propTypes.default.string.isRequired
 };

package/lib/components/color_picker/color_stops/color_stops.js

@@ -555,5 +555,6 @@ EuiColorStops.propTypes = {
      */
   valueInputProps: _propTypes.default.any,
   "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };

package/lib/components/color_picker/hue.js

@@ -69,6 +69,7 @@ EuiHue.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   hex: _propTypes.default.string,
   hue: _propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.number.isRequired]),
   onChange: _propTypes.default.func.isRequired

package/lib/components/color_picker/saturation.js

@@ -230,6 +230,7 @@ EuiSaturation.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   color: _propTypes.default.any,
   onChange: _propTypes.default.func.isRequired,
   hex: _propTypes.default.string

package/lib/components/combo_box/combo_box.js

@@ -1064,5 +1064,6 @@ EuiComboBox.propTypes = {
      * Reference ID of a text element containing the visible label for the combo box when not
      * supplied by `aria-label` or from [EuiFormRow](/#/forms/form-layouts).
      */
-  "aria-labelledby": _propTypes.default.string
+  "aria-labelledby": _propTypes.default.string,
+  css: _propTypes.default.any
 };

package/lib/components/combo_box/combo_box_input/combo_box_input.js

@@ -322,12 +322,14 @@ EuiComboBoxInput.propTypes = {
       value: _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
     }).isRequired),
     value: _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
   }).isRequired),
   singleSelection: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.shape({
     asPlainText: _propTypes.default.bool
@@ -342,5 +344,6 @@ EuiComboBoxInput.propTypes = {
   "aria-label": _propTypes.default.string,
   "aria-labelledby": _propTypes.default.string,
   className: _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };

package/lib/components/combo_box/combo_box_input/combo_box_pill.js

@@ -171,13 +171,16 @@ EuiComboBoxPill.propTypes = {
       value: _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
     }).isRequired),
     value: _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
   }).isRequired,
   "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };

package/lib/components/combo_box/combo_box_options_list/combo_box_option.js

@@ -158,14 +158,17 @@ EuiComboBoxOption.propTypes = {
       value: _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
     }).isRequired),
     value: _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
   }).isRequired,
   optionRef: _propTypes.default.any,
   "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };