@elastic/eui 113.1.0 → 113.2.0

package/optimize/es/components/basic_table/basic_table.js

@@ -8,7 +8,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "loading", "items", "itemId", "columns", "pagination", "sorting", "selection", "onChange", "error", "noItemsMessage", "compressed", "itemIdToExpandedRowMap", "responsiveBreakpoint", "rowProps", "cellProps", "tableCaption", "rowHeader", "tableLayout", "hasBackground"],
+var _excluded = ["className", "loading", "items", "itemId", "columns", "pagination", "sorting", "selection", "onChange", "error", "noItemsMessage", "compressed", "itemIdToExpandedRowMap", "responsiveBreakpoint", "rowProps", "cellProps", "tableCaption", "rowHeader", "tableLayout", "hasBackground", "scrollableInline"],
   _excluded2 = ["align", "render", "dataType", "isExpander", "textOnly", "name", "field", "description", "sortable", "footer", "mobileOptions", "nameTooltip"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -353,6 +353,7 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
         rowHeader = _this$props2.rowHeader,
         tableLayout = _this$props2.tableLayout,
         hasBackground = _this$props2.hasBackground,
+        scrollableInline = _this$props2.scrollableInline,
         rest = _objectWithoutProperties(_this$props2, _excluded);
       var classes = classNames('euiBasicTable', {
         'euiBasicTable-loading': loading
@@ -371,7 +372,8 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
         responsiveBreakpoint = _this$props3.responsiveBreakpoint,
         tableLayout = _this$props3.tableLayout,
         hasBackground = _this$props3.hasBackground,
-        loading = _this$props3.loading;
+        loading = _this$props3.loading,
+        scrollableInline = _this$props3.scrollableInline;
       return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(EuiTableHeaderMobile, {
         responsiveBreakpoint: responsiveBreakpoint
       }, this.renderSelectAll(true), this.renderTableMobileSort()), ___EmotionJSX(OverrideCopiedTabularContent, null, ___EmotionJSX(EuiTable, {
@@ -380,6 +382,7 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
         responsiveBreakpoint: responsiveBreakpoint,
         compressed: compressed,
         hasBackground: hasBackground,
+        scrollableInline: scrollableInline,
         css: loading && safariLoadingWorkaround
       }, this.renderTableCaption(), this.renderTableHead(), this.renderTableBody(), this.renderTableFooter())));
     }
@@ -482,6 +485,8 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
         var _ref8 = column,
           field = _ref8.field,
           width = _ref8.width,
+          minWidth = _ref8.minWidth,
+          maxWidth = _ref8.maxWidth,
           name = _ref8.name,
           nameTooltip = _ref8.nameTooltip,
           align = _ref8.align,
@@ -493,6 +498,8 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
         var columnAlign = align || _this3.getAlignForDataType(dataType);
         var sharedProps = {
           width: width,
+          minWidth: minWidth,
+          maxWidth: maxWidth,
           tooltipProps: nameTooltip,
           description: description,
           mobileOptions: mobileOptions,
@@ -502,9 +509,13 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
 
         // actions column
         if (column.actions) {
+          var sticky = _this3.props.scrollableInline && column.sticky;
           headers.push(___EmotionJSX(EuiTableHeaderCell, _extends({}, sharedProps, {
             key: "_actions_h_".concat(index),
-            align: "right"
+            align: "right",
+            sticky: sticky ? {
+              side: 'end'
+            } : undefined
           }), name));
           return;
         }
@@ -559,7 +570,8 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
         items = _this$props7.items,
         columns = _this$props7.columns,
         pagination = _this$props7.pagination,
-        selection = _this$props7.selection;
+        selection = _this$props7.selection,
+        scrollableInline = _this$props7.scrollableInline;
       var footers = [];
       var hasDefinedFooter = false;
       if (selection) {
@@ -580,18 +592,23 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
         if (mobileOptions !== null && mobileOptions !== void 0 && mobileOptions.only) {
           return; // exclude columns that only exist for mobile headers
         }
+        var sticky = scrollableInline && column.actions && column.sticky === true;
+        var sharedProps = {
+          align: align,
+          sticky: sticky ? {
+            side: 'end'
+          } : undefined
+        };
         if (footer) {
-          footers.push(___EmotionJSX(EuiTableFooterCell, {
-            key: "footer_".concat(String(field), "_").concat(footers.length - 1),
-            align: align
-          }, footer));
+          footers.push(___EmotionJSX(EuiTableFooterCell, _extends({
+            key: "footer_".concat(String(field), "_").concat(footers.length - 1)
+          }, sharedProps), footer));
           hasDefinedFooter = true;
         } else {
           // Footer is undefined, so create an empty cell to preserve layout
-          footers.push(___EmotionJSX(EuiTableFooterCell, {
-            key: "footer_empty_".concat(footers.length - 1),
-            align: align
-          }, undefined));
+          footers.push(___EmotionJSX(EuiTableFooterCell, _extends({
+            key: "footer_empty_".concat(footers.length - 1)
+          }, sharedProps), undefined));
         }
       });
       return footers.length && hasDefinedFooter ? ___EmotionJSX(EuiTableFooter, null, footers) : null;
@@ -633,7 +650,7 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           width: '100%'
         }
       }, ___EmotionJSX(EuiIcon, {
-        type: "minusInCircle",
+        type: "minusCircle",
         color: "danger"
       }), " ", error));
     }
@@ -818,13 +835,17 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           }
         });
       }
+      var sticky = this.props.scrollableInline && column.sticky;
       var key = "record_actions_".concat(itemId, "_").concat(columnIndex);
       return ___EmotionJSX(EuiTableRowCell, {
         key: key,
         align: "right",
         textOnly: false,
         hasActions: hasCustomActions ? 'custom' : true,
-        append: this.renderCopyChar(columnIndex)
+        append: this.renderCopyChar(columnIndex),
+        sticky: sticky ? {
+          side: 'end'
+        } : undefined
       }, ___EmotionJSX(ExpandedItemActions, {
         actions: actualActions,
         actionsDisabled: allDisabled,

package/optimize/es/components/basic_table/collapsed_item_actions.js

@@ -90,7 +90,7 @@ export var CollapsedItemActions = function CollapsedItemActions(_ref) {
     className: className,
     "aria-label": actionsDisabled ? allActionsButtonDisabledAriaLabel : allActionsButtonAriaLabel,
     title: actionsDisabled ? allActionsButtonDisabledAriaLabel : undefined,
-    iconType: "boxesHorizontal",
+    iconType: "boxesVertical",
     color: "text",
     isDisabled: actionsDisabled,
     onClick: function onClick() {

package/optimize/es/components/breadcrumbs/_breadcrumb_content.js

@@ -143,7 +143,7 @@ var EuiBreadcrumbPopover = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     }, rest), ___EmotionJSX("span", {
       css: truncationStyles
     }, children), ___EmotionJSX(EuiIcon, {
-      type: "arrowDown",
+      type: "chevronSingleDown",
       size: "s",
       "aria-label": " - ".concat(popoverAriaLabel)
     }))

package/optimize/es/components/button/split_button/split_button.js

@@ -13,7 +13,7 @@ var _excluded = ["className", "children", "size", "color", "fill", "isDisabled",
 import classNames from 'classnames';
 import React, { Children, Fragment, isValidElement, useMemo } from 'react';
 import { useEuiMemoizedStyles, useEuiTheme, useGeneratedHtmlId } from '../../../services';
-import { getEuiButtonColors, getEuiFilledButtonColors } from '../../../global_styling';
+import { getEuiButtonColorValues, getEuiFilledButtonColorValues } from '../../../global_styling';
 import { EuiSplitButtonContext } from './split_button_context';
 import { EuiSplitButtonActionPrimary, EuiSplitButtonActionSecondary } from './split_button_actions';
 import { euiSplitButtonDividerStyles, euiSplitButtonStyles } from './split_button.styles';
@@ -47,8 +47,8 @@ export var _EuiSplitButton = function _EuiSplitButton(_ref) {
     hasAriaDisabled: hasAriaDisabled,
     isLoading: isLoading
   };
-  var buttonFilledColors = getEuiFilledButtonColors(euiThemeContext, isDisabled ? 'disabled' : color);
-  var buttonColors = getEuiButtonColors(euiThemeContext, isDisabled ? 'disabled' : color);
+  var buttonFilledColors = getEuiFilledButtonColorValues(euiThemeContext, isDisabled ? 'disabled' : color);
+  var buttonColors = getEuiButtonColorValues(euiThemeContext, isDisabled ? 'disabled' : color);
   var classes = classNames('euiSplitButton', className);
   var styles = useEuiMemoizedStyles(euiSplitButtonStyles);
   var cssStyles = [styles.euiSplitButton, fill && styles.fill];

package/optimize/es/components/button/split_button/split_button_actions.js

@@ -72,8 +72,8 @@ export var EuiSplitButtonActionSecondary = function EuiSplitButtonActionSecondar
   var styles = euiSplitButtonActionStyles;
   var actionProps = _objectSpread(_objectSpread(_objectSpread({}, rest), sharedRest), {}, {
     display: display,
-    // enforce arrowDown icon when a popover is rendered
-    iconType: popoverProps != null ? 'arrowDown' : rest.iconType,
+    // enforce chevronSingleDown icon when a popover is rendered
+    iconType: popoverProps != null ? 'chevronSingleDown' : rest.iconType,
     isDisabled: _isDisabled,
     isLoading: _isLoading,
     css: [styles.euiSplitButtonActionSecondary],

package/optimize/es/components/code/code_block_copy.js

@@ -59,7 +59,7 @@ export var useCopy = function useCopy(_ref) {
     }, function (copy) {
       return ___EmotionJSX(EuiButtonIcon, {
         onClick: copy,
-        iconType: "copyClipboard",
+        iconType: "copy",
         color: "text",
         "aria-label": copyAriaLabel || copyDefaultAriaLabel,
         "data-test-subj": "euiCodeBlockCopy"

package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js

@@ -67,7 +67,7 @@ export var EuiCollapsedNavPopover = function EuiCollapsedNavPopover(_ref) {
     repositionOnScroll: true,
     button: ___EmotionJSX(EuiCollapsedNavButton, {
       title: title,
-      icon: icon || 'boxesHorizontal',
+      icon: icon || 'boxesVertical',
       iconProps: iconProps,
       isSelected: isSelected,
       onClick: togglePopover,

package/optimize/es/components/combo_box/combo_box_input/combo_box_input.js

@@ -230,7 +230,7 @@ export var EuiComboBoxInput = /*#__PURE__*/function (_Component) {
           onClick: isListOpen && !isDisabled ? onCloseListClick : onOpenListClick,
           side: 'right',
           tabIndex: -1,
-          type: 'arrowDown'
+          type: 'chevronSingleDown'
         };
       }
       var wrapClasses = classNames('euiComboBox__inputWrap', {

package/optimize/es/components/combo_box/combo_box_options_list/combo_box_options_list.js

@@ -42,7 +42,7 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 var hitEnterBadge = ___EmotionJSX(EuiBadge, {
   className: "euiComboBoxOption__enterBadge",
   color: "hollow",
-  iconType: "returnKey",
+  iconType: "return",
   "aria-hidden": "true"
 });
 export var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {

package/optimize/es/components/context_menu/context_menu_item.js

@@ -59,7 +59,7 @@ export var EuiContextMenuItem = function EuiContextMenuItem(_ref) {
     css: styles.euiContextMenu__icon
   }));
   var arrow = hasPanel && ___EmotionJSX(EuiIcon, {
-    type: "arrowRight",
+    type: "chevronSingleRight",
     size: "m",
     className: "euiContextMenu__arrow",
     css: styles.euiContextMenuItem__arrow

package/optimize/es/components/context_menu/context_menu_panel.js

@@ -346,7 +346,7 @@ export var EuiContextMenuPanelClass = /*#__PURE__*/function (_Component) {
           if (onClose) _this3.backButton = node;
         },
         "data-test-subj": onClose ? 'contextMenuPanelTitleButton' : 'contextMenuPanelTitle',
-        icon: onClose && 'arrowLeft'
+        icon: onClose && 'chevronSingleLeft'
       }, title);
       var content = items && items.length ? items.map(function (MenuItem) {
         var cloneProps = {};

package/optimize/es/components/datagrid/body/cell/data_grid_cell_actions.js

@@ -43,7 +43,7 @@ export var EuiDataGridCellActions = function EuiDataGridCellActions(_ref) {
         display: "fill",
         color: "primary",
         iconSize: "s",
-        iconType: "expand",
+        iconType: "maximize",
         "aria-hidden": true,
         onClick: onExpandClick,
         title: expandButtonTitle

package/optimize/es/components/datagrid/body/header/column_actions.js

@@ -285,7 +285,7 @@ export var getHideColumnAction = function getHideColumnAction(_ref3) {
       default: "Hide column"
     }),
     onClick: onClickHideColumn,
-    iconType: 'eyeClosed',
+    iconType: 'eyeSlash',
     size: 'xs',
     color: 'text'
   };

package/optimize/es/components/datagrid/body/header/data_grid_header_cell.js

@@ -96,7 +96,7 @@ export var EuiDataGridHeaderCell = /*#__PURE__*/memo(function (_ref) {
       return ___EmotionJSX(React.Fragment, null, !canDragAndDropColumns && columnResizer, canDragAndDropColumns && ___EmotionJSX("span", {
         className: "euiDataGridHeaderCell__draggableIcon"
       }, ___EmotionJSX(EuiIcon, {
-        type: "grabOmnidirectional",
+        type: "drag",
         size: "s",
         css: [styles.euiDataGridHeaderCell__actions.action, styles.euiDataGridHeaderCell__actions.start, ";label:EuiDataGridHeaderCell;"]
       })), ___EmotionJSX("div", {

package/optimize/es/components/datagrid/controls/column_selector.js

@@ -144,7 +144,7 @@ export var useDataGridColumnSelector = function useDataGridColumnSelector(availa
       panelPaddingSize: "none",
       button: ___EmotionJSX(EuiDataGridToolbarControl, {
         badgeContent: numberOfHiddenFields > 0 ? "".concat(orderedVisibleColumns.length, "/").concat(sortedColumns.length) : sortedColumns.length,
-        iconType: "tableDensityNormal",
+        iconType: "table",
         "data-test-subj": "dataGridColumnSelectorButton",
         onClick: function onClick() {
           return setIsOpen(!isOpen);
@@ -229,7 +229,7 @@ export var useDataGridColumnSelector = function useDataGridColumnSelector(availa
         }, provided.dragHandleProps, {
           "aria-label": "".concat(label, " ").concat(dragHandleAriaLabel)
         }), ___EmotionJSX(EuiIcon, {
-          type: "grab",
+          type: "dragVertical",
           color: "subdued"
         }))));
       });

package/optimize/es/components/datagrid/controls/column_sorting.js

@@ -183,7 +183,7 @@ export var DataGridSortingControl = /*#__PURE__*/memo(function (_ref2) {
     button: ___EmotionJSX(EuiButtonEmpty, {
       size: "xs",
       flush: "left",
-      iconType: "arrowDown",
+      iconType: "chevronSingleDown",
       iconSide: "right",
       "data-test-subj": "dataGridColumnSortingSelectionButton",
       onClick: function onClick() {

package/optimize/es/components/datagrid/controls/column_sorting_draggable.js

@@ -160,7 +160,7 @@ export var EuiDataGridColumnSortingDraggable = function EuiDataGridColumnSorting
     }, provided.dragHandleProps, {
       "aria-label": dragHandleAriaLabel
     }), ___EmotionJSX(EuiIcon, {
-      type: "grab",
+      type: "dragVertical",
       color: "subdued"
     })));
   });

package/optimize/es/components/datagrid/data_grid.a11y.js

@@ -140,7 +140,7 @@ var DataGrid = function DataGrid() {
       },
       sortTextAsc: 'Alma to Debian',
       sortTextDesc: 'Debian to Alma',
-      icon: 'starFilled',
+      icon: 'starFill',
       color: '#800080'
     }]
   });

package/optimize/es/components/datagrid/data_grid.stories.utils.js

@@ -105,7 +105,7 @@ var columns = [{
       onClick: function onClick() {
         return alert(value);
       },
-      iconType: "email",
+      iconType: "mail",
       "aria-label": "Send email to ".concat(value)
     }, "Send email");
   }]
@@ -121,7 +121,7 @@ var columns = [{
     additional: [{
       label: 'Custom action',
       onClick: function onClick() {},
-      iconType: 'cheer',
+      iconType: 'popper',
       size: 'xs',
       color: 'text'
     }]
@@ -199,7 +199,7 @@ export var defaultStorybookArgs = {
         iconType: "indexEdit",
         "aria-label": "Edit row"
       }), ___EmotionJSX(EuiButtonIcon, {
-        iconType: "boxesHorizontal",
+        iconType: "boxesVertical",
         "aria-label": "Open actions popover"
       }));
     }

package/optimize/es/components/datagrid/utils/data_grid_schema.js

@@ -65,7 +65,7 @@ export var schemaDetectors = [{
     if (aValue > bValue) return direction === 'asc' ? 1 : -1;
     return 0;
   },
-  icon: 'currency',
+  icon: 'money',
   color: 'euiColorVis0',
   sortTextAsc: ___EmotionJSX(EuiI18n, {
     token: "euiDataGridSchema.currencySortTextAsc",

package/optimize/es/components/date_picker/auto_refresh/auto_refresh.js

@@ -54,7 +54,7 @@ export var EuiAutoRefresh = function EuiAutoRefresh(_ref) {
         className: "euiFormControlLayout__prepend",
         element: "button",
         label: ___EmotionJSX("strong", null, autoRefeshLabel),
-        iconLeft: "timeRefresh",
+        iconLeft: "refreshTime",
         isDisabled: isDisabled,
         onClick: function onClick() {
           return setIsPopoverOpen(function (isOpen) {
@@ -119,7 +119,7 @@ export var EuiAutoRefreshButton = function EuiAutoRefreshButton(_ref2) {
       className: classes,
       size: size,
       color: color,
-      iconType: "timeRefresh",
+      iconType: "refreshTime",
       title: isPaused ? autoRefeshLabelOff : autoRefeshLabelOn,
       isDisabled: isDisabled
     }, rest), usePrettyInterval(Boolean(isPaused), refreshInterval, {

package/optimize/es/components/date_picker/react-datepicker/src/month_dropdown.js

@@ -100,7 +100,7 @@ var MonthDropdown = /*#__PURE__*/function (_React$Component) {
       }, ___EmotionJSX("span", {
         className: "react-datepicker__month-read-view--selected-month"
       }, monthNames[_this.props.month]), ___EmotionJSX(EuiIcon, {
-        type: "arrowDown",
+        type: "chevronSingleDown",
         size: "s",
         color: "subdued",
         className: "react-datepicker__month-read-view--down-arrow"

package/optimize/es/components/date_picker/react-datepicker/src/month_year_dropdown.js

@@ -115,7 +115,7 @@ var MonthYearDropdown = /*#__PURE__*/function (_React$Component) {
       }, ___EmotionJSX("span", {
         className: "react-datepicker__month-year-read-view--selected-month-year"
       }, yearMonth), ___EmotionJSX(EuiIcon, {
-        type: "arrowDown",
+        type: "chevronSingleDown",
         size: "s",
         color: "subdued",
         className: "react-datepicker__month-year-read-view--down-arrow"

package/optimize/es/components/date_picker/react-datepicker/src/year_dropdown.js

@@ -113,7 +113,7 @@ var YearDropdown = /*#__PURE__*/function (_React$Component) {
       }, ___EmotionJSX("span", {
         className: "react-datepicker__year-read-view--selected-year"
       }, _this.props.year), ___EmotionJSX(EuiIcon, {
-        type: "arrowDown",
+        type: "chevronSingleDown",
         size: "s",
         color: "subdued",
         className: "react-datepicker__year-read-view--down-arrow"

package/optimize/es/components/date_picker/super_date_picker/quick_select_popover/quick_select.js

@@ -181,7 +181,7 @@ export var EuiQuickSelect = /*#__PURE__*/function (_Component) {
           disableScreenReaderOutput: true
         }, ___EmotionJSX(EuiButtonIcon, {
           "aria-label": previousLabel,
-          iconType: "arrowLeft",
+          iconType: "chevronSingleLeft",
           onClick: _this2.stepBackward
         }));
       })), ___EmotionJSX(EuiFlexItem, {
@@ -195,7 +195,7 @@ export var EuiQuickSelect = /*#__PURE__*/function (_Component) {
           disableScreenReaderOutput: true
         }, ___EmotionJSX(EuiButtonIcon, {
           "aria-label": nextLabel,
-          iconType: "arrowRight",
+          iconType: "chevronSingleRight",
           onClick: _this2.stepForward
         }));
       }))), ___EmotionJSX(EuiFlexGroup, {

package/optimize/es/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js

@@ -71,7 +71,7 @@ export var EuiQuickSelectPopover = function EuiQuickSelectPopover(_ref) {
   var quickSelectButton = ___EmotionJSX(EuiFormPrepend, _extends({
     element: "button",
     iconLeft: "calendar",
-    iconRight: "arrowDown",
+    iconRight: "chevronSingleDown",
     isDisabled: props.isDisabled,
     onClick: quickSelectButtonOnClick,
     "aria-label": buttonlabel,

package/optimize/es/components/date_picker/super_date_picker/time_window_buttons.js

@@ -93,7 +93,7 @@ export var EuiTimeWindowButtons = function EuiTimeWindowButtons(_ref) {
     toolTipContent: !isDisabled && previousTooltipContent,
     color: buttonColor,
     size: buttonSize,
-    iconType: "arrowLeft",
+    iconType: "chevronSingleLeft",
     iconSize: iconSize,
     isIconOnly: true,
     isDisabled: isWindowDurationZero || isDisabled,
@@ -109,7 +109,7 @@ export var EuiTimeWindowButtons = function EuiTimeWindowButtons(_ref) {
     },
     color: buttonColor,
     size: buttonSize,
-    iconType: "magnifyWithPlus",
+    iconType: "magnifyPlus",
     iconSize: iconSize,
     isIconOnly: true,
     isDisabled: isWindowDurationZero || isDisabled,
@@ -125,7 +125,7 @@ export var EuiTimeWindowButtons = function EuiTimeWindowButtons(_ref) {
     },
     color: buttonColor,
     size: buttonSize,
-    iconType: "magnifyWithMinus",
+    iconType: "magnifyMinus",
     iconSize: iconSize,
     isIconOnly: true,
     isDisabled: isDisabled,
@@ -138,7 +138,7 @@ export var EuiTimeWindowButtons = function EuiTimeWindowButtons(_ref) {
     toolTipContent: !isDisabled && nextTooltipContent,
     color: buttonColor,
     size: buttonSize,
-    iconType: "arrowRight",
+    iconType: "chevronSingleRight",
     iconSize: iconSize,
     isIconOnly: true,
     isDisabled: isWindowDurationZero || isDisabled,

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

@@ -58,7 +58,7 @@ export var EuiFilterButton = function EuiFilterButton(_ref) {
 
   // assumption about type of usage based on icon usage
   // requires manual override to apply correct aria attributes for more custom usages
-  var isCollapsible = !isToggle && iconType === 'arrowDown';
+  var isCollapsible = !isToggle && iconType === 'chevronSingleDown';
   var isExpanded = isCollapsible && (isSelected !== null && isSelected !== void 0 ? isSelected : hasActiveFilters);
   var styles = useEuiMemoizedStyles(euiFilterButtonStyles);
   var focusColorStyles = useEuiMemoizedStyles(_compressedButtonFocusColors);

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

@@ -169,7 +169,7 @@ describe('EuiFilterGroup multiselect example', function () {
       items = _useState16[0],
       setItems = _useState16[1];
     var button = ___EmotionJSX(EuiFilterButton, {
-      iconType: "arrowDown",
+      iconType: "chevronSingleDown",
       onClick: onButtonClick,
       isSelected: isPopoverOpen,
       numFilters: items.filter(function (item) {

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

@@ -31,11 +31,14 @@ var getEuiFlyoutOverlayStyles = function getEuiFlyoutOverlayStyles(zIndex) {
  * @internal
  */
 export var EuiFlyoutOverlay = function EuiFlyoutOverlay(_ref) {
+  var _maskProps$headerZind;
   var children = _ref.children,
     isPushed = _ref.isPushed,
     maskProps = _ref.maskProps,
     hasOverlayMask = _ref.hasOverlayMask,
-    maskZIndex = _ref.maskZIndex;
+    maskZIndex = _ref.maskZIndex,
+    _ref$headerZindexLoca = _ref.headerZindexLocation,
+    headerZindexLocation = _ref$headerZindexLoca === void 0 ? 'below' : _ref$headerZindexLoca;
   var styles = useMemo(function () {
     return getEuiFlyoutOverlayStyles(maskZIndex);
   }, [maskZIndex]);
@@ -45,7 +48,7 @@ export var EuiFlyoutOverlay = function EuiFlyoutOverlay(_ref) {
   }
   var classes = cx(maskProps === null || maskProps === void 0 ? void 0 : maskProps.className, styles);
   return ___EmotionJSX(React.Fragment, null, hasOverlayMask && ___EmotionJSX(EuiOverlayMask, _extends({
-    headerZindexLocation: "below"
+    headerZindexLocation: (_maskProps$headerZind = maskProps === null || maskProps === void 0 ? void 0 : maskProps.headerZindexLocation) !== null && _maskProps$headerZind !== void 0 ? _maskProps$headerZind : headerZindexLocation
   }, maskProps, {
     className: classes
   })), content);