@elastic/eui 82.0.0 → 82.2.0

package/lib/components/datagrid/data_grid.js

@@ -528,7 +528,7 @@ EuiDataGrid.propTypes = {
              * Overall size of button.
              * Matches the sizes of other EuiButtons
              */
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           /**
              * Size of the icon only.
              * This will not affect the overall size of the button
@@ -545,7 +545,7 @@ EuiDataGrid.propTypes = {
              * `fill` is equivalent to a filled EuiButton
              * `empty` (default) is equivalent to an EuiButtonEmpty
              */
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           /**
              * Disables the button and changes the icon to a loading spinner
              */
@@ -604,10 +604,10 @@ EuiDataGrid.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -648,10 +648,10 @@ EuiDataGrid.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -692,10 +692,10 @@ EuiDataGrid.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -736,10 +736,10 @@ EuiDataGrid.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -780,10 +780,10 @@ EuiDataGrid.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,

package/lib/components/datagrid/utils/in_memory.js

@@ -327,7 +327,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
              * Overall size of button.
              * Matches the sizes of other EuiButtons
              */
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           /**
              * Size of the icon only.
              * This will not affect the overall size of the button
@@ -344,7 +344,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
              * `fill` is equivalent to a filled EuiButton
              * `empty` (default) is equivalent to an EuiButtonEmpty
              */
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           /**
              * Disables the button and changes the icon to a loading spinner
              */
@@ -403,10 +403,10 @@ EuiDataGridInMemoryRenderer.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -447,10 +447,10 @@ EuiDataGridInMemoryRenderer.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -491,10 +491,10 @@ EuiDataGridInMemoryRenderer.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -535,10 +535,10 @@ EuiDataGridInMemoryRenderer.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -579,10 +579,10 @@ EuiDataGridInMemoryRenderer.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,

package/lib/components/date_picker/auto_refresh/auto_refresh.js

@@ -176,11 +176,11 @@ EuiAutoRefreshButton.propTypes = {
      * **`'ghost'` is set for deprecation. Use EuiThemeProvide.colorMode = 'dark' instead.**
      */
   color: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.oneOf(["ghost"])]),
-  size: _propTypes.default.oneOf(["xs", "s", "m"]),
+  size: _propTypes.default.any,
   /**
      * Ensure the text of the button sits flush to the left, right, or both sides of its container
      */
-  flush: _propTypes.default.oneOf(["left", "right", "both"]),
+  flush: _propTypes.default.any,
   /**
      * Force disables the button and changes the icon to a loading spinner
      */
@@ -199,8 +199,7 @@ EuiAutoRefreshButton.propTypes = {
     css: _propTypes.default.any
   }),
   /**
-     * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
-     * It doesn't apply to the icon.
+     * Object of props passed to the <span/> wrapping the content's text/children only (not icon)
      */
   textProps: _propTypes.default.shape({
     className: _propTypes.default.string,

package/lib/components/date_picker/date_picker_range.styles.js

@@ -32,7 +32,7 @@ var euiDatePickerRangeInlineStyles = function euiDatePickerRangeInlineStyles(eui
   // 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__*/(0, _react.css)(".euiFormControlLayoutDelimited{", (0, _global_styling.logicalCSS)('height', 'auto'), " ", (0, _global_styling.logicalCSS)('width', 'fit-content'), " ", (0, _global_styling.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{", (0, _global_styling.logicalCSS)('height', 'auto'), ";}}.euiFormControlLayoutIcons{justify-content:center;grid-column:1/span 3;", (0, _global_styling.logicalCSS)('height', 'auto'), " ", (0, _global_styling.logicalCSS)('padding-bottom', euiTheme.size.s), ";}}.react-datepicker{position:relative;}.react-datepicker__time-list{padding:0;};label:inline;"),

package/lib/components/description_list/description_list_title.styles.js

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

package/lib/components/error_boundary/error_boundary.styles.js

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

package/lib/components/expression/expression.styles.js

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

package/lib/components/facet/facet_button.js

@@ -130,6 +130,7 @@ EuiFacetButton.propTypes = {
      * Adds a notification indicator for displaying the quantity provided
      */
   quantity: _propTypes.default.number,
+  element: _propTypes.default.oneOf(["a", "button", "span", "label"]),
   size: _propTypes.default.any,
   /**
      * Extends the button to 100% width

package/lib/components/facet/facet_button.styles.js

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

package/lib/components/filter_group/filter_button.js

@@ -9,11 +9,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _i18n = require("../i18n");
-var _notification_badge = require("../badge/notification_badge");
+var _badge = require("../badge");
 var _button_empty = require("../button/button_empty");
 var _inner_text = require("../inner_text");
 var _react2 = require("@emotion/react");
-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"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -46,6 +46,8 @@ 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,
@@ -79,10 +81,10 @@ var EuiFilterButton = function EuiFilterButton(_ref) {
   var availableBadgeLabel = (0, _i18n.useEuiI18n)('euiFilterButton.filterBadgeAvailableAriaLabel', '{count} available filters', {
     count: badgeCount
   });
-  var badgeContent = showBadge && (0, _react2.jsx)(_notification_badge.EuiNotificationBadge, {
+  var badgeContent = showBadge && (0, _react2.jsx)(_badge.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;
@@ -138,5 +140,9 @@ EuiFilterButton.propTypes = {
   /**
      * Remove border after button, good for opposite filters
      */
-  withNext: _propTypes.default.bool
+  withNext: _propTypes.default.bool,
+  /**
+     * Change color of the counter badge
+     */
+  badgeColor: _propTypes.default.any
 };

package/lib/components/flyout/flyout.styles.js

@@ -27,7 +27,7 @@ var euiFlyoutCloseButtonStyles = function euiFlyoutCloseButtonStyles(euiThemeCon
   return {
     euiFlyout__closeButton: /*#__PURE__*/(0, _react.css)("position:absolute;", (0, _global_styling.logicalCSS)('right', euiTheme.size.s), " ", (0, _global_styling.logicalCSS)('top', euiTheme.size.s), " z-index:3;;label:euiFlyout__closeButton;"),
     inside: /*#__PURE__*/(0, _react.css)("background-color:", (0, _color.transparentize)(euiTheme.colors.emptyShade, 0.9), ";;label:inside;"),
-    outside: /*#__PURE__*/(0, _react.css)((0, _mixins.euiShadowXLarge)(euiThemeContext), ";animation:none!important;;label:outside;"),
+    outside: /*#__PURE__*/(0, _react.css)((0, _mixins.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/lib/components/form/range/range_slider.styles.js

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

package/lib/components/form/range/range_thumb.styles.js

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

package/lib/components/form/range/range_ticks.styles.js

@@ -69,7 +69,7 @@ var euiRangeTickStyles = function euiRangeTickStyles(euiThemeContext) {
     // Base
     euiRangeTick: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSSWithFallback)('overflow-x', 'hidden'), " ", (0, _global_styling.logicalCSSWithFallback)('overflow-y', 'hidden'), " text-overflow:ellipsis;font-size:", (0, _global_styling.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__*/(0, _react.css)((0, _global_styling.logicalCSS)('padding-top', euiTheme.size.s), ";&::before{", (0, _global_styling.logicalCSS)('margin-top', euiTheme.size.xxs), ";};label:compressed;"),
+    compressed: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('padding-top', euiTheme.size.s), " &::before{", (0, _global_styling.logicalCSS)('margin-top', euiTheme.size.xxs), ";};label:compressed;"),
     regular: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('padding-top', euiTheme.size.m), ";;label:regular;"),
     selected: /*#__PURE__*/(0, _react.css)("font-weight:", euiTheme.font.weight.medium, ";color:", range.focusColor, ";;label:selected;"),
     isCustom: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSSWithFallback)('overflow-x', 'hidden'), ";;label:isCustom;"),

package/lib/components/header/header_breadcrumbs/header_breadcrumbs.styles.js

@@ -17,7 +17,7 @@ var _global_styling = require("../../../global_styling");
 var euiHeaderBreadcrumbsStyles = function euiHeaderBreadcrumbsStyles(_ref) {
   var euiTheme = _ref.euiTheme;
   return {
-    euiHeaderBreadcrumbs: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiTextTruncate)(), ";align-items:center;display:flex;flex-grow:1;", (0, _global_styling.logicalCSS)('margin-horizontal', euiTheme.size.s), ";;label:euiHeaderBreadcrumbs;")
+    euiHeaderBreadcrumbs: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiTextTruncate)(), " align-items:center;display:flex;flex-grow:1;", (0, _global_styling.logicalCSS)('margin-horizontal', euiTheme.size.s), ";;label:euiHeaderBreadcrumbs;")
   };
 };
 exports.euiHeaderBreadcrumbsStyles = euiHeaderBreadcrumbsStyles;

package/lib/components/header/header_links/header_link.js

@@ -53,14 +53,14 @@ EuiHeaderLink.propTypes = {
      * **`'ghost'` is set for deprecation. Use EuiThemeProvide.colorMode = 'dark' instead.**
      */
   color: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.oneOf(["ghost"])]),
-  size: _propTypes.default.oneOf(["xs", "s", "m"]),
+  size: _propTypes.default.any,
   /**
      * Ensure the text of the button sits flush to the left, right, or both sides of its container
      */
   /**
      * Ensure the text of the button sits flush to the left, right, or both sides of its container
      */
-  flush: _propTypes.default.oneOf(["left", "right", "both"]),
+  flush: _propTypes.default.any,
   /**
      * `disabled` is also allowed
      */
@@ -107,10 +107,9 @@ EuiHeaderLink.propTypes = {
   /**
      * Can only be one side `left` or `right`
      */
-  iconSide: _propTypes.default.oneOf(["left", "right"]),
+  iconSide: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.oneOf([undefined])]),
   /**
-     * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
-     * It doesn't apply to the icon.
+     * Object of props passed to the <span/> wrapping the content's text/children only (not icon)
      */
   textProps: _propTypes.default.shape({
     className: _propTypes.default.string,
@@ -120,7 +119,7 @@ EuiHeaderLink.propTypes = {
     ref: _propTypes.default.any,
     "data-text": _propTypes.default.string
   }),
-  iconSize: _propTypes.default.oneOf(["s", "m"]),
+  iconSize: _propTypes.default.any,
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,

package/lib/components/icon/assets/accessibility.js

@@ -34,7 +34,7 @@ var EuiIconAccessibility = function EuiIconAccessibility(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("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"
   }));
 };
 var icon = EuiIconAccessibility;

package/lib/components/icon/assets/aggregate.js

@@ -26,16 +26,16 @@ var EuiIconAggregate = function EuiIconAggregate(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return (0, _react2.jsx)("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 ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("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"
   }));
 };
 var icon = EuiIconAggregate;

package/lib/components/icon/assets/analyzeEvent.js

@@ -26,18 +26,18 @@ var EuiIconAnalyzeEvent = function EuiIconAnalyzeEvent(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return (0, _react2.jsx)("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 ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("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"
   }));
 };
 var icon = EuiIconAnalyzeEvent;

package/lib/components/icon/assets/annotation.js

@@ -34,7 +34,7 @@ var EuiIconAnnotation = function EuiIconAnnotation(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("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"
   }));
 };
 var icon = EuiIconAnnotation;

package/lib/components/icon/assets/apm_trace.js

@@ -34,7 +34,7 @@ var EuiIconApmTrace = function EuiIconApmTrace(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("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"
   }));
 };
 var icon = EuiIconApmTrace;

package/lib/components/icon/assets/app_add_data.js

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

package/lib/components/icon/assets/app_advanced_settings.js

@@ -34,20 +34,20 @@ var EuiIconAppAdvancedSettings = function EuiIconAppAdvancedSettings(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("path", {
-    className: "euiIcon__fillSecondary",
-    d: "M2.909 26.182h1.939v4.848H2.909z"
+    d: "M2.909 26.182h1.939v4.848H2.909z",
+    className: "euiIcon__fillSecondary"
   }), (0, _react2.jsx)("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"
   }), (0, _react2.jsx)("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"
   }), (0, _react2.jsx)("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"
   }), (0, _react2.jsx)("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"
   }), (0, _react2.jsx)("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"
   }));
 };
 var icon = EuiIconAppAdvancedSettings;

package/lib/components/icon/assets/app_agent.js

@@ -26,18 +26,18 @@ var EuiIconAppAgent = function EuiIconAppAgent(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return (0, _react2.jsx)("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 ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("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"
   }), (0, _react2.jsx)("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"
   }));
 };
 var icon = EuiIconAppAgent;

package/lib/components/icon/assets/app_apm.js

@@ -36,8 +36,8 @@ var EuiIconAppApm = function EuiIconAppApm(_ref) {
   }, title) : null, (0, _react2.jsx)("path", {
     d: "M3 10h4v2H1V1h30v6h-2V3H3v7zm26 19v-6h2v8H18v-8h2v6h9z"
   }), (0, _react2.jsx)("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"
   }));
 };
 var icon = EuiIconAppApm;

package/lib/components/icon/assets/app_app_search.js

@@ -35,11 +35,11 @@ var EuiIconAppAppSearch = function EuiIconAppAppSearch(_ref) {
     id: titleId
   }, title) : null, (0, _react2.jsx)("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"
   }), (0, _react2.jsx)("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"
   }));
 };
 var icon = EuiIconAppAppSearch;

package/lib/components/icon/assets/app_auditbeat.js

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