@elastic/eui 82.0.0 → 82.2.0

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

@@ -67,9 +67,9 @@ export var euiCardStyles = function euiCardStyles(euiThemeContext, paddingSize)
     card: {
       euiCard: /*#__PURE__*/css("display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;&:has(\n            [class*='euiCard__text'][class*='-interactive']:focus:focus-visible\n          ){outline:", euiTheme.focus.width, " solid currentColor;};label:euiCard;"),
       aligned: {
-        center: /*#__PURE__*/css(logicalTextAlignCSS('center'), ";align-items:center;;label:center;"),
-        left: /*#__PURE__*/css(logicalTextAlignCSS('left'), ";align-items:flex-start;;label:left;"),
-        right: /*#__PURE__*/css(logicalTextAlignCSS('right'), ";align-items:flex-end;;label:right;")
+        center: /*#__PURE__*/css(logicalTextAlignCSS('center'), " align-items:center;;label:center;"),
+        left: /*#__PURE__*/css(logicalTextAlignCSS('left'), " align-items:flex-start;;label:left;"),
+        right: /*#__PURE__*/css(logicalTextAlignCSS('right'), " align-items:flex-end;;label:right;")
       },
       disabled: /*#__PURE__*/css("cursor:not-allowed;background-color:", euiButtonColor(euiThemeContext, 'disabled'), ";color:", euiTheme.colors.disabledText, ";;label:disabled;")
     },
@@ -89,7 +89,7 @@ export var euiCardStyles = function euiCardStyles(euiThemeContext, paddingSize)
     },
     euiCard__children: /*#__PURE__*/css(logicalCSS('margin-top', halfSpacing), ";;label:euiCard__children;"),
     euiCard__description: /*#__PURE__*/css(logicalCSS('margin-top', halfSpacing), ";;label:euiCard__description;"),
-    euiCard__footer: /*#__PURE__*/css("flex-grow:0;", logicalCSS('width', '100%'), ";", logicalCSS('margin-top', spacing), ";;label:euiCard__footer;"),
+    euiCard__footer: /*#__PURE__*/css("flex-grow:0;", logicalCSS('width', '100%'), logicalCSS('margin-top', spacing), ";;label:euiCard__footer;"),
     top: {
       euiCard__top: /*#__PURE__*/css("flex-grow:0;font-size:0;position:relative;", logicalCSS('margin-bottom', spacing), ";;label:euiCard__top;"),
       layout: {
@@ -99,12 +99,12 @@ export var euiCardStyles = function euiCardStyles(euiThemeContext, paddingSize)
       disabled: _ref2
     },
     image: {
-      euiCard__image: /*#__PURE__*/css("position:relative;overflow:hidden;", logicalCSS('width', "calc(100% + (".concat(paddingAmount, " * 2))")), ";", logicalCSS('left', "-".concat(paddingAmount)), ";", logicalCSS('top', "-".concat(paddingAmount)), ";", logicalCSS('margin-bottom', "-".concat(paddingAmount)), ";", logicalCSS('border-top-left-radius', "calc(".concat(euiTheme.border.radius.medium, " - ").concat(euiTheme.border.width.thin, ")")), " ", logicals['border-top-right-radius'], ":calc(", euiTheme.border.radius.medium, " - ", euiTheme.border.width.thin, ");img{", logicalCSS('width', '100%'), ";};label:euiCard__image;"),
+      euiCard__image: /*#__PURE__*/css("position:relative;overflow:hidden;", logicalCSS('width', "calc(100% + (".concat(paddingAmount, " * 2))")), " ", logicalCSS('left', "-".concat(paddingAmount)), " ", logicalCSS('top', "-".concat(paddingAmount)), logicalCSS('margin-bottom', "-".concat(paddingAmount)), logicalCSS('border-top-left-radius', "calc(".concat(euiTheme.border.radius.medium, " - ").concat(euiTheme.border.width.thin, ")")), " ", logicals['border-top-right-radius'], ":calc(", euiTheme.border.radius.medium, " - ", euiTheme.border.width.thin, ");img{", logicalCSS('width', '100%'), ";};label:euiCard__image;"),
       transparent: /*#__PURE__*/css("border-radius:", euiTheme.border.radius.medium, ";;label:transparent;")
     },
     icon: {
       euiCard__icon: /*#__PURE__*/css(";label:euiCard__icon;"),
-      withImage: /*#__PURE__*/css("position:absolute;", logicalCSS('top', '50%'), ";", logicalCSS('left', '50%'), ";transform:translate(-50%, calc(-50% + -", paddingAmount, "))!important;;label:withImage;"),
+      withImage: /*#__PURE__*/css("position:absolute;", logicalCSS('top', '50%'), " ", logicalCSS('left', '50%'), "transform:translate(\n          -50%,\n          calc(-50% + -", paddingAmount, ")\n        )!important;;label:withImage;"),
       layout: {
         vertical: /*#__PURE__*/css(logicalCSS('margin-top', halfSpacing), ";;label:vertical;"),
         horizontal: /*#__PURE__*/css(logicalCSS('margin-right', spacing), ";;label:horizontal;")
@@ -138,7 +138,7 @@ export var euiCardBetaBadgeStyles = function euiCardBetaBadgeStyles(euiThemeCont
   var padding = euiPaddingSize(euiThemeContext, paddingSize);
   return {
     hasBetaBadge: /*#__PURE__*/css("position:relative;overflow:visible;", logicalCSS('padding-top', "calc(".concat(padding, " + ").concat(euiTheme.size.s, ")")), ";;label:hasBetaBadge;"),
-    euiCard__betaBadgeAnchor: /*#__PURE__*/css("line-height:0;position:absolute;", logicalCSS('top', '0'), ";", logicalCSS('left', '50%'), ";transform:translateX(-50%) translateY(-50%);z-index:3;", logicalCSS('min-width', 'min(30%, 112px)'), ";", logicalCSS('max-width', "calc(100% - (".concat(padding, " * 2))")), ";;label:euiCard__betaBadgeAnchor;"),
+    euiCard__betaBadgeAnchor: /*#__PURE__*/css("line-height:0;position:absolute;", logicalCSS('top', '0'), " ", logicalCSS('left', '50%'), " transform:translateX(-50%) translateY(-50%);z-index:3;", logicalCSS('min-width', 'min(30%, 112px)'), " ", logicalCSS('max-width', "calc(100% - (".concat(padding, " * 2))")), ";;label:euiCard__betaBadgeAnchor;"),
     euiCard__betaBadge: /*#__PURE__*/css(logicalCSS('width', '100%'), ";;label:euiCard__betaBadge;")
   };
 };

package/optimize/es/components/collapsible_nav/collapsible_nav.js

@@ -15,8 +15,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React, { cloneElement, useRef } from 'react';
 import classNames from 'classnames';
-import { useGeneratedHtmlId, useIsWithinMinBreakpoint, useCombinedRefs } from '../../services';
+import { useEuiTheme, useGeneratedHtmlId, useIsWithinMinBreakpoint, useCombinedRefs } from '../../services';
 import { EuiFlyout } from '../flyout';
+import { euiCollapsibleNavStyles } from './collapsible_nav.styles';
 
 // Extend all the flyout props except `onClose` because we handle this internally
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -61,7 +62,11 @@ export var EuiCollapsibleNav = function EuiCollapsibleNav(_ref) {
   });
   var windowIsLargeEnoughToPush = useIsWithinMinBreakpoint(dockedBreakpoint);
   var navIsDocked = isDocked && windowIsLargeEnoughToPush;
+  var flyoutType = navIsDocked ? 'push' : 'overlay';
   var classes = classNames('euiCollapsibleNav', className);
+  var euiTheme = useEuiTheme();
+  var styles = euiCollapsibleNavStyles(euiTheme);
+  var cssStyles = [styles.euiCollapsibleNav, styles[flyoutType]];
 
   // Show a trigger button if one was passed but
   // not if navIsDocked and showButtonIfDocked is false
@@ -80,6 +85,7 @@ export var EuiCollapsibleNav = function EuiCollapsibleNav(_ref) {
   });
   var flyout = ___EmotionJSX(EuiFlyout, _extends({
     id: flyoutID,
+    css: cssStyles,
     className: classes
     // Flyout props we set different defaults for
     ,
@@ -93,7 +99,7 @@ export var EuiCollapsibleNav = function EuiCollapsibleNav(_ref) {
     focusTrapProps: focusTrapProps
   }, rest, {
     // Props dependent on internal docked status
-    type: navIsDocked ? 'push' : 'overlay',
+    type: flyoutType,
     hideCloseButton: navIsDocked,
     pushMinBreakpoint: dockedBreakpoint
   }), children);

package/optimize/es/components/collapsible_nav/collapsible_nav.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';
+export var euiCollapsibleNavStyles = function euiCollapsibleNavStyles(_ref) {
+  var euiTheme = _ref.euiTheme;
+  return {
+    euiCollapsibleNav: /*#__PURE__*/css(";label:euiCollapsibleNav;"),
+    // The majority of styles extend from EuiFlyout
+    push: /*#__PURE__*/css(";label:push;"),
+    // No z-index needed
+    overlay: /*#__PURE__*/css("z-index:", euiTheme.levels.navigation, ";;label:overlay;")
+  };
+};

package/optimize/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js

@@ -11,18 +11,14 @@ var _excluded = ["className", "children", "id", "title", "iconType", "iconSize",
 
 import React from 'react';
 import classNames from 'classnames';
-import { useGeneratedHtmlId } from '../../../services';
+import { EuiThemeProvider, useEuiTheme, useGeneratedHtmlId } from '../../../services';
 import { EuiAccordion } from '../../accordion';
 import { EuiIcon } from '../../icon';
 import { EuiFlexGroup, EuiFlexItem } from '../../flex';
 import { EuiTitle } from '../../title';
+import { euiCollapsibleNavGroupStyles } from './collapsible_nav_group.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var backgroundToClassNameMap = {
-  none: '',
-  light: 'euiCollapsibleNavGroup--light',
-  dark: 'euiCollapsibleNavGroup--dark'
-};
-export var BACKGROUNDS = Object.keys(backgroundToClassNameMap);
+export var BACKGROUNDS = ['none', 'light', 'dark'];
 export var EuiCollapsibleNavGroup = function EuiCollapsibleNavGroup(_ref) {
   var className = _ref.className,
     children = _ref.children,
@@ -45,15 +41,18 @@ export var EuiCollapsibleNavGroup = function EuiCollapsibleNavGroup(_ref) {
     conditionalId: id
   });
   var titleID = "".concat(groupID, "__title");
-  var classes = classNames('euiCollapsibleNavGroup', backgroundToClassNameMap[background], {
-    'euiCollapsibleNavGroup--withHeading': title
-  }, className);
+  var euiTheme = useEuiTheme();
+  var styles = euiCollapsibleNavGroupStyles(euiTheme);
+  var cssStyles = [styles.euiCollapsibleNavGroup, isCollapsible ? styles.isCollapsible : styles.notCollapsible, background && styles[background]];
+  var classes = classNames('euiCollapsibleNavGroup', className);
 
   // Warn if consumer passes an iconType without a title
   if (iconType && !title) {
     console.warn('EuiCollapsibleNavGroup will not render an icon without `title`.');
   }
+  var childrenStyles = [styles.childrenWrapper.euiCollapsibleNavGroup__children, title && styles.childrenWrapper.withHeading];
   var content = children && ___EmotionJSX("div", {
+    css: childrenStyles,
     className: "euiCollapsibleNavGroup__children"
   }, children);
   var headingClasses = 'euiCollapsibleNavGroup__heading';
@@ -73,24 +72,30 @@ export var EuiCollapsibleNavGroup = function EuiCollapsibleNavGroup(_ref) {
     id: titleID,
     className: "euiCollapsibleNavGroup__title"
   }, title)))) : undefined;
+  var render;
   if (isCollapsible && title) {
-    return ___EmotionJSX(EuiAccordion, _extends({
+    render = ___EmotionJSX(EuiAccordion, _extends({
       id: groupID,
+      css: cssStyles,
       className: classes,
       buttonClassName: headingClasses,
       buttonContent: titleContent,
       initialIsOpen: true,
-      arrowDisplay: "right",
-      arrowProps: {
-        color: background === 'dark' ? 'ghost' : 'text'
-      }
+      arrowDisplay: "right"
     }, rest), content);
   } else {
-    return ___EmotionJSX("div", _extends({
+    render = ___EmotionJSX("div", _extends({
       id: groupID,
+      css: cssStyles,
       className: classes
     }, rest), titleContent && ___EmotionJSX("div", {
       className: headingClasses
     }, titleContent), content);
   }
+  return background === 'dark' ? ___EmotionJSX(EuiThemeProvider, {
+    colorMode: "dark",
+    wrapperProps: {
+      cloneElement: true
+    }
+  }, render) : render;
 };

package/optimize/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js

@@ -0,0 +1,30 @@
+/*
+ * 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 { shade } from '../../../services';
+import { logicalCSS } from '../../../global_styling';
+export var euiCollapsibleNavGroupStyles = function euiCollapsibleNavGroupStyles(_ref) {
+  var euiTheme = _ref.euiTheme,
+    colorMode = _ref.colorMode;
+  return {
+    euiCollapsibleNavGroup: /*#__PURE__*/css("&:not(:first-child){", logicalCSS('border-top', euiTheme.border.thin), ";};label:euiCollapsibleNavGroup;"),
+    // Background colors
+    none: /*#__PURE__*/css(";label:none;"),
+    light: /*#__PURE__*/css("background-color:", euiTheme.colors.body, ";;label:light;"),
+    dark: /*#__PURE__*/css("background-color:", colorMode === 'DARK' ? shade(euiTheme.colors.lightestShade, 0.5) : shade(euiTheme.colors.darkestShade, 0.2), ";.euiCollapsibleNavGroup__title,.euiCollapsibleNavGroup__heading,.euiAccordion__iconButton{color:", euiTheme.colors.ghost, ";};label:dark;"),
+    // Header padding
+    isCollapsible: /*#__PURE__*/css(".euiAccordion__triggerWrapper{padding:", euiTheme.size.base, ";};label:isCollapsible;"),
+    notCollapsible: /*#__PURE__*/css(".euiCollapsibleNavGroup__heading{padding:", euiTheme.size.base, ";};label:notCollapsible;"),
+    // Children padding
+    childrenWrapper: {
+      euiCollapsibleNavGroup__children: /*#__PURE__*/css("padding:", euiTheme.size.s, ";;label:euiCollapsibleNavGroup__children;"),
+      withHeading: /*#__PURE__*/css(logicalCSS('padding-top', 0), ";;label:withHeading;")
+    }
+  };
+};

package/optimize/es/components/color_picker/color_stops/color_stops.styles.js

@@ -38,7 +38,7 @@ export var euiColorStopsStyles = function euiColorStopsStyles(euiThemeContext) {
     euiColorStops__track: /*#__PURE__*/css("&::after{background:", stripesBackground, ";background-size:", euiTheme.size.xs, " ", euiTheme.size.xs, ";};label:euiColorStops__track;"),
     euiColorStops__addTarget: /*#__PURE__*/css(euiCustomControl(euiThemeContext, {
       type: 'round'
-    }), ";", euiRangeThumbStyle(euiThemeContext), ";position:absolute;inset-block-start:0;block-size:", range.thumbHeight, ";inline-size:", range.thumbHeight, ";background-color:", euiTheme.colors.lightestShade, ";pointer-events:none;opacity:0;border:", euiTheme.border.width.thin, " solid ", euiTheme.colors.darkShade, ";box-shadow:none;z-index:", range.thumbZIndex, ";", euiCanAnimate, "{transition:opacity ", euiTheme.animation.fast, " ease-in;};label:euiColorStops__addTarget;")
+    }), " ", euiRangeThumbStyle(euiThemeContext), " position:absolute;inset-block-start:0;block-size:", range.thumbHeight, ";inline-size:", range.thumbHeight, ";background-color:", euiTheme.colors.lightestShade, ";pointer-events:none;opacity:0;border:", euiTheme.border.width.thin, " solid ", euiTheme.colors.darkShade, ";box-shadow:none;z-index:", range.thumbZIndex, ";", euiCanAnimate, "{transition:opacity ", euiTheme.animation.fast, " ease-in;};label:euiColorStops__addTarget;")
   };
 };
 var _ref = process.env.NODE_ENV === "production" ? {

package/optimize/es/components/date_picker/date_picker_range.styles.js

@@ -25,7 +25,7 @@ export var euiDatePickerRangeInlineStyles = function euiDatePickerRangeInlineSty
   // depending on whether time selection is being rendered or not
   var containerQuery = function containerQuery(datePickerWidth) {
     var delimiterWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
-    return "\n    display: block;\n    container-type: inline-size;\n\n    .euiFormControlLayout__childrenWrapper {\n      // Use static px widths for now, since render behavior comes from a third party library\n      @container (max-width: ".concat(datePickerWidth * 2 + delimiterWidth, "px) {\n        // Unset grid display\n        display: block !important;\n\n        // Center and point the default delimiter arrow downwards\n        & > .euiText > [data-icon-type='sortRight'] {\n          transform: rotate(90deg);\n          margin-inline: auto;\n        }\n      }\n    }");
+    return "\n    display: block;\n    container-type: inline-size;\n\n    .euiFormControlLayout__childrenWrapper {\n      /* Use static px widths for now, since render behavior comes from a third party library */\n      @container (max-width: ".concat(datePickerWidth * 2 + delimiterWidth, "px) {\n        /* Unset grid display */\n        display: block !important;\n\n        /* Center and point the default delimiter arrow downwards */\n        & > .euiText > [data-icon-type='sortRight'] {\n          transform: rotate(90deg);\n          margin-inline: auto;\n        }\n      }\n    }");
   };
   return {
     inline: /*#__PURE__*/css(".euiFormControlLayoutDelimited{", logicalCSS('height', 'auto'), " ", logicalCSS('width', 'fit-content'), " ", logicalCSS('max-width', '100%'), " background-color:transparent;box-shadow:none;padding:0;.euiFormControlLayout__childrenWrapper{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;align-items:stretch;background-color:transparent;}&.euiFormControlLayout--group{&>*,.euiFormControlLayoutDelimited__delimiter{", logicalCSS('height', 'auto'), ";}}.euiFormControlLayoutIcons{justify-content:center;grid-column:1/span 3;", logicalCSS('height', 'auto'), " ", logicalCSS('padding-bottom', euiTheme.size.s), ";}}.react-datepicker{position:relative;}.react-datepicker__time-list{padding:0;};label:inline;"),

package/optimize/es/components/description_list/description_list_title.styles.js

@@ -29,8 +29,8 @@ export var euiDescriptionListTitleStyles = function euiDescriptionListTitleStyle
     },
     // Inline types
     inlineStyles: {
-      normal: /*#__PURE__*/css(euiFontSize(euiThemeContext, 's'), ";", logicalCSS('padding-vertical', '1px'), " ", logicalCSS('padding-horizontal', euiTheme.size.xs), ";;label:normal;"),
-      compressed: /*#__PURE__*/css(euiFontSize(euiThemeContext, 'xs'), ";", logicalCSS('padding-vertical', '0'), " ", logicalCSS('padding-horizontal', euiTheme.size.xs), ";;label:compressed;")
+      normal: /*#__PURE__*/css(euiFontSize(euiThemeContext, 's'), " ", logicalCSS('padding-vertical', '1px'), " ", logicalCSS('padding-horizontal', euiTheme.size.xs), ";;label:normal;"),
+      compressed: /*#__PURE__*/css(euiFontSize(euiThemeContext, 'xs'), " ", logicalCSS('padding-vertical', '0'), " ", logicalCSS('padding-horizontal', euiTheme.size.xs), ";;label:compressed;")
     },
     // Alignment
     right: /*#__PURE__*/css(logicalTextAlignCSS('right'), ";;label:right;"),

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

@@ -14,6 +14,6 @@ export var euiErrorBoundaryStyles = function euiErrorBoundaryStyles(_ref) {
   var color1 = transparentize(euiTheme.colors.danger, 0.25);
   var color2 = transparentize(euiTheme.colors.danger, 0.05);
   return {
-    euiErrorBoundary: /*#__PURE__*/css("background-image:repeating-linear-gradient(\n        45deg,\n        ", color1, ",\n        ", color1, " 1px,\n        ", color2, " 1px,\n        ", color2, " 19px\n      );background-size:54px 54px;", logicalCSS('padding-horizontal', euiTheme.size.base), ";", logicalCSS('padding-vertical', euiTheme.size.base), ";;label:euiErrorBoundary;")
+    euiErrorBoundary: /*#__PURE__*/css("background-image:repeating-linear-gradient(\n        45deg,\n        ", color1, ",\n        ", color1, " 1px,\n        ", color2, " 1px,\n        ", color2, " 19px\n      );background-size:54px 54px;", logicalCSS('padding-horizontal', euiTheme.size.base), " ", logicalCSS('padding-vertical', euiTheme.size.base), ";;label:euiErrorBoundary;")
   };
 };

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

@@ -17,7 +17,7 @@ var _colorCSS = function _colorCSS(color) {
 export var euiExpressionStyles = function euiExpressionStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   return {
-    euiExpression: /*#__PURE__*/css(euiTextBreakWord(), ";display:inline-block;font-family:", euiTheme.font.familyCode, ";", logicalCSS('border-bottom', "".concat(euiTheme.border.width.thick, " solid transparent")), " ", euiFontSize(euiThemeContext, 's'), ";", logicalTextAlignCSS('left'), " ", logicalShorthandCSS('padding', "".concat(mathWithUnits(euiTheme.size.s, function (x) {
+    euiExpression: /*#__PURE__*/css(euiTextBreakWord(), " display:inline-block;font-family:", euiTheme.font.familyCode, ";", logicalCSS('border-bottom', "".concat(euiTheme.border.width.thick, " solid transparent")), " ", euiFontSize(euiThemeContext, 's'), " ", logicalTextAlignCSS('left'), " ", logicalShorthandCSS('padding', "".concat(mathWithUnits(euiTheme.size.s, function (x) {
       return x / 2;
     }), " 0")), " color:", euiTheme.colors.text, ";&:focus{", logicalCSS('border-bottom-style', 'solid'), ";}&+.euiExpression{", logicalCSS('margin-left', euiTheme.size.s), ";};label:euiExpression;"),
     // Variants
@@ -62,7 +62,7 @@ export var euiExpressionDescriptionStyles = function euiExpressionDescriptionSty
     danger: /*#__PURE__*/css("color:", euiTheme.colors.dangerText, ";;label:danger;"),
     accent: /*#__PURE__*/css("color:", euiTheme.colors.accentText, ";;label:accent;"),
     isUppercase: _ref2,
-    columns: /*#__PURE__*/css(logicalTextAlignCSS('right'), " ", logicalCSS('margin-right', euiTheme.size.s), ";flex-shrink:0;;label:columns;")
+    columns: /*#__PURE__*/css(logicalTextAlignCSS('right'), " ", logicalCSS('margin-right', euiTheme.size.s), " flex-shrink:0;;label:columns;")
   };
 };
 var _ref = process.env.NODE_ENV === "production" ? {

package/optimize/es/components/facet/facet_button.styles.js

@@ -14,7 +14,7 @@ export var euiFacetButtonStyles = function euiFacetButtonStyles(_ref3) {
   var euiTheme = _ref3.euiTheme;
   return {
     // Base
-    euiFacetButton: /*#__PURE__*/css(logicalTextAlignCSS('left'), ";&:hover,&:focus{&:not(:disabled) [class*='euiFacetButton__text']{text-decoration:underline;}}&:focus:not(:disabled) [class*='euiFacetButton__text']{", euiLinkFocusCSS(euiTheme), ";}&:disabled{color:", euiTheme.colors.disabledText, ";pointer-events:none;&:hover,&:focus{text-decoration:none;}};label:euiFacetButton;")
+    euiFacetButton: /*#__PURE__*/css(logicalTextAlignCSS('left'), " &:hover,&:focus{&:not(:disabled) [class*='euiFacetButton__text']{text-decoration:underline;}}&:focus:not(:disabled) [class*='euiFacetButton__text']{", euiLinkFocusCSS(euiTheme), ";}&:disabled{color:", euiTheme.colors.disabledText, ";pointer-events:none;&:hover,&:focus{text-decoration:none;}};label:euiFacetButton;")
   };
 };
 export var euiFacetButtonTextStyles = function euiFacetButtonTextStyles(_ref4) {

package/optimize/es/components/filter_group/filter_button.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "iconType", "iconSide", "color", "hasActiveFilters", "numFilters", "numActiveFilters", "isDisabled", "isSelected", "type", "grow", "withNext", "textProps"];
+var _excluded = ["children", "className", "iconType", "iconSide", "color", "badgeColor", "hasActiveFilters", "numFilters", "numActiveFilters", "isDisabled", "isSelected", "type", "grow", "withNext", "textProps"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /*
@@ -16,7 +16,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React, { Fragment } from 'react';
 import classNames from 'classnames';
 import { useEuiI18n } from '../i18n';
-import { EuiNotificationBadge } from '../badge/notification_badge';
+import { EuiNotificationBadge } from '../badge';
 import { EuiButtonEmpty } from '../button/button_empty';
 import { useInnerText } from '../inner_text';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -28,6 +28,8 @@ export var EuiFilterButton = function EuiFilterButton(_ref) {
     iconSide = _ref$iconSide === void 0 ? 'right' : _ref$iconSide,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'text' : _ref$color,
+    _ref$badgeColor = _ref.badgeColor,
+    badgeColor = _ref$badgeColor === void 0 ? 'accent' : _ref$badgeColor,
     hasActiveFilters = _ref.hasActiveFilters,
     numFilters = _ref.numFilters,
     numActiveFilters = _ref.numActiveFilters,
@@ -64,7 +66,7 @@ export var EuiFilterButton = function EuiFilterButton(_ref) {
   var badgeContent = showBadge && ___EmotionJSX(EuiNotificationBadge, {
     className: "euiFilterButton__notification",
     "aria-label": hasActiveFilters ? activeBadgeLabel : availableBadgeLabel,
-    color: isDisabled || !hasActiveFilters ? 'subdued' : 'accent',
+    color: isDisabled || !hasActiveFilters ? 'subdued' : badgeColor,
     role: "marquee" // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/marquee_role
   }, badgeCount);
   var dataText;

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

@@ -20,7 +20,7 @@ export var euiFlyoutCloseButtonStyles = function euiFlyoutCloseButtonStyles(euiT
   return {
     euiFlyout__closeButton: /*#__PURE__*/css("position:absolute;", logicalCSS('right', euiTheme.size.s), " ", logicalCSS('top', euiTheme.size.s), " z-index:3;;label:euiFlyout__closeButton;"),
     inside: /*#__PURE__*/css("background-color:", transparentize(euiTheme.colors.emptyShade, 0.9), ";;label:inside;"),
-    outside: /*#__PURE__*/css(euiShadowXLarge(euiThemeContext), ";animation:none!important;;label:outside;"),
+    outside: /*#__PURE__*/css(euiShadowXLarge(euiThemeContext), "animation:none!important;;label:outside;"),
     outsideSide: {
       // `transforms` pull in close buttons a little
       // `!important` is necessary here to override the hover/focus transitions of buttons

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

@@ -16,9 +16,9 @@ export var euiRangeSliderStyles = function euiRangeSliderStyles(euiThemeContext)
     // Base
     euiRangeSlider: /*#__PURE__*/css("appearance:none;background:transparent;inline-size:100%;block-size:100%;position:relative;cursor:pointer;z-index:", range.thumbZIndex, ";", euiRangeThumbPerBrowser("\n        ".concat(euiCustomControl(euiThemeContext, {
       type: 'round'
-    }), ";\n        ").concat(euiRangeThumbStyle(euiThemeContext), ";\n      ")), " &:disabled{cursor:not-allowed;", euiRangeThumbPerBrowser('cursor: not-allowed'), ";}&::-webkit-slider-thumb{-webkit-appearance:none;}&:focus{outline:none;}&:focus-visible{", euiRangeThumbPerBrowser(euiRangeThumbFocus(euiThemeContext)), " &~.euiRangeTooltip .euiRangeTooltip__value{transform:translateX(0) translateY(-50%) scale(1.1);}};label:euiRangeSlider;"),
+    }), "\n        ").concat(euiRangeThumbStyle(euiThemeContext), "\n      ")), " &:disabled{cursor:not-allowed;", euiRangeThumbPerBrowser('cursor: not-allowed'), ";}&::-webkit-slider-thumb{-webkit-appearance:none;}&:focus{outline:none;}&:focus-visible{", euiRangeThumbPerBrowser(euiRangeThumbFocus(euiThemeContext)), " &~.euiRangeTooltip .euiRangeTooltip__value{transform:translateX(0) translateY(-50%) scale(1.1);}};label:euiRangeSlider;"),
     hasTicks: /*#__PURE__*/css("block-size:", range.thumbHeight, ";;label:hasTicks;"),
-    hasRange: /*#__PURE__*/css(euiRangeTrackPerBrowser("\n        background-color: transparent;\n        border-color: ".concat(transparentize(range.trackBorderColor, 0.6), ";\n      ")), ";;label:hasRange;"),
+    hasRange: /*#__PURE__*/css(euiRangeTrackPerBrowser("\n        background-color: transparent;\n        border-color: ".concat(transparentize(range.trackBorderColor, 0.6), "\n      ")), ";;label:hasRange;"),
     hasLevels: /*#__PURE__*/css(euiRangeThumbPerBrowser("background-color: ".concat(range.thumbBackgroundColor)), ";;label:hasLevels;")
   };
 };

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

@@ -25,9 +25,9 @@ export var euiRangeThumbStyles = function euiRangeThumbStyles(euiThemeContext) {
     // Base
     euiRangeThumb: /*#__PURE__*/css(euiCustomControl(euiThemeContext, {
       type: 'round'
-    }), ";", euiRangeThumbStyle(euiThemeContext), ";content:'';position:absolute;inset-inline-start:0;inset-block-start:50%;margin-block-start:", mathWithUnits(range.thumbHeight, function (x) {
+    }), " ", euiRangeThumbStyle(euiThemeContext), " content:'';position:absolute;inset-inline-start:0;inset-block-start:50%;margin-block-start:", mathWithUnits(range.thumbHeight, function (x) {
       return x / 2 * -1;
-    }), ";pointer-events:none;z-index:", range.thumbZIndex, ";&:focus{", euiRangeThumbFocus(euiThemeContext), ";outline:none;};label:euiRangeThumb;"),
+    }), ";pointer-events:none;z-index:", range.thumbZIndex, ";&:focus{", euiRangeThumbFocus(euiThemeContext), " outline:none;};label:euiRangeThumb;"),
     hasTicks: _ref
   };
 };

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

@@ -64,7 +64,7 @@ export var euiRangeTickStyles = function euiRangeTickStyles(euiThemeContext) {
     // Base
     euiRangeTick: /*#__PURE__*/css(logicalCSSWithFallback('overflow-x', 'hidden'), " ", logicalCSSWithFallback('overflow-y', 'hidden'), " text-overflow:ellipsis;font-size:", euiFontSize(euiThemeContext, 'xs').fontSize, ";position:absolute;transform:translateX(-50%);&:disabled{cursor:not-allowed;}&:enabled:hover,&:focus{color:", range.focusColor, ";};label:euiRangeTick;"),
     // compressed and non-compressed styles
-    compressed: /*#__PURE__*/css(logicalCSS('padding-top', euiTheme.size.s), ";&::before{", logicalCSS('margin-top', euiTheme.size.xxs), ";};label:compressed;"),
+    compressed: /*#__PURE__*/css(logicalCSS('padding-top', euiTheme.size.s), " &::before{", logicalCSS('margin-top', euiTheme.size.xxs), ";};label:compressed;"),
     regular: /*#__PURE__*/css(logicalCSS('padding-top', euiTheme.size.m), ";;label:regular;"),
     selected: /*#__PURE__*/css("font-weight:", euiTheme.font.weight.medium, ";color:", range.focusColor, ";;label:selected;"),
     isCustom: /*#__PURE__*/css(logicalCSSWithFallback('overflow-x', 'hidden'), ";;label:isCustom;"),

package/optimize/es/components/header/header_breadcrumbs/header_breadcrumbs.styles.js

@@ -11,6 +11,6 @@ import { euiTextTruncate, logicalCSS } from '../../../global_styling';
 export var euiHeaderBreadcrumbsStyles = function euiHeaderBreadcrumbsStyles(_ref) {
   var euiTheme = _ref.euiTheme;
   return {
-    euiHeaderBreadcrumbs: /*#__PURE__*/css(euiTextTruncate(), ";align-items:center;display:flex;flex-grow:1;", logicalCSS('margin-horizontal', euiTheme.size.s), ";;label:euiHeaderBreadcrumbs;")
+    euiHeaderBreadcrumbs: /*#__PURE__*/css(euiTextTruncate(), " align-items:center;display:flex;flex-grow:1;", logicalCSS('margin-horizontal', euiTheme.size.s), ";;label:euiHeaderBreadcrumbs;")
   };
 };

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

@@ -26,7 +26,7 @@ var EuiIconAccessibility = function EuiIconAccessibility(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    d: "M8 0a8 8 0 110 16A8 8 0 018 0zm0 1a7 7 0 100 14A7 7 0 008 1zm3.974 4.342a.5.5 0 01-.233.596l-.083.036L9 6.86v2.559l.974 2.923a.5.5 0 01-.233.596l-.083.036a.5.5 0 01-.596-.233l-.036-.083-1-3L8 9.5l-.026.158-1 3a.5.5 0 01-.97-.228l.022-.088L7 9.416V6.86l-2.658-.886a.5.5 0 01.228-.97l.088.022L7.583 6h.833l2.926-.974a.5.5 0 01.632.316zM8 3a1 1 0 110 2 1 1 0 010-2z"
+    d: "M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0Zm0 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm3.974 4.342a.5.5 0 0 1-.233.596l-.083.036L9 6.86v2.559l.974 2.923a.5.5 0 0 1-.233.596l-.083.036a.5.5 0 0 1-.596-.233l-.036-.083-1-3L8 9.5l-.026.158-1 3a.5.5 0 0 1-.97-.228l.022-.088L7 9.416V6.86l-2.658-.886a.5.5 0 0 1 .228-.97l.088.022L7.583 6h.833l2.926-.974a.5.5 0 0 1 .632.316ZM8 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"
   }));
 };
 export var icon = EuiIconAccessibility;

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

@@ -18,16 +18,16 @@ var EuiIconAggregate = function EuiIconAggregate(_ref) {
     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",
-    xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
     fillRule: "evenodd",
-    d: "M2.5 2a.5.5 0 100 1 .5.5 0 000-1zm0-1a1.5 1.5 0 011.415 1h1.908a1.5 1.5 0 011.393.943L8.839 7H12.5a.5.5 0 010 1H8.839l-1.623 4.057A1.5 1.5 0 015.823 13H3.915a1.5 1.5 0 110-1h1.908a.5.5 0 00.464-.314L7.761 8H3.915a1.5 1.5 0 110-1H7.76L6.287 3.314A.5.5 0 005.823 3H3.915A1.5 1.5 0 112.5 1zm0 11a.5.5 0 110 1 .5.5 0 010-1zM3 7.5a.5.5 0 10-1 0 .5.5 0 001 0zm9.354-3.354a.5.5 0 00-.708.708L13.793 7a.707.707 0 010 1l-2.147 2.146a.5.5 0 00.708.708L14.5 8.707a1.707 1.707 0 000-2.414l-2.146-2.147z"
+    d: "M2.5 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm0-1a1.5 1.5 0 0 1 1.415 1h1.908a1.5 1.5 0 0 1 1.393.943L8.839 7H12.5a.5.5 0 0 1 0 1H8.839l-1.623 4.057A1.5 1.5 0 0 1 5.823 13H3.915a1.5 1.5 0 1 1 0-1h1.908a.5.5 0 0 0 .464-.314L7.761 8H3.915a1.5 1.5 0 1 1 0-1H7.76L6.287 3.314A.5.5 0 0 0 5.823 3H3.915A1.5 1.5 0 1 1 2.5 1zm0 11a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1zM3 7.5a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0zm9.354-3.354a.5.5 0 0 0-.708.708L13.793 7a.707.707 0 0 1 0 1l-2.147 2.146a.5.5 0 0 0 .708.708L14.5 8.707a1.707 1.707 0 0 0 0-2.414l-2.146-2.147z"
   }));
 };
 export var icon = EuiIconAggregate;

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

@@ -18,18 +18,18 @@ var EuiIconAnalyzeEvent = function EuiIconAnalyzeEvent(_ref) {
     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",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
     "aria-labelledby": titleId
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 9.169L2 5.25v6.17l6 3.428 6-3.428V5.25L8 9.17zM15 4v8l-7 4-7-4V4l7-4 7 4zm-1.428.336L8 1.152 2.428 4.336 8 7.974l5.572-3.638z"
+    d: "M8 9.169 2 5.25v6.17l6 3.428 6-3.428V5.25L8 9.17ZM15 4v8l-7 4-7-4V4l7-4 7 4Zm-1.428.336L8 1.152 2.428 4.336 8 7.974l5.572-3.638Z",
+    clipRule: "evenodd"
   }));
 };
 export var icon = EuiIconAnalyzeEvent;

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

@@ -26,7 +26,7 @@ var EuiIconAnnotation = function EuiIconAnnotation(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    d: "M3 6.5a4.5 4.5 0 115 4.473V16H7v-5.027A4.5 4.5 0 013 6.5z"
+    d: "M3 6.5a4.5 4.5 0 1 1 5 4.473V16H7v-5.027A4.5 4.5 0 0 1 3 6.5Z"
   }));
 };
 export var icon = EuiIconAnnotation;

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

@@ -26,7 +26,7 @@ var EuiIconApmTrace = function EuiIconApmTrace(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    d: "M2 0h12a2 2 0 012 2v12a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2zm0 1a1 1 0 00-1 1v12a1 1 0 001 1h12a1 1 0 001-1V2a1 1 0 00-1-1H2zm.5 2h10a.5.5 0 110 1h-10a.5.5 0 010-1zm1 3h6a.5.5 0 010 1h-6a.5.5 0 010-1zm2 3h4a.5.5 0 010 1h-4a.5.5 0 010-1zm3 3h5a.5.5 0 110 1h-5a.5.5 0 110-1z"
+    d: "M2 0h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2Zm0 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2Zm.5 2h10a.5.5 0 1 1 0 1h-10a.5.5 0 0 1 0-1Zm1 3h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1Zm2 3h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1Zm3 3h5a.5.5 0 1 1 0 1h-5a.5.5 0 1 1 0-1Z"
   }));
 };
 export var icon = EuiIconApmTrace;

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

@@ -26,10 +26,10 @@ var EuiIconAppAddData = function EuiIconAppAddData(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    d: "M32 30H0V3h12.57l3 5H32v22zM2 28h28V10H14.43l-3-5H2v23z"
+    d: "M32 30H0V3h12.57l3 5H32v22ZM2 28h28V10H14.43l-3-5H2v23Z"
   }), ___EmotionJSX("path", {
-    className: "euiIcon__fillSecondary",
-    d: "M21 18h-4v-4h-2v4h-4v2h4v4h2v-4h4z"
+    d: "M21 18h-4v-4h-2v4h-4v2h4v4h2v-4h4z",
+    className: "euiIcon__fillSecondary"
   }));
 };
 export var icon = EuiIconAppAddData;

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

@@ -26,20 +26,20 @@ var EuiIconAppAdvancedSettings = function EuiIconAppAdvancedSettings(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    className: "euiIcon__fillSecondary",
-    d: "M2.909 26.182h1.939v4.848H2.909z"
+    d: "M2.909 26.182h1.939v4.848H2.909z",
+    className: "euiIcon__fillSecondary"
   }), ___EmotionJSX("path", {
-    d: "M4.848 16.62V0H2.91v16.62a3.879 3.879 0 101.94 0zm-.97 5.683a1.94 1.94 0 110-3.879 1.94 1.94 0 010 3.879z"
+    d: "M4.848 16.62V0H2.91v16.62a3.879 3.879 0 1 0 1.94 0Zm-.97 5.683a1.94 1.94 0 1 1 0-3.879 1.94 1.94 0 0 1 0 3.879Z"
   }), ___EmotionJSX("path", {
-    className: "euiIcon__fillSecondary",
-    d: "M14.545 16.485h1.939V31.03h-1.939z"
+    d: "M14.545 16.485h1.939V31.03h-1.939z",
+    className: "euiIcon__fillSecondary"
   }), ___EmotionJSX("path", {
-    d: "M16.485 6.924V0h-1.94v6.924a3.879 3.879 0 101.94 0zm-.97 5.682a1.94 1.94 0 110-3.879 1.94 1.94 0 010 3.88z"
+    d: "M16.485 6.924V0h-1.94v6.924a3.879 3.879 0 1 0 1.94 0Zm-.97 5.682a1.94 1.94 0 1 1 0-3.879 1.94 1.94 0 0 1 0 3.88Z"
   }), ___EmotionJSX("path", {
-    className: "euiIcon__fillSecondary",
-    d: "M26.182 26.182h1.939v4.848h-1.939z"
+    d: "M26.182 26.182h1.939v4.848h-1.939z",
+    className: "euiIcon__fillSecondary"
   }), ___EmotionJSX("path", {
-    d: "M28.121 16.62V0h-1.94v16.62a3.879 3.879 0 101.94 0zm-.97 5.683a1.94 1.94 0 110-3.879 1.94 1.94 0 010 3.879z"
+    d: "M28.121 16.62V0h-1.94v16.62a3.879 3.879 0 1 0 1.94 0Zm-.97 5.683a1.94 1.94 0 1 1 0-3.879 1.94 1.94 0 0 1 0 3.879Z"
   }));
 };
 export var icon = EuiIconAppAdvancedSettings;

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

@@ -18,18 +18,18 @@ var EuiIconAppAgent = function EuiIconAppAgent(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
-    xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    d: "M2.996 18.636L0 20.434v6.132l6 3.6 5-3 5 3 5-3 5 3 6-3.6v-6.132l-5-3v-5l-5-3v-5l-6-3.6-6 3.6v2.832l2 .033V5.566l4-2.4 4 2.4v3.868l-1.996 1.197 1 1.733L21 11.166l4 2.4v3.868l-4 2.4-2.257-1.354-.971 1.75L20 21.565v3.868l-4 2.4-4-2.4v-1.7l-2-.033v1.733l-4 2.4-4-2.4v-3.868l1.996-1.197-1-1.733zM22 25.434v-3.868l4-2.4 4 2.4v3.868l-4 2.4-4-2.4z"
+    d: "M2.996 18.636 0 20.434v6.132l6 3.6 5-3 5 3 5-3 5 3 6-3.6v-6.132l-5-3v-5l-5-3v-5l-6-3.6-6 3.6v2.832l2 .033V5.566l4-2.4 4 2.4v3.868l-1.996 1.197 1 1.733L21 11.166l4 2.4v3.868l-4 2.4-2.257-1.354-.971 1.75L20 21.565v3.868l-4 2.4-4-2.4v-1.7l-2-.033v1.733l-4 2.4-4-2.4v-3.868l1.996-1.197-1-1.733ZM22 25.434v-3.868l4-2.4 4 2.4v3.868l-4 2.4-4-2.4Z"
   }), ___EmotionJSX("path", {
-    className: "euiIcon__fillSecondary",
-    d: "M11 22.166l-6-3.6v-6.132l6-3.6 6 3.6v6.132l-6 3.6zm4-4.732v-3.868l-4-2.4-4 2.4v3.868l4 2.4 4-2.4z"
+    d: "m11 22.166-6-3.6v-6.132l6-3.6 6 3.6v6.132l-6 3.6Zm4-4.732v-3.868l-4-2.4-4 2.4v3.868l4 2.4 4-2.4Z",
+    className: "euiIcon__fillSecondary"
   }));
 };
 export var icon = EuiIconAppAgent;

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

@@ -28,8 +28,8 @@ var EuiIconAppApm = function EuiIconAppApm(_ref) {
   }, title) : null, ___EmotionJSX("path", {
     d: "M3 10h4v2H1V1h30v6h-2V3H3v7zm26 19v-6h2v8H18v-8h2v6h9z"
   }), ___EmotionJSX("path", {
-    className: "euiIcon__fillSecondary",
-    d: "M31 10H9v11h12c5.523 0 10-4.477 10-10v-1zm-10 9H11v-7h17.938A8.001 8.001 0 0121 19z"
+    d: "M31 10H9v11h12c5.523 0 10-4.477 10-10v-1zm-10 9H11v-7h17.938A8.001 8.001 0 0 1 21 19z",
+    className: "euiIcon__fillSecondary"
   }));
 };
 export var icon = EuiIconAppApm;

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

@@ -27,11 +27,11 @@ var EuiIconAppAppSearch = function EuiIconAppAppSearch(_ref) {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
     fillRule: "evenodd",
-    d: "M15.5 11.915L27 5.279 19.5.938a7.002 7.002 0 00-7 0l-8 4.62A7 7 0 001 11.62v9.237a7 7 0 003.5 6.061l7.5 4.33V17.98a7 7 0 013.5-6.063zM10 27.785v-9.808a9 9 0 014.5-7.793l8.503-4.91L18.5 2.672a5.003 5.003 0 00-5 0l-8 4.619A5 5 0 003 11.62v9.238a5 5 0 002.5 4.33l4.5 2.598z"
+    d: "M15.5 11.915 27 5.279 19.5.938a7.002 7.002 0 0 0-7 0l-8 4.62A7 7 0 0 0 1 11.62v9.237a7 7 0 0 0 3.5 6.061l7.5 4.33V17.98a7 7 0 0 1 3.5-6.063ZM10 27.785v-9.808a9 9 0 0 1 4.5-7.793l8.503-4.91L18.5 2.672a5.003 5.003 0 0 0-5 0l-8 4.619A5 5 0 0 0 3 11.62v9.238a5 5 0 0 0 2.5 4.33l4.5 2.598Z"
   }), ___EmotionJSX("path", {
     fillRule: "evenodd",
-    className: "euiIcon__fillSecondary",
-    d: "M18.409 13.55a7.089 7.089 0 011.035 1.711A6.93 6.93 0 0120 17.98v13.27l7.5-4.33a7 7 0 003.5-6.061v-9.239a6.992 6.992 0 00-1.587-4.421L18.409 13.55zm2.777.705A8.933 8.933 0 0122 17.979v9.807l4.5-2.598a5 5 0 002.5-4.33V11.62c0-.588-.106-1.161-.303-1.7l-7.511 4.335z"
+    d: "M18.409 13.55a7.089 7.089 0 0 1 1.035 1.711A6.93 6.93 0 0 1 20 17.98v13.27l7.5-4.33a7 7 0 0 0 3.5-6.061v-9.239a6.992 6.992 0 0 0-1.587-4.421L18.409 13.55Zm2.777.705A8.933 8.933 0 0 1 22 17.979v9.807l4.5-2.598a5 5 0 0 0 2.5-4.33V11.62c0-.588-.106-1.161-.303-1.7l-7.511 4.335Z",
+    className: "euiIcon__fillSecondary"
   }));
 };
 export var icon = EuiIconAppAppSearch;

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

@@ -26,8 +26,8 @@ var EuiIconAppAuditbeat = function EuiIconAppAuditbeat(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    className: "euiIcon__fillSecondary",
-    d: "M15 0h2v32h-2z"
+    d: "M15 0h2v32h-2z",
+    className: "euiIcon__fillSecondary"
   }), ___EmotionJSX("path", {
     d: "M0 32h13v-2H2V2h11V0H0zM19 0v2h11v28H19v2h13V0z"
   }));