@elastic/eui 67.1.1 → 67.1.2

package/es/components/avatar/avatar.js

@@ -14,6 +14,10 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -66,7 +70,9 @@ export var EuiAvatar = function EuiAvatar(_ref) {
   var classes = classNames('euiAvatar', (_classNames = {}, _defineProperty(_classNames, "euiAvatar--".concat(size), size), _defineProperty(_classNames, "euiAvatar--".concat(type), type), _defineProperty(_classNames, 'euiAvatar-isDisabled', isDisabled), _classNames), className);
   var cssStyles = [styles.euiAvatar, styles[size], styles[type], isPlain && styles.plain, isSubdued && styles.subdued, isDisabled && styles.isDisabled];
   checkValidInitials(initials);
-  var avatarStyle = style || {};
+
+  var avatarStyle = _objectSpread({}, style);
+
   var iconCustomColor = iconColor;
   var isNamedColor = color === 'plain' || color === 'subdued' || color === null;
 

package/es/components/button/button_display/_button_display_content.js

@@ -69,9 +69,9 @@ export var EuiButtonDisplayContent = function EuiButtonDisplayContent(_ref) {
   }
 
   var isText = typeof children === 'string';
-  return ___EmotionJSX("span", _extends({}, contentProps, {
+  return ___EmotionJSX("span", _extends({
     css: cssStyles
-  }), icon, isText ? ___EmotionJSX("span", _extends({}, textProps, {
+  }, contentProps), icon, isText ? ___EmotionJSX("span", _extends({}, textProps, {
     className: classNames('eui-textTruncate', textProps === null || textProps === void 0 ? void 0 : textProps.className)
   }), children) : children);
 };

package/es/components/flyout/flyout.js

@@ -229,13 +229,14 @@ export var EuiFlyout = /*#__PURE__*/forwardRef(function (_ref, ref) {
     disabled: isPushed,
     clickOutsideDisables: !ownFocus,
     onClickOutside: onClickOutside
-  }, focusTrapProps), ___EmotionJSX(Element, _extends({}, rest, {
+  }, focusTrapProps), ___EmotionJSX(Element, _extends({
+    css: cssStyles
+  }, rest, {
     role: role,
     className: classes,
     tabIndex: -1,
     style: newStyle,
-    ref: setRef,
-    css: cssStyles
+    ref: setRef
   }), closeButton, children)); // If ownFocus is set, wrap with an overlay and allow the user to click it to close it.
 
 

package/es/components/notification/notification_event.js

@@ -47,9 +47,8 @@ export var EuiNotificationEvent = function EuiNotificationEvent(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var classes = classNames('euiNotificationEvent', {
-    'euiNotificationEvent--withReadState': typeof isRead === 'boolean',
-    className: className
-  });
+    'euiNotificationEvent--withReadState': typeof isRead === 'boolean'
+  }, className);
   var classesTitle = classNames('euiNotificationEvent__title', {
     'euiNotificationEvent__title--isRead': isRead
   });

package/lib/components/avatar/avatar.js

@@ -39,6 +39,10 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -79,7 +83,9 @@ var EuiAvatar = function EuiAvatar(_ref) {
   var classes = (0, _classnames.default)('euiAvatar', (_classNames = {}, _defineProperty(_classNames, "euiAvatar--".concat(size), size), _defineProperty(_classNames, "euiAvatar--".concat(type), type), _defineProperty(_classNames, 'euiAvatar-isDisabled', isDisabled), _classNames), className);
   var cssStyles = [styles.euiAvatar, styles[size], styles[type], isPlain && styles.plain, isSubdued && styles.subdued, isDisabled && styles.isDisabled];
   checkValidInitials(initials);
-  var avatarStyle = style || {};
+
+  var avatarStyle = _objectSpread({}, style);
+
   var iconCustomColor = iconColor;
   var isNamedColor = color === 'plain' || color === 'subdued' || color === null;
 

package/lib/components/button/button_display/_button_display_content.js

@@ -82,9 +82,9 @@ var EuiButtonDisplayContent = function EuiButtonDisplayContent(_ref) {
   }
 
   var isText = typeof children === 'string';
-  return (0, _react2.jsx)("span", _extends({}, contentProps, {
+  return (0, _react2.jsx)("span", _extends({
     css: cssStyles
-  }), icon, isText ? (0, _react2.jsx)("span", _extends({}, textProps, {
+  }, contentProps), icon, isText ? (0, _react2.jsx)("span", _extends({}, textProps, {
     className: (0, _classnames.default)('eui-textTruncate', textProps === null || textProps === void 0 ? void 0 : textProps.className)
   }), children) : children);
 };

package/lib/components/flyout/flyout.js

@@ -253,13 +253,14 @@ var EuiFlyout = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     disabled: isPushed,
     clickOutsideDisables: !ownFocus,
     onClickOutside: onClickOutside
-  }, focusTrapProps), (0, _react2.jsx)(Element, _extends({}, rest, {
+  }, focusTrapProps), (0, _react2.jsx)(Element, _extends({
+    css: cssStyles
+  }, rest, {
     role: role,
     className: classes,
     tabIndex: -1,
     style: newStyle,
-    ref: setRef,
-    css: cssStyles
+    ref: setRef
   }), closeButton, children)); // If ownFocus is set, wrap with an overlay and allow the user to click it to close it.
 
   var mergedMaskProps = _objectSpread(_objectSpread({}, maskProps), {}, {

package/lib/components/notification/notification_event.js

@@ -66,9 +66,8 @@ var EuiNotificationEvent = function EuiNotificationEvent(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var classes = (0, _classnames.default)('euiNotificationEvent', {
-    'euiNotificationEvent--withReadState': typeof isRead === 'boolean',
-    className: className
-  });
+    'euiNotificationEvent--withReadState': typeof isRead === 'boolean'
+  }, className);
   var classesTitle = (0, _classnames.default)('euiNotificationEvent__title', {
     'euiNotificationEvent__title--isRead': isRead
   });

package/optimize/es/components/avatar/avatar.js

@@ -4,6 +4,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "color", "imageUrl", "initials", "initialsLength", "iconType", "iconSize", "iconColor", "name", "size", "type", "isDisabled", "style"];
 
+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; }
+
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -49,7 +53,9 @@ export var EuiAvatar = function EuiAvatar(_ref) {
   var classes = classNames('euiAvatar', (_classNames = {}, _defineProperty(_classNames, "euiAvatar--".concat(size), size), _defineProperty(_classNames, "euiAvatar--".concat(type), type), _defineProperty(_classNames, 'euiAvatar-isDisabled', isDisabled), _classNames), className);
   var cssStyles = [styles.euiAvatar, styles[size], styles[type], isPlain && styles.plain, isSubdued && styles.subdued, isDisabled && styles.isDisabled];
   checkValidInitials(initials);
-  var avatarStyle = style || {};
+
+  var avatarStyle = _objectSpread({}, style);
+
   var iconCustomColor = iconColor;
   var isNamedColor = color === 'plain' || color === 'subdued' || color === null;
 

package/optimize/es/components/button/button_display/_button_display_content.js

@@ -64,9 +64,9 @@ export var EuiButtonDisplayContent = function EuiButtonDisplayContent(_ref) {
   }
 
   var isText = typeof children === 'string';
-  return ___EmotionJSX("span", _extends({}, contentProps, {
+  return ___EmotionJSX("span", _extends({
     css: cssStyles
-  }), icon, isText ? ___EmotionJSX("span", _extends({}, textProps, {
+  }, contentProps), icon, isText ? ___EmotionJSX("span", _extends({}, textProps, {
     className: classNames('eui-textTruncate', textProps === null || textProps === void 0 ? void 0 : textProps.className)
   }), children) : children);
 };

package/optimize/es/components/flyout/flyout.js

@@ -213,13 +213,14 @@ export var EuiFlyout = /*#__PURE__*/forwardRef(function (_ref, ref) {
     disabled: isPushed,
     clickOutsideDisables: !ownFocus,
     onClickOutside: onClickOutside
-  }, focusTrapProps), ___EmotionJSX(Element, _extends({}, rest, {
+  }, focusTrapProps), ___EmotionJSX(Element, _extends({
+    css: cssStyles
+  }, rest, {
     role: role,
     className: classes,
     tabIndex: -1,
     style: newStyle,
-    ref: setRef,
-    css: cssStyles
+    ref: setRef
   }), closeButton, children)); // If ownFocus is set, wrap with an overlay and allow the user to click it to close it.
 
 

package/optimize/es/components/notification/notification_event.js

@@ -42,9 +42,8 @@ export var EuiNotificationEvent = function EuiNotificationEvent(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var classes = classNames('euiNotificationEvent', {
-    'euiNotificationEvent--withReadState': typeof isRead === 'boolean',
-    className: className
-  });
+    'euiNotificationEvent--withReadState': typeof isRead === 'boolean'
+  }, className);
   var classesTitle = classNames('euiNotificationEvent__title', {
     'euiNotificationEvent__title--isRead': isRead
   });

package/optimize/lib/components/avatar/avatar.js

@@ -30,6 +30,11 @@ var _avatar = require("./avatar.styles");
 var _react2 = require("@emotion/react");
 
 var _excluded = ["className", "color", "imageUrl", "initials", "initialsLength", "iconType", "iconSize", "iconColor", "name", "size", "type", "isDisabled", "style"];
+
+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) { (0, _defineProperty2.default)(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; }
+
 var SIZES = ['s', 'm', 'l', 'xl'];
 exports.SIZES = SIZES;
 var TYPES = ['space', 'user'];
@@ -63,7 +68,9 @@ var EuiAvatar = function EuiAvatar(_ref) {
   var classes = (0, _classnames.default)('euiAvatar', (_classNames = {}, (0, _defineProperty2.default)(_classNames, "euiAvatar--".concat(size), size), (0, _defineProperty2.default)(_classNames, "euiAvatar--".concat(type), type), (0, _defineProperty2.default)(_classNames, 'euiAvatar-isDisabled', isDisabled), _classNames), className);
   var cssStyles = [styles.euiAvatar, styles[size], styles[type], isPlain && styles.plain, isSubdued && styles.subdued, isDisabled && styles.isDisabled];
   checkValidInitials(initials);
-  var avatarStyle = style || {};
+
+  var avatarStyle = _objectSpread({}, style);
+
   var iconCustomColor = iconColor;
   var isNamedColor = color === 'plain' || color === 'subdued' || color === null;
 

package/optimize/lib/components/button/button_display/_button_display_content.js

@@ -76,9 +76,9 @@ var EuiButtonDisplayContent = function EuiButtonDisplayContent(_ref) {
   }
 
   var isText = typeof children === 'string';
-  return (0, _react2.jsx)("span", (0, _extends2.default)({}, contentProps, {
+  return (0, _react2.jsx)("span", (0, _extends2.default)({
     css: cssStyles
-  }), icon, isText ? (0, _react2.jsx)("span", (0, _extends2.default)({}, textProps, {
+  }, contentProps), icon, isText ? (0, _react2.jsx)("span", (0, _extends2.default)({}, textProps, {
     className: (0, _classnames.default)('eui-textTruncate', textProps === null || textProps === void 0 ? void 0 : textProps.className)
   }), children) : children);
 };

package/optimize/lib/components/flyout/flyout.js

@@ -240,13 +240,14 @@ var EuiFlyout = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     disabled: isPushed,
     clickOutsideDisables: !ownFocus,
     onClickOutside: onClickOutside
-  }, focusTrapProps), (0, _react2.jsx)(Element, (0, _extends2.default)({}, rest, {
+  }, focusTrapProps), (0, _react2.jsx)(Element, (0, _extends2.default)({
+    css: cssStyles
+  }, rest, {
     role: role,
     className: classes,
     tabIndex: -1,
     style: newStyle,
-    ref: setRef,
-    css: cssStyles
+    ref: setRef
   }), closeButton, children)); // If ownFocus is set, wrap with an overlay and allow the user to click it to close it.
 
   var mergedMaskProps = _objectSpread(_objectSpread({}, maskProps), {}, {

package/optimize/lib/components/notification/notification_event.js

@@ -61,9 +61,8 @@ var EuiNotificationEvent = function EuiNotificationEvent(_ref) {
       className = _ref.className,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var classes = (0, _classnames.default)('euiNotificationEvent', {
-    'euiNotificationEvent--withReadState': typeof isRead === 'boolean',
-    className: className
-  });
+    'euiNotificationEvent--withReadState': typeof isRead === 'boolean'
+  }, className);
   var classesTitle = (0, _classnames.default)('euiNotificationEvent__title', {
     'euiNotificationEvent__title--isRead': isRead
   });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "67.1.1",
+  "version": "67.1.2",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "lib",
   "module": "es",

package/test-env/components/avatar/avatar.js

@@ -32,6 +32,11 @@ var _avatar = require("./avatar.styles");
 var _react2 = require("@emotion/react");
 
 var _excluded = ["className", "color", "imageUrl", "initials", "initialsLength", "iconType", "iconSize", "iconColor", "name", "size", "type", "isDisabled", "style"];
+
+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) { (0, _defineProperty2.default)(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; }
+
 var SIZES = ['s', 'm', 'l', 'xl'];
 exports.SIZES = SIZES;
 var TYPES = ['space', 'user'];
@@ -65,7 +70,9 @@ var EuiAvatar = function EuiAvatar(_ref) {
   var classes = (0, _classnames.default)('euiAvatar', (_classNames = {}, (0, _defineProperty2.default)(_classNames, "euiAvatar--".concat(size), size), (0, _defineProperty2.default)(_classNames, "euiAvatar--".concat(type), type), (0, _defineProperty2.default)(_classNames, 'euiAvatar-isDisabled', isDisabled), _classNames), className);
   var cssStyles = [styles.euiAvatar, styles[size], styles[type], isPlain && styles.plain, isSubdued && styles.subdued, isDisabled && styles.isDisabled];
   checkValidInitials(initials);
-  var avatarStyle = style || {};
+
+  var avatarStyle = _objectSpread({}, style);
+
   var iconCustomColor = iconColor;
   var isNamedColor = color === 'plain' || color === 'subdued' || color === null;
 

package/test-env/components/button/button_display/_button_display_content.js

@@ -78,9 +78,9 @@ var EuiButtonDisplayContent = function EuiButtonDisplayContent(_ref) {
   }
 
   var isText = typeof children === 'string';
-  return (0, _react2.jsx)("span", (0, _extends2.default)({}, contentProps, {
+  return (0, _react2.jsx)("span", (0, _extends2.default)({
     css: cssStyles
-  }), icon, isText ? (0, _react2.jsx)("span", (0, _extends2.default)({}, textProps, {
+  }, contentProps), icon, isText ? (0, _react2.jsx)("span", (0, _extends2.default)({}, textProps, {
     className: (0, _classnames.default)('eui-textTruncate', textProps === null || textProps === void 0 ? void 0 : textProps.className)
   }), children) : children);
 };

package/test-env/components/notification/notification_event.js

@@ -63,9 +63,8 @@ var EuiNotificationEvent = function EuiNotificationEvent(_ref) {
       className = _ref.className,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var classes = (0, _classnames.default)('euiNotificationEvent', {
-    'euiNotificationEvent--withReadState': typeof isRead === 'boolean',
-    className: className
-  });
+    'euiNotificationEvent--withReadState': typeof isRead === 'boolean'
+  }, className);
   var classesTitle = (0, _classnames.default)('euiNotificationEvent__title', {
     'euiNotificationEvent__title--isRead': isRead
   });