@elastic/eui 67.1.2 → 69.0.0

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

@@ -0,0 +1,34 @@
+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 EuiIconFilterIgnore = function EuiIconFilterIgnore(_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", {
+    d: "M.5 1a.5.5 0 000 1h9a.5.5 0 000-1h-9zM2 4.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zm2 3a.5.5 0 01.5-.5h1a.5.5 0 010 1h-1a.5.5 0 01-.5-.5zM16 11.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zm-4.5-.707L9.854 9.146a.5.5 0 10-.708.708l1.647 1.646-1.647 1.646a.5.5 0 00.708.708l1.646-1.647 1.646 1.647a.5.5 0 00.708-.708L12.207 11.5l1.647-1.646a.5.5 0 00-.708-.708L11.5 10.793z"
+  }));
+};
+
+export var icon = EuiIconFilterIgnore;

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

@@ -0,0 +1,34 @@
+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 EuiIconFilterInclude = function EuiIconFilterInclude(_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", {
+    d: "M.5 1a.5.5 0 000 1h9a.5.5 0 000-1h-9zM16 11.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zm-4-3a.5.5 0 00-1 0V11H8.5a.5.5 0 000 1H11v2.5a.5.5 0 001 0V12h2.5a.5.5 0 000-1H12V8.5zM2 4.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM4.5 7a.5.5 0 000 1h1a.5.5 0 000-1h-1z"
+  }));
+};
+
+export var icon = EuiIconFilterInclude;

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

@@ -0,0 +1,36 @@
+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 EuiIconIndexTemporary = function EuiIconIndexTemporary(_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", {
+    d: "M3 13V2h11V1H2v13h2v-1H3z"
+  }), ___EmotionJSX("path", {
+    d: "M11.999 5H6V4h5.999v1zM4 4v1h1V4H4zm2 3v1h4V7H6zM4 7v1h1V7H4zm2 3v1h2v-1H6zm-2 0v1h1v-1H4zm10-7h-1v1h1V3zm-1 2h1v1h-1V5zm1 2h-1v1h1V7zm-1 2h1v1h-1V9zm1 2h-1v1h1v-1zm-1 2h1v1h-1v-1zm-7 0H5v1h1v-1zm1 0h1v1H7v-1zm3 0H9v1h1v-1zm1 0h1v1h-1v-1z"
+  }));
+};
+
+export var icon = EuiIconIndexTemporary;

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

@@ -0,0 +1,34 @@
+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 EuiIconInfinity = function EuiIconInfinity(_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", {
+    d: "M5.37 9.457A1.994 1.994 0 013.993 10a2 2 0 111.403-3.433l.601.679 1.336-1.508-.462-.522a4 4 0 10-.041 5.613l.021-.022 3.777-4.265.002.001a2 2 0 11-.024 2.89l-.601-.679-1.336 1.508.462.522a4 4 0 100-5.569l-3.74 4.223a1.991 1.991 0 01-.02.02z"
+  }));
+};
+
+export var icon = EuiIconInfinity;

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

@@ -0,0 +1,41 @@
+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 EuiIconLaunch = function EuiIconLaunch(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return ___EmotionJSX("svg", _extends({
+    fill: "none",
+    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", {
+    d: "M11 6a1 1 0 11-2 0 1 1 0 012 0z"
+  }), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.355 1.791A3.5 3.5 0 0112.57 1H14a1 1 0 011 1v1.43a3.5 3.5 0 01-.791 2.215l-3.144 3.843a2.5 2.5 0 00-.565 1.583v1.636l-1.646 1.647a.5.5 0 01-.557.103l-.634-.282a11.5 11.5 0 01-5.838-5.838l-.282-.634a.5.5 0 01.103-.557L3.293 5.5h1.636a2.5 2.5 0 001.583-.565l3.843-3.144zM12.57 2a2.5 2.5 0 00-1.583.565L7.145 5.71a3.5 3.5 0 01-2.215.79H3.707l-1.11 1.11.142.32a10.498 10.498 0 001.825 2.799l2.082-2.083a.5.5 0 11.708.708L5.27 11.436a10.496 10.496 0 002.798 1.825l.32.143L9.5 12.293V11.07a3.5 3.5 0 01.791-2.216l3.144-3.843A2.5 2.5 0 0014 3.43V2h-1.43z"
+  }), ___EmotionJSX("path", {
+    d: "M1.9 10.7a.5.5 0 00-.88.163l-1 3.5A.5.5 0 000 14.5v1a.5.5 0 00.5.5h1a.502.502 0 00.137-.02l3.5-1a.5.5 0 00.163-.88l-1.314-.986a5.5 5.5 0 01-1.1-1.1L1.9 10.7z"
+  }));
+};
+
+export var icon = EuiIconLaunch;

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

@@ -0,0 +1,34 @@
+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 EuiIconSortAscending = function EuiIconSortAscending(_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", {
+    d: "M3.854 3.146a.5.5 0 00-.708 0l-2 2a.5.5 0 10.708.708L3 4.707V11.5a.5.5 0 001 0V4.707l1.146 1.147a.5.5 0 10.708-.708l-2-2zM8 4.5a.5.5 0 01.5-.5h6a.5.5 0 010 1h-6a.5.5 0 01-.5-.5zM8.5 7a.5.5 0 000 1h4a.5.5 0 000-1h-4zM8 10.5a.5.5 0 01.5-.5h2a.5.5 0 010 1h-2a.5.5 0 01-.5-.5z"
+  }));
+};
+
+export var icon = EuiIconSortAscending;

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

@@ -0,0 +1,34 @@
+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 EuiIconSortDescending = function EuiIconSortDescending(_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", {
+    d: "M4 10.293V3.5a.5.5 0 00-1 0v6.793L1.854 9.146a.5.5 0 10-.708.708l2 2a.5.5 0 00.708 0l2-2a.5.5 0 10-.708-.708L4 10.293zM8 4.5a.5.5 0 01.5-.5h6a.5.5 0 010 1h-6a.5.5 0 01-.5-.5zM8.5 7a.5.5 0 000 1h4a.5.5 0 000-1h-4zM8 10.5a.5.5 0 01.5-.5h2a.5.5 0 010 1h-2a.5.5 0 01-.5-.5z"
+  }));
+};
+
+export var icon = EuiIconSortDescending;

package/optimize/es/components/icon/assets/spaces.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 EuiIconSpaces = function EuiIconSpaces(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return ___EmotionJSX("svg", _extends({
+    fill: "none",
+    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",
+    clipRule: "evenodd",
+    d: "M6 3H3v3h3V3zM3 2a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1V3a1 1 0 00-1-1H3zm3 8H3v3h3v-3zM3 9a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1v-3a1 1 0 00-1-1H3zm10-6h-3v3h3V3zm-3-1a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1V3a1 1 0 00-1-1h-3zm3 8h-3v3h3v-3zm-3-1a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1v-3a1 1 0 00-1-1h-3z"
+  }));
+};
+
+export var icon = EuiIconSpaces;

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

@@ -29,6 +29,7 @@ export var typeToPathMap = {
   beaker: 'beaker',
   bell: 'bell',
   bellSlash: 'bellSlash',
+  beta: 'beta',
   bolt: 'bolt',
   boxesHorizontal: 'boxes_horizontal',
   boxesVertical: 'boxes_vertical',
@@ -133,6 +134,9 @@ export var typeToPathMap = {
   faceSad: 'face_sad',
   filebeatApp: 'app_filebeat',
   filter: 'filter',
+  filterExclude: 'filterExclude',
+  filterIgnore: 'filterIgnore',
+  filterInclude: 'filterInclude',
   flag: 'flag',
   fleetApp: 'app_agent',
   fold: 'fold',
@@ -172,6 +176,8 @@ export var typeToPathMap = {
   indexRollupApp: 'app_index_rollup',
   indexRuntime: 'index_runtime',
   indexSettings: 'index_settings',
+  indexTemporary: 'indexTemporary',
+  infinity: 'infinity',
   inputOutput: 'inputOutput',
   inspect: 'inspect',
   invert: 'invert',
@@ -184,6 +190,7 @@ export var typeToPathMap = {
   kqlValue: 'kql_value',
   kubernetesNode: 'kubernetesNode',
   kubernetesPod: 'kubernetesPod',
+  launch: 'launch',
   layers: 'layers',
   lensApp: 'app_lens',
   lettering: 'lettering',
@@ -331,11 +338,14 @@ export var typeToPathMap = {
   shard: 'shard',
   share: 'share',
   snowflake: 'snowflake',
+  sortAscending: 'sortAscending',
+  sortDescending: 'sortDescending',
   sortDown: 'sort_down',
   sortLeft: 'sortLeft',
   sortRight: 'sortRight',
   sortUp: 'sort_up',
   sortable: 'sortable',
+  spaces: 'spaces',
   spacesApp: 'app_spaces',
   sqlApp: 'app_sql',
   starEmpty: 'star_empty',

package/optimize/es/components/image/image_fullscreen_wrapper.js

@@ -58,10 +58,10 @@ export var EuiImageFullScreenWrapper = function EuiImageFullScreenWrapper(_ref)
   }, ___EmotionJSX(EuiFocusTrap, {
     onClickOutside: closeFullScreen
   }, ___EmotionJSX(React.Fragment, null, ___EmotionJSX("figure", _extends({
-    "aria-label": optionalCaptionText
-  }, wrapperProps, {
-    className: classes,
+    "aria-label": optionalCaptionText,
     css: cssStyles
+  }, wrapperProps, {
+    className: classes
   }), ___EmotionJSX(EuiImageButton, {
     hasAlt: !!alt,
     hasShadow: hasShadow,

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

@@ -17,13 +17,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import classNames from 'classnames';
 import { EuiListGroupItem } from './list_group_item';
+import { useEuiTheme } from '../../services';
+import { cloneElementWithCss } from '../../services/theme/clone_element';
+import { logicalStyle } from '../../global_styling';
+import { euiListGroupStyles } from './list_group.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var gutterSizeToClassNameMap = {
-  none: '',
-  s: 'euiListGroup--gutterSmall',
-  m: 'euiListGroup--gutterMedium'
-};
-export var GUTTER_SIZES = Object.keys(gutterSizeToClassNameMap);
+export var GUTTER_SIZES = ['none', 's', 'm'];
 export var EuiListGroup = function EuiListGroup(_ref) {
   var children = _ref.children,
       className = _ref.className,
@@ -46,29 +45,16 @@ export var EuiListGroup = function EuiListGroup(_ref) {
       ariaLabelledby = _ref.ariaLabelledby,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var newStyle;
-  var widthClassName;
+  var newStyle = style;
 
-  if (maxWidth !== true) {
-    var value;
-
-    if (typeof maxWidth === 'number') {
-      value = "".concat(maxWidth, "px");
-    } else {
-      value = typeof maxWidth === 'string' ? maxWidth : undefined;
-    }
-
-    newStyle = _objectSpread(_objectSpread({}, style), {}, {
-      maxWidth: value
-    });
-  } else if (maxWidth === true) {
-    widthClassName = 'euiListGroup-maxWidthDefault';
+  if (maxWidth && maxWidth !== true) {
+    newStyle = _objectSpread(_objectSpread({}, newStyle), logicalStyle('max-width', maxWidth));
   }
 
-  var classes = classNames('euiListGroup', {
-    'euiListGroup-flush': flush,
-    'euiListGroup-bordered': bordered
-  }, gutterSizeToClassNameMap[gutterSize], widthClassName, className);
+  var classes = classNames('euiListGroup', className);
+  var euiTheme = useEuiTheme();
+  var styles = euiListGroupStyles(euiTheme);
+  var cssStyles = [styles.euiListGroup, styles[gutterSize], flush && styles.flush, bordered && styles.bordered, maxWidth === true && styles.maxWidthDefault];
   var childrenOrListItems = null;
 
   if (listItems) {
@@ -76,28 +62,33 @@ export var EuiListGroup = function EuiListGroup(_ref) {
       return [___EmotionJSX(EuiListGroupItem, _extends({
         key: "title-".concat(index),
         showToolTip: showToolTips,
-        wrapText: wrapText,
+        wrapText: wrapText // we're passing the parent `color` and `size` down to the children
+        // so that they can inherit it if they don't have one
+        ,
         color: color,
         size: size
       }, item))];
     });
   } else {
-    if (showToolTips) {
-      childrenOrListItems = React.Children.map(children, function (child) {
-        if ( /*#__PURE__*/React.isValidElement(child)) {
-          return /*#__PURE__*/React.cloneElement(child, {
-            showToolTip: true
-          });
-        }
-      });
-    } else {
-      childrenOrListItems = children;
-    }
+    var showToolTipObj = showToolTips && {
+      showToolTip: true
+    };
+    childrenOrListItems = React.Children.map(children, function (child) {
+      if ( /*#__PURE__*/React.isValidElement(child)) {
+        return cloneElementWithCss(child, _objectSpread(_objectSpread({
+          // we're passing the parent `color` and `size` down to the children
+          // so that they can inherit it if they don't have one
+          color: color,
+          size: size
+        }, showToolTipObj), child.props));
+      }
+    });
   }
 
   return ___EmotionJSX("ul", _extends({
     className: classes,
-    style: newStyle || style,
+    css: cssStyles,
+    style: newStyle,
     "aria-labelledby": ariaLabelledby
   }, rest), childrenOrListItems);
 };

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

@@ -0,0 +1,47 @@
+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 { logicalCSS } from '../../global_styling';
+import { euiFormVariables } from '../form/form.styles';
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1urrzow-flush",
+  styles: "padding:0;border:none;.euiListGroupItem{border-radius:0;};label:flush;"
+} : {
+  name: "1urrzow-flush",
+  styles: "padding:0;border:none;.euiListGroupItem{border-radius:0;};label:flush;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "2tmo78-euiListGroup",
+  styles: "display:flex;flex-direction:column;label:euiListGroup;"
+} : {
+  name: "2tmo78-euiListGroup",
+  styles: "display:flex;flex-direction:column;label:euiListGroup;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var euiListGroupStyles = function euiListGroupStyles(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  var form = euiFormVariables(euiThemeContext);
+  return {
+    // Base
+    euiListGroup: _ref2,
+    // Variants
+    flush: _ref,
+    bordered: /*#__PURE__*/css("border-radius:", euiTheme.border.radius.medium, ";border:", euiTheme.border.thin, ";;label:bordered;"),
+    maxWidthDefault: /*#__PURE__*/css(logicalCSS('max-width', form.maxWidth), ";;label:maxWidthDefault;"),
+    // Gutter sizes
+    none: /*#__PURE__*/css(";label:none;"),
+    s: /*#__PURE__*/css("padding:", euiTheme.size.s, ";gap:", euiTheme.size.s, ";;label:s;"),
+    m: /*#__PURE__*/css("padding:", euiTheme.size.base, ";gap:", euiTheme.size.base, ";;label:m;")
+  };
+};