@elastic/eui 70.3.0 → 71.0.0

package/optimize/es/components/form/range/range_track.js

@@ -1,17 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "disabled", "max", "min", "step", "showTicks", "tickInterval", "ticks", "levels", "onChange", "value", "compressed"];
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var _excluded = ["children", "disabled", "max", "min", "step", "showTicks", "tickInterval", "ticks", "levels", "onChange", "value", "compressed", "showRange"];
 
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -20,139 +10,134 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-import React, { Component } from 'react';
-import classNames from 'classnames';
+import React, { useState, useMemo, useEffect } from 'react';
 import range from 'lodash/range';
-import { isEvenlyDivisibleBy } from '../../../services';
-import { EuiRangeLevels, LEVEL_COLORS } from './range_levels';
+import { useEuiTheme, isEvenlyDivisibleBy } from '../../../services';
+import { EuiRangeLevels } from './range_levels';
 import { EuiRangeTicks } from './range_ticks';
+import { euiRangeTrackStyles } from './range_track.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export { LEVEL_COLORS };
-export var EuiRangeTrack = /*#__PURE__*/function (_Component) {
-  _inherits(EuiRangeTrack, _Component);
-
-  var _super = _createSuper(EuiRangeTrack);
-
-  function EuiRangeTrack() {
-    var _this;
-
-    _classCallCheck(this, EuiRangeTrack);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "validateValueIsInStep", function (value) {
-      if (value < _this.props.min) {
-        throw new Error("The value of ".concat(value, " is lower than the min value of ").concat(_this.props.min, "."));
-      }
-
-      if (value > _this.props.max) {
-        throw new Error("The value of ".concat(value, " is higher than the max value of ").concat(_this.props.max, "."));
-      } // Error out if the value doesn't line up with the sequence of steps
-
-
-      if (!isEvenlyDivisibleBy(value - _this.props.min, _this.props.step !== undefined ? _this.props.step : 1)) {
-        throw new Error("The value of ".concat(value, " is not included in the possible sequence provided by the step of ").concat(_this.props.step, "."));
-      } // Return the value if nothing fails
-
-
-      return value;
+export var EuiRangeTrack = function EuiRangeTrack(_ref) {
+  var children = _ref.children,
+      disabled = _ref.disabled,
+      max = _ref.max,
+      min = _ref.min,
+      step = _ref.step,
+      showTicks = _ref.showTicks,
+      tickInterval = _ref.tickInterval,
+      ticks = _ref.ticks,
+      levels = _ref.levels,
+      onChange = _ref.onChange,
+      value = _ref.value,
+      compressed = _ref.compressed,
+      showRange = _ref.showRange,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  useEffect(function () {
+    validateValueIsInStep(max, {
+      min: min,
+      max: max,
+      step: step
     });
+  }, [value, min, max, step]);
+  var tickSequence = useMemo(function () {
+    if (showTicks !== true) return;
+    var sequence;
+
+    if (ticks) {
+      // If custom values were passed, use those for the sequence
+      // But make sure they align with the possible sequence
+      sequence = ticks.map(function (tick) {
+        return validateValueIsInStep(tick.value, {
+          min: min,
+          max: max,
+          step: step
+        });
+      });
+    } else {
+      // If a custom interval was passed, use those for the sequence
+      // But make sure they align with the possible sequence
+      var interval = tickInterval || step; // Calculate sequence - loop from min to max, creating adding values at each interval
 
-    _defineProperty(_assertThisInitialized(_this), "calculateSequence", function (min, max, interval) {
-      // Loop from min to max, creating adding values at each interval
-      var sequence = range(min, max, interval); // range is non-inclusive of max, so make it inclusive
+      var sequenceRange = range(min, max, interval); // range is non-inclusive of max, so make it inclusive
 
-      if (max % interval === 0 && !sequence.includes(max)) {
-        sequence.push(max);
+      if (max % interval === 0 && !sequenceRange.includes(max)) {
+        sequenceRange.push(max);
       }
 
-      return sequence;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "calculateTicks", function (min, max, step, tickInterval, customTicks) {
-      var ticks;
-
-      if (customTicks) {
-        // If custom values were passed, use those for the sequence
-        // But make sure they align with the possible sequence
-        ticks = customTicks.map(function (tick) {
-          return _this.validateValueIsInStep(tick.value);
+      sequence = sequenceRange.map(function (tick) {
+        return validateValueIsInStep(tick, {
+          min: min,
+          max: max,
+          step: step
         });
-      } else {
-        // If a custom interval was passed, use those for the sequence
-        // But make sure they align with the possible sequence
-        var interval = tickInterval || step;
+      });
+    } // Error out if there are too many ticks to render
 
-        var tickSequence = _this.calculateSequence(min, max, interval);
 
-        ticks = tickSequence.map(function (tick) {
-          return _this.validateValueIsInStep(tick);
-        });
-      } // Error out if there are too many ticks to render
+    if (sequence.length > 20) {
+      throw new Error("The number of ticks to render is too high (".concat(sequence.length, "), reduce the interval."));
+    }
 
+    return sequence;
+  }, [showTicks, ticks, min, max, tickInterval, step]);
+  var euiTheme = useEuiTheme();
+  var styles = euiRangeTrackStyles(euiTheme);
+  var cssStyles = [styles.euiRangeTrack, disabled && styles.disabled, levels && !!levels.length && styles.hasLevels, (tickSequence || ticks) && styles.hasTicks];
+
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      trackWidth = _useState2[0],
+      setTrackWidth = _useState2[1];
+
+  return ___EmotionJSX("div", _extends({
+    className: "euiRangeTrack",
+    css: cssStyles
+  }, rest, {
+    ref: function ref(node) {
+      var _node$clientWidth;
+
+      setTrackWidth((_node$clientWidth = node === null || node === void 0 ? void 0 : node.clientWidth) !== null && _node$clientWidth !== void 0 ? _node$clientWidth : 0);
+    }
+  }), levels && !!levels.length && ___EmotionJSX(EuiRangeLevels, {
+    levels: levels,
+    max: max,
+    min: min,
+    showTicks: showTicks,
+    showRange: showRange,
+    trackWidth: trackWidth
+  }), tickSequence && ___EmotionJSX(EuiRangeTicks, {
+    disabled: disabled,
+    compressed: compressed,
+    onChange: onChange,
+    ticks: ticks,
+    tickInterval: tickInterval || step,
+    tickSequence: tickSequence,
+    value: value,
+    min: min,
+    max: max,
+    trackWidth: trackWidth
+  }), typeof children === 'function' ? children(trackWidth) : children);
+};
+
+var validateValueIsInStep = function validateValueIsInStep(value, _ref2) {
+  var min = _ref2.min,
+      max = _ref2.max,
+      step = _ref2.step;
+
+  if (value < min) {
+    throw new Error("The value of ".concat(value, " is lower than the min value of ").concat(min, "."));
+  }
 
-      if (ticks.length > 20) {
-        throw new Error("The number of ticks to render is too high (".concat(ticks.length, "), reduce the interval."));
-      }
+  if (value > max) {
+    throw new Error("The value of ".concat(value, " is higher than the max value of ").concat(max, "."));
+  } // Error out if the value doesn't line up with the sequence of steps
 
-      return ticks;
-    });
 
-    return _this;
-  }
+  if (!isEvenlyDivisibleBy(value - min, step !== undefined ? step : 1)) {
+    throw new Error("The value of ".concat(value, " is not included in the possible sequence provided by the step of ").concat(step, "."));
+  } // Return the value if nothing fails
 
-  _createClass(EuiRangeTrack, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          disabled = _this$props.disabled,
-          max = _this$props.max,
-          min = _this$props.min,
-          step = _this$props.step,
-          showTicks = _this$props.showTicks,
-          tickInterval = _this$props.tickInterval,
-          ticks = _this$props.ticks,
-          levels = _this$props.levels,
-          onChange = _this$props.onChange,
-          value = _this$props.value,
-          compressed = _this$props.compressed,
-          rest = _objectWithoutProperties(_this$props, _excluded); // TODO: Move these to only re-calculate if no-value props have changed
-
-
-      this.validateValueIsInStep(max);
-      var tickSequence = showTicks === true && this.calculateTicks(min, max, step, tickInterval, ticks);
-      var trackClasses = classNames('euiRangeTrack', {
-        'euiRangeTrack--disabled': disabled,
-        'euiRangeTrack--hasLevels': levels && !!levels.length,
-        'euiRangeTrack--hasTicks': tickSequence || ticks,
-        'euiRangeTrack--compressed': compressed
-      });
-      return ___EmotionJSX("div", _extends({
-        className: trackClasses
-      }, rest), levels && !!levels.length && ___EmotionJSX(EuiRangeLevels, {
-        compressed: compressed,
-        levels: levels,
-        max: max,
-        min: min,
-        showTicks: showTicks
-      }), tickSequence && ___EmotionJSX(EuiRangeTicks, {
-        disabled: disabled,
-        compressed: compressed,
-        onChange: onChange,
-        ticks: ticks,
-        tickSequence: tickSequence,
-        value: value,
-        min: min,
-        max: max,
-        interval: tickInterval || step
-      }), children);
-    }
-  }]);
 
-  return EuiRangeTrack;
-}(Component);
+  return value;
+};

package/optimize/es/components/form/range/range_track.styles.js

@@ -0,0 +1,19 @@
+/*
+ * 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.
+ */
+import { css } from '@emotion/react';
+import { euiRangeVariables } from './range.styles';
+export var euiRangeTrackStyles = function euiRangeTrackStyles(euiThemeContext) {
+  var range = euiRangeVariables(euiThemeContext);
+  return {
+    // Base
+    euiRangeTrack: /*#__PURE__*/css("block-size:100%;flex-grow:1;position:relative;align-self:flex-start;&::after{content:'';display:block;position:absolute;inset-block-start:", range.trackTopPositionWithoutTicks, ";inset-inline-start:0;block-size:", range.trackHeight, ";inline-size:", range.trackWidth, ";background:", range.trackColor, ";border-radius:", range.trackBorderRadius, ";};label:euiRangeTrack;"),
+    hasTicks: /*#__PURE__*/css("margin-inline-start:1em;margin-inline-end:1em;&::after{inset-block-start:", range.trackTopPositionWithTicks, ";};label:hasTicks;"),
+    disabled: /*#__PURE__*/css("opacity:", range.disabledOpacity, ";;label:disabled;"),
+    hasLevels: /*#__PURE__*/css(";label:hasLevels;")
+  };
+};

package/optimize/es/components/form/range/range_wrapper.js

@@ -11,7 +11,9 @@ var _excluded = ["children", "className", "fullWidth", "compressed"];
  */
 import React, { forwardRef } from 'react';
 import classNames from 'classnames';
+import { useEuiTheme } from '../../../services';
 import { useFormContext } from '../eui_form_context';
+import { euiRangeWrapperStyles } from './range_wrapper.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiRangeWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useFormContext = useFormContext(),
@@ -24,12 +26,13 @@ export var EuiRangeWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
       compressed = props.compressed,
       rest = _objectWithoutProperties(props, _excluded);
 
-  var classes = classNames('euiRangeWrapper', {
-    'euiRangeWrapper--fullWidth': fullWidth,
-    'euiRangeWrapper--compressed': compressed
-  }, className);
+  var classes = classNames('euiRangeWrapper', className);
+  var euiTheme = useEuiTheme();
+  var styles = euiRangeWrapperStyles(euiTheme);
+  var cssStyles = [styles.euiRangeWrapper, !compressed && styles.regular, compressed && styles.compressed, fullWidth && styles.fullWidth];
   return ___EmotionJSX("div", _extends({
     className: classes,
+    css: cssStyles,
     ref: ref
   }, rest), children);
 });

package/optimize/es/components/form/range/range_wrapper.styles.js

@@ -0,0 +1,40 @@
+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)."; }
+
+/*
+ * 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.
+ */
+import { css } from '@emotion/react';
+import { euiFormControlSize } from '../form.styles';
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "nbwcci-fullWidth",
+  styles: "max-inline-size:100%;label:fullWidth;"
+} : {
+  name: "nbwcci-fullWidth",
+  styles: "max-inline-size:100%;label:fullWidth;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "e9ke4t-euiRangeWrapper",
+  styles: "display:flex;align-items:center;>.euiFormControlLayout{inline-size:auto;};label:euiRangeWrapper;"
+} : {
+  name: "e9ke4t-euiRangeWrapper",
+  styles: "display:flex;align-items:center;>.euiFormControlLayout{inline-size:auto;};label:euiRangeWrapper;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var euiRangeWrapperStyles = function euiRangeWrapperStyles(euiThemeContext) {
+  return {
+    euiRangeWrapper: _ref2,
+    regular: /*#__PURE__*/css(euiFormControlSize(euiThemeContext), ";;label:regular;"),
+    compressed: /*#__PURE__*/css(euiFormControlSize(euiThemeContext, {
+      compressed: true
+    }), ";;label:compressed;"),
+    fullWidth: _ref
+  };
+};

package/optimize/es/components/form/range/types.js

@@ -0,0 +1 @@
+export {};

package/optimize/es/components/icon/assets/article.js

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+
+/*
+ * 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.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var EuiIconArticle = function EuiIconArticle(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return ___EmotionJSX("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    d: "M8.5 10a.5.5 0 000 1h4a.5.5 0 000-1h-4zM8 6.5a.5.5 0 01.5-.5h4a.5.5 0 010 1h-4a.5.5 0 01-.5-.5zM3.5 2a.5.5 0 000 1h5a.5.5 0 000-1h-5zM8 8.5a.5.5 0 01.5-.5h4a.5.5 0 010 1h-4a.5.5 0 01-.5-.5zM3.5 4a.5.5 0 000 1h5a.5.5 0 000-1h-5zM3 12.5a.5.5 0 01.5-.5h9a.5.5 0 010 1h-9a.5.5 0 01-.5-.5zM7 6H3v5h4V6z"
+  }), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.526.312A1.002 1.002 0 0010.8 0H2a1 1 0 00-1 1v14a1 1 0 001 1h12a1 1 0 001-1V4.429c0-.256-.098-.503-.274-.689l-3.2-3.428zM10.5 5H14v10H2V1h8v3.5a.5.5 0 00.5.5z"
+  }));
+};
+
+export var icon = EuiIconArticle;

package/optimize/es/components/icon/assets/discuss.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+
+/*
+ * 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.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var EuiIconDiscuss = function EuiIconDiscuss(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return ___EmotionJSX("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    d: "M4.967 10.864c.332.787 1.085 1.337 1.962 1.337h3.673l2.755 2.8v-2.8c1.184 0 2.143-1.003 2.143-2.24V6.604c0-1.237-.96-2.24-2.143-2.24h-1.071v4.334c0 1.197-.896 2.167-2 2.167h-5.32z"
+  }), ___EmotionJSX("path", {
+    d: "M4.905 8.718h4.166c.592 0 1.072-.502 1.072-1.12V4.24c0-.618-.48-1.12-1.072-1.12H2.643c-.592 0-1.072.502-1.072 1.12V7.6c0 .617.48 1.119 1.072 1.119h1.071v1.452l1.191-1.452zm.493 1.12l-2.755 2.798V9.837C1.459 9.837.5 8.835.5 7.598V4.24C.5 3.003 1.46 2 2.643 2H9.07c1.184 0 2.143 1.003 2.143 2.24v3.358c0 1.237-.96 2.24-2.143 2.24H5.398z"
+  }));
+};
+
+export var icon = EuiIconDiscuss;

package/optimize/es/components/icon/assets/dotInCircle.js

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+
+/*
+ * 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.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var EuiIconDotInCircle = function EuiIconDotInCircle(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return ___EmotionJSX("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 .5c4.136 0 7.5 3.364 7.5 7.5s-3.364 7.5-7.5 7.5S.5 12.136.5 8 3.864.5 8 .5zm0 .882a6.618 6.618 0 100 13.236A6.618 6.618 0 008 1.382z"
+  }), ___EmotionJSX("path", {
+    d: "M9 8a1 1 0 11-2 0 1 1 0 012 0z"
+  }));
+};
+
+export var icon = EuiIconDotInCircle;

package/optimize/es/components/icon/assets/filterInCircle.js

@@ -0,0 +1,35 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+
+/*
+ * 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.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var EuiIconFilterInCircle = function EuiIconFilterInCircle(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    d: "M7.999 15.999a8 8 0 110-16 8 8 0 010 16zM8 15A7 7 0 108 1a7 7 0 000 14zM3.5 5h9a.5.5 0 110 1h-9a.5.5 0 010-1zm2 3h5a.5.5 0 110 1h-5a.5.5 0 010-1zm2 3h1a.5.5 0 110 1h-1a.5.5 0 110-1z"
+  }));
+};
+
+export var icon = EuiIconFilterInCircle;

package/optimize/es/components/icon/assets/issue.js

@@ -0,0 +1,47 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+
+/*
+ * 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.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+import * as React from 'react';
+import { htmlIdGenerator } from '../../../services';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var EuiIconIssue = function EuiIconIssue(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var generateId = htmlIdGenerator('issue');
+  return ___EmotionJSX("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("g", {
+    clipPath: "url(#".concat(generateId('a'), ")"),
+    fill: "#343741"
+  }, ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 .5c4.136 0 7.5 3.364 7.5 7.5s-3.364 7.5-7.5 7.5S.5 12.136.5 8 3.864.5 8 .5zm0 .882a6.618 6.618 0 100 13.236A6.618 6.618 0 008 1.382z"
+  }), ___EmotionJSX("path", {
+    d: "M9 8a1 1 0 11-2 0 1 1 0 012 0z"
+  })), ___EmotionJSX("clipPath", {
+    id: generateId('a')
+  }, ___EmotionJSX("path", {
+    d: "M0 0h16v16H0z"
+  })));
+};
+
+export var icon = EuiIconIssue;

package/optimize/es/components/icon/icon_map.js

@@ -24,6 +24,7 @@ export var typeToPathMap = {
   arrowUp: 'arrow_up',
   arrowStart: 'arrowStart',
   arrowEnd: 'arrowEnd',
+  article: 'article',
   asterisk: 'asterisk',
   auditbeatApp: 'app_auditbeat',
   beaker: 'beaker',
@@ -81,11 +82,13 @@ export var typeToPathMap = {
   desktop: 'desktop',
   devToolsApp: 'app_devtools',
   discoverApp: 'app_discover',
+  discuss: 'discuss',
   document: 'document',
   documentEdit: 'documentEdit',
   documentation: 'documentation',
   documents: 'documents',
   dot: 'dot',
+  dotInCircle: 'dotInCircle',
   doubleArrowLeft: 'doubleArrowLeft',
   doubleArrowRight: 'doubleArrowRight',
   download: 'download',
@@ -137,6 +140,7 @@ export var typeToPathMap = {
   filterExclude: 'filterExclude',
   filterIgnore: 'filterIgnore',
   filterInclude: 'filterInclude',
+  filterInCircle: 'filterInCircle',
   flag: 'flag',
   fleetApp: 'app_agent',
   fold: 'fold',

package/optimize/es/components/image/image_wrapper.styles.js

@@ -8,7 +8,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * Side Public License, v 1.
  */
 import { css } from '@emotion/react';
-import { euiBreakpoint, logicalCSS, logicalTextAlignCSS, logicalSide } from '../../global_styling';
+import { euiMinBreakpoint, logicalCSS, logicalTextAlignCSS, logicalSide } from '../../global_styling';
 
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "gacnmc-allowFullScreen",
@@ -33,8 +33,8 @@ export var euiImageWrapperStyles = function euiImageWrapperStyles(euiThemeContex
     // Floats
     // 1: Logical properties/values in `float` is currently not yet supported by all browsers w/o flags
     // @see https://caniuse.com/mdn-css_properties_float_flow_relative_values for when we can remove left/right fallbacks
-    left: /*#__PURE__*/css(euiBreakpoint(euiThemeContext, ['m', 'xl']), "{float:left;float:", logicalSide.left, ";", logicalCSS('margin-left', '0'), ";", logicalCSS('margin-top', '0'), ";};label:left;"),
-    right: /*#__PURE__*/css(euiBreakpoint(euiThemeContext, ['m', 'xl']), "{float:right;float:", logicalSide.right, ";", logicalCSS('margin-right', '0'), ";", logicalCSS('margin-top', '0'), ";};label:right;"),
+    left: /*#__PURE__*/css(euiMinBreakpoint(euiThemeContext, 'm'), "{float:left;float:", logicalSide.left, ";", logicalCSS('margin-left', '0'), ";", logicalCSS('margin-top', '0'), ";};label:left;"),
+    right: /*#__PURE__*/css(euiMinBreakpoint(euiThemeContext, 'm'), "{float:right;float:", logicalSide.right, ";", logicalCSS('margin-right', '0'), ";", logicalCSS('margin-top', '0'), ";};label:right;"),
     // Sizes
     fullWidth: /*#__PURE__*/css(logicalCSS('width', '100%'), ";;label:fullWidth;")
   };

package/optimize/es/components/list_group/list_group_item.styles.js

@@ -8,7 +8,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * Side Public License, v 1.
  */
 import { css } from '@emotion/react';
-import { euiCanAnimate, euiFontSize, logicalCSS, euiBackgroundColor, euiTextTruncate, euiTextBreakWord } from '../../global_styling';
+import { euiCanAnimate, euiFontSize, logicalCSS, logicalShorthandCSS, euiBackgroundColor, euiTextTruncate, euiTextBreakWord } from '../../global_styling';
 import { euiButtonColor } from '../../themes/amsterdam/global_styling/mixins/button';
 export var euiListGroupItemStyles = function euiListGroupItemStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
@@ -55,7 +55,7 @@ export var euiListGroupItemInnerStyles = function euiListGroupItemInnerStyles(eu
   var euiTheme = euiThemeContext.euiTheme;
   return {
     // Base
-    euiListGroupItem__inner: /*#__PURE__*/css("padding:", euiTheme.size.xs, " ", euiTheme.size.s, ";display:flex;align-items:center;flex-grow:1;max-inline-size:100%;overflow:hidden;text-align:start;font-weight:inherit;;label:euiListGroupItem__inner;"),
+    euiListGroupItem__inner: /*#__PURE__*/css(logicalShorthandCSS('padding', "".concat(euiTheme.size.xs, " ").concat(euiTheme.size.s)), " display:flex;align-items:center;flex-grow:1;max-inline-size:100%;overflow:hidden;text-align:start;font-weight:inherit;;label:euiListGroupItem__inner;"),
     // Sizes
     xs: /*#__PURE__*/css(euiFontSize(euiThemeContext, 'xs'), ";font-weight:", euiTheme.font.weight.medium, ";letter-spacing:0;", logicalCSS('min-height', euiTheme.size.l), ";;label:xs;"),
     s: /*#__PURE__*/css(euiFontSize(euiThemeContext, 's'), ";font-weight:", euiTheme.font.weight.medium, ";letter-spacing:0;", logicalCSS('min-height', euiTheme.size.xl), ";;label:s;"),