@elastic/eui 84.0.0 → 85.0.0

package/test-env/services/theme/index.js

@@ -84,7 +84,7 @@ Object.defineProperty(exports, "getComputed", {
 Object.defineProperty(exports, "getEuiDevProviderWarning", {
   enumerable: true,
   get: function get() {
-    return _provider.getEuiDevProviderWarning;
+    return _warning.getEuiDevProviderWarning;
   }
 });
 Object.defineProperty(exports, "getOn", {
@@ -108,7 +108,7 @@ Object.defineProperty(exports, "mergeDeep", {
 Object.defineProperty(exports, "setEuiDevProviderWarning", {
   enumerable: true,
   get: function get() {
-    return _provider.setEuiDevProviderWarning;
+    return _warning.setEuiDevProviderWarning;
   }
 });
 Object.defineProperty(exports, "setOn", {
@@ -132,5 +132,6 @@ Object.defineProperty(exports, "withEuiTheme", {
 var _context = require("./context");
 var _hooks = require("./hooks");
 var _provider = require("./provider");
+var _warning = require("./warning");
 var _utils = require("./utils");
 var _types = require("./types");

package/test-env/services/theme/provider.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setEuiDevProviderWarning = exports.getEuiDevProviderWarning = exports.EuiThemeProvider = void 0;
+exports.EuiThemeProvider = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -15,6 +15,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _css = require("@emotion/css");
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _context = require("./context");
+var _emotion = require("./emotion");
 var _utils = require("./utils");
 var _react2 = require("@emotion/react");
 var _excluded = ["cloneElement", "className"];
@@ -28,15 +29,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           * in compliance with, at your election, the Elastic License 2.0 or the Server
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           * Side Public License, v 1.
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           */
-var providerWarning = undefined;
-var setEuiDevProviderWarning = function setEuiDevProviderWarning(level) {
-  return providerWarning = level;
-};
-exports.setEuiDevProviderWarning = setEuiDevProviderWarning;
-var getEuiDevProviderWarning = function getEuiDevProviderWarning() {
-  return providerWarning;
-};
-exports.getEuiDevProviderWarning = getEuiDevProviderWarning;
 var EuiThemeProvider = function EuiThemeProvider(_ref) {
   var _system = _ref.theme,
     _colorMode = _ref.colorMode,
@@ -141,6 +133,6 @@ var EuiThemeProvider = function EuiThemeProvider(_ref) {
     value: theme
   }, (0, _react2.jsx)(_context.EuiNestedThemeContext.Provider, {
     value: nestedThemeContext
-  }, renderedChildren)))));
+  }, (0, _react2.jsx)(_emotion.EuiEmotionThemeProvider, null, renderedChildren))))));
 };
 exports.EuiThemeProvider = EuiThemeProvider;

package/test-env/services/theme/warning.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setEuiDevProviderWarning = exports.getEuiDevProviderWarning = exports.emitEuiProviderWarning = void 0;
+/*
+ * 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 providerWarning = undefined;
+var setEuiDevProviderWarning = function setEuiDevProviderWarning(level) {
+  return providerWarning = level;
+};
+exports.setEuiDevProviderWarning = setEuiDevProviderWarning;
+var getEuiDevProviderWarning = function getEuiDevProviderWarning() {
+  return providerWarning;
+};
+
+// Not a public top-level EUI export, currently for internal use
+exports.getEuiDevProviderWarning = getEuiDevProviderWarning;
+var emitEuiProviderWarning = function emitEuiProviderWarning(providerMessage) {
+  switch (providerWarning) {
+    case 'log':
+      console.log(providerMessage);
+      break;
+    case 'warn':
+      console.warn(providerMessage);
+      break;
+    case 'error':
+      throw new Error(providerMessage);
+    case undefined:
+    default:
+      break;
+  }
+};
+exports.emitEuiProviderWarning = emitEuiProviderWarning;

package/src/components/filter_group/_filter_button.scss

@@ -1,61 +0,0 @@
-.euiFilterButton {
-  background-color: $euiFormBackgroundColor;
-  height: $euiFormControlHeight;
-  width: auto;
-  border: 1px solid $euiFormBorderColor;
-  border-right: none;
-  font-size: $euiFontSizeS;
-
-  &:disabled {
-    color: $euiButtonColorDisabledText;
-    pointer-events: none;
-
-    .euiFilterButton__notification {
-      opacity: .5;
-    }
-  }
-
-  &:hover:not(:disabled),
-  &:focus:not(:disabled) {
-    // Remove underline from whole button so notifications don't get the underline
-    text-decoration: none;
-
-    .euiFilterButton__textShift {
-      // Add put it only on the actual text part
-      text-decoration: underline;
-    }
-  }
-}
-
-.euiFilterButton-hasActiveFilters {
-  font-weight: $euiFontWeightBold;
-}
-
-.euiFilterButton--hasIcon .euiButtonEmpty__content {
-  justify-content: space-between;
-}
-
-.euiFilterButton--withNext + .euiFilterButton {
-  margin-left: $euiSizeXS * -1;
-  border-left: none;
-}
-
-.euiFilterButton-isSelected {
-  background-color: $euiColorLightestShade;
-}
-
-.euiFilterButton__text-hasNotification {
-  display: flex;
-  align-items: center;
-}
-
-.euiFilterButton__notification {
-  margin-left: $euiSizeS;
-  vertical-align: text-bottom;
-}
-
-.euiFilterButton__textShift {
-  @include euiTextShift;
-  @include euiTextTruncate;
-  min-width: $euiSize * 3;
-}

package/src/components/filter_group/_filter_group.scss

@@ -1,59 +0,0 @@
-.euiFilterGroup {
-  display: inline-flex;
-  max-width: 100%;
-  border-right: 1px solid $euiFormBorderColor;
-  box-shadow: 0 1px 2px -1px transparentize($euiShadowColor, .8), 0 3px 3px -2px transparentize($euiShadowColor, .8);
-  overflow: hidden;
-
-  > * {
-    flex: 1 1 auto;
-    min-width: $euiSize * 3;
-  }
-
-  > .euiFilterButton--noGrow {
-    flex-grow: 0;
-  }
-
-  > .euiFilterButton-hasNotification {
-    min-width: $euiSize * 6;
-  }
-
-  // Force popover anchors to expand for now
-  .euiPopover__anchor {
-    display: block;
-
-    .euiFilterButton {
-      width: 100%;
-    }
-  }
-}
-
-.euiFilterGroup--fullWidth {
-  display: flex;
-}
-
-// A fixed width is required because of the shift in widths that can be caused
-// by the loading animation that precedes the results.
-.euiFilterGroup__popoverPanel {
-  // Note for Emotion conversion: there are unfortunately 5+ direct
-  // usages of this className in Kibana that will need to be refactored
-  width: $euiSize * 18;
-}
-
-@include euiBreakpoint('xs', 's') {
-  .euiFilterGroup {
-    flex-wrap: wrap;
-  }
-}
-
-@include euiBreakpoint('xs') {
-  // Force all tiny screens to take up the entire width
-  .euiFilterGroup {
-    display: flex;
-
-    .euiFilterButton {
-      // stylelint-disable-next-line declaration-no-important
-      flex-grow: 1 !important;
-    }
-  }
-}

package/src/themes/amsterdam/overrides/_filter_group.scss

@@ -1,27 +0,0 @@
-.euiFilterGroup {
-  border: none;
-  border-radius: $euiFormControlBorderRadius;
-  background-color: $euiFormBackgroundColor;
-  box-shadow: inset 0 0 0 1px $euiFormBorderColor;
-}
-
-.euiFilterGroup--compressed {
-  border-radius: $euiFormControlCompressedBorderRadius;
-
-  & .euiFilterButton {
-    height: $euiFormControlCompressedHeight;
-  }
-}
-
-.euiFilterButton {
-  border-radius: 0;
-  border: none;
-  background-color: transparent;
-  // Box shadow simulates bottom and left borders
-  box-shadow: 0 1px 0 0 $euiFormBorderColor, -1px 0 0 0 $euiFormBorderColor;
-
-  .euiFilterButton--withNext + & {
-    // Remove just the left faux border
-    box-shadow: 0 1px 0 0 $euiFormBorderColor;
-  }
-}