@elastic/eui 113.1.0 → 113.2.0

package/test-env/components/basic_table/basic_table.js

@@ -38,7 +38,7 @@ var _delay_render = require("../delay_render");
 var _accessibility2 = require("../../services/accessibility");
 var _basic_table = require("./basic_table.styles");
 var _react2 = require("@emotion/react");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -363,6 +363,7 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
         rowHeader = _this$props2.rowHeader,
         tableLayout = _this$props2.tableLayout,
         hasBackground = _this$props2.hasBackground,
+        scrollableInline = _this$props2.scrollableInline,
         rest = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
       var classes = (0, _classnames.default)('euiBasicTable', {
         'euiBasicTable-loading': loading
@@ -381,7 +382,8 @@ var EuiBasicTable = exports.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 (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_table.EuiTableHeaderMobile, {
         responsiveBreakpoint: responsiveBreakpoint
       }, this.renderSelectAll(true), this.renderTableMobileSort()), (0, _react2.jsx)(_services.OverrideCopiedTabularContent, null, (0, _react2.jsx)(_table.EuiTable, {
@@ -390,6 +392,7 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
         responsiveBreakpoint: responsiveBreakpoint,
         compressed: compressed,
         hasBackground: hasBackground,
+        scrollableInline: scrollableInline,
         css: loading && _basic_table.safariLoadingWorkaround
       }, this.renderTableCaption(), this.renderTableHead(), this.renderTableBody(), this.renderTableFooter())));
     }
@@ -492,6 +495,8 @@ var EuiBasicTable = exports.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,
@@ -503,6 +508,8 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
         var columnAlign = align || _this3.getAlignForDataType(dataType);
         var sharedProps = {
           width: width,
+          minWidth: minWidth,
+          maxWidth: maxWidth,
           tooltipProps: nameTooltip,
           description: description,
           mobileOptions: mobileOptions,
@@ -512,9 +519,13 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
 
         // actions column
         if (column.actions) {
+          var sticky = _this3.props.scrollableInline && column.sticky;
           headers.push((0, _react2.jsx)(_table.EuiTableHeaderCell, (0, _extends2.default)({}, sharedProps, {
             key: "_actions_h_".concat(index),
-            align: "right"
+            align: "right",
+            sticky: sticky ? {
+              side: 'end'
+            } : undefined
           }), name));
           return;
         }
@@ -569,7 +580,8 @@ var EuiBasicTable = exports.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) {
@@ -590,18 +602,23 @@ var EuiBasicTable = exports.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((0, _react2.jsx)(_table.EuiTableFooterCell, {
-            key: "footer_".concat(String(field), "_").concat(footers.length - 1),
-            align: align
-          }, footer));
+          footers.push((0, _react2.jsx)(_table.EuiTableFooterCell, (0, _extends2.default)({
+            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((0, _react2.jsx)(_table.EuiTableFooterCell, {
-            key: "footer_empty_".concat(footers.length - 1),
-            align: align
-          }, undefined));
+          footers.push((0, _react2.jsx)(_table.EuiTableFooterCell, (0, _extends2.default)({
+            key: "footer_empty_".concat(footers.length - 1)
+          }, sharedProps), undefined));
         }
       });
       return footers.length && hasDefinedFooter ? (0, _react2.jsx)(_table.EuiTableFooter, null, footers) : null;
@@ -643,7 +660,7 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
           width: '100%'
         }
       }, (0, _react2.jsx)(_icon.EuiIcon, {
-        type: "minusInCircle",
+        type: "minusCircle",
         color: "danger"
       }), " ", error));
     }
@@ -828,13 +845,17 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
           }
         });
       }
+      var sticky = this.props.scrollableInline && column.sticky;
       var key = "record_actions_".concat(itemId, "_").concat(columnIndex);
       return (0, _react2.jsx)(_table.EuiTableRowCell, {
         key: key,
         align: "right",
         textOnly: false,
         hasActions: hasCustomActions ? 'custom' : true,
-        append: this.renderCopyChar(columnIndex)
+        append: this.renderCopyChar(columnIndex),
+        sticky: sticky ? {
+          side: 'end'
+        } : undefined
       }, (0, _react2.jsx)(_expanded_item_actions.ExpandedItemActions, {
         actions: actualActions,
         actionsDisabled: allDisabled,
@@ -1134,9 +1155,35 @@ EuiBasicTable.propTypes = {
        */
     dataType: _propTypes.default.oneOf(["auto", "string", "number", "boolean", "date"]),
     /**
-       * A CSS width property. Hints for the required width of the column (e.g. "30%", "100px", etc..)
+       * Requested width of the column.
+       *
+       * Exact width settings are not guaranteed in certain table layouts
+       * or configurations, and may be adjusted by browser's algorithm.
+       * Consider this value a guidance.
+       *
+       * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/table-layout#values|table-layout algorithms on MDN}
        */
     width: _propTypes.default.string,
+    /**
+       * Requested minimum width of the column.
+       *
+       * Exact width settings are not guaranteed in certain table layouts
+       * or configurations, and may be adjusted by browser's algorithm.
+       * Consider this value a guidance.
+       *
+       * This property takes effect only when `tableLayout="auto"` is set on the table.
+       */
+    minWidth: _propTypes.default.string,
+    /**
+       * Requested maximum width of the column.
+       *
+       * Exact width settings are not guaranteed in certain table layouts
+       * or configurations, and may be adjusted by browser's algorithm.
+       * Consider this value a guidance.
+       *
+       * This property takes effect only when `tableLayout="auto"` is set on the table.
+       */
+    maxWidth: _propTypes.default.string,
     /**
        * Defines whether the user can sort on this column. If a function is provided, this function returns the value to sort against
        */
@@ -1382,7 +1429,26 @@ EuiBasicTable.propTypes = {
         delay: _propTypes.default.any,
         position: _propTypes.default.any
       })
-    })
+    }),
+    /**
+       * Whether the actions column should always stick to the right side
+       * of the table no matter the inline (horizontal) scroll position.
+       *
+       * This option should be used in tables with `scrollableInline={true}`
+       * and will be enabled by default in future versions of EUI.
+       *
+       * Currently, it can only be used when the actions column is the last column
+       * of the table.
+       *
+       * When set to `true` and `hasBackground: false` is set on the table,
+       * `--euiTableCellStickyBackgroundColor` CSS variable should be set to match
+       * the background color of the element containing the table.
+       * Otherwise, the sticky column will use the default `backgroundBasePlain`
+       * background color.
+       * @beta
+       * @default false
+       */
+    sticky: _propTypes.default.bool
   }).isRequired]).isRequired),
   /**
      * Error message to display

package/test-env/components/basic_table/collapsed_item_actions.js

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

package/test-env/components/basic_table/in_memory_table.js

@@ -689,9 +689,35 @@ EuiInMemoryTable.propTypes = {
        */
     dataType: _propTypes.default.oneOf(["auto", "string", "number", "boolean", "date"]),
     /**
-       * A CSS width property. Hints for the required width of the column (e.g. "30%", "100px", etc..)
+       * Requested width of the column.
+       *
+       * Exact width settings are not guaranteed in certain table layouts
+       * or configurations, and may be adjusted by browser's algorithm.
+       * Consider this value a guidance.
+       *
+       * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/table-layout#values|table-layout algorithms on MDN}
        */
     width: _propTypes.default.string,
+    /**
+       * Requested minimum width of the column.
+       *
+       * Exact width settings are not guaranteed in certain table layouts
+       * or configurations, and may be adjusted by browser's algorithm.
+       * Consider this value a guidance.
+       *
+       * This property takes effect only when `tableLayout="auto"` is set on the table.
+       */
+    minWidth: _propTypes.default.string,
+    /**
+       * Requested maximum width of the column.
+       *
+       * Exact width settings are not guaranteed in certain table layouts
+       * or configurations, and may be adjusted by browser's algorithm.
+       * Consider this value a guidance.
+       *
+       * This property takes effect only when `tableLayout="auto"` is set on the table.
+       */
+    maxWidth: _propTypes.default.string,
     /**
        * Defines whether the user can sort on this column. If a function is provided, this function returns the value to sort against
        */
@@ -937,7 +963,26 @@ EuiInMemoryTable.propTypes = {
         delay: _propTypes.default.any,
         position: _propTypes.default.any
       })
-    })
+    }),
+    /**
+       * Whether the actions column should always stick to the right side
+       * of the table no matter the inline (horizontal) scroll position.
+       *
+       * This option should be used in tables with `scrollableInline={true}`
+       * and will be enabled by default in future versions of EUI.
+       *
+       * Currently, it can only be used when the actions column is the last column
+       * of the table.
+       *
+       * When set to `true` and `hasBackground: false` is set on the table,
+       * `--euiTableCellStickyBackgroundColor` CSS variable should be set to match
+       * the background color of the element containing the table.
+       * Otherwise, the sticky column will use the default `backgroundBasePlain`
+       * background color.
+       * @beta
+       * @default false
+       */
+    sticky: _propTypes.default.bool
   }).isRequired]).isRequired),
   /**
      * Error message to display

package/test-env/components/breadcrumbs/_breadcrumb_content.js

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

package/test-env/components/button/split_button/split_button.js

@@ -57,8 +57,8 @@ var _EuiSplitButton = exports._EuiSplitButton = function _EuiSplitButton(_ref) {
     hasAriaDisabled: hasAriaDisabled,
     isLoading: isLoading
   };
-  var buttonFilledColors = (0, _global_styling.getEuiFilledButtonColors)(euiThemeContext, isDisabled ? 'disabled' : color);
-  var buttonColors = (0, _global_styling.getEuiButtonColors)(euiThemeContext, isDisabled ? 'disabled' : color);
+  var buttonFilledColors = (0, _global_styling.getEuiFilledButtonColorValues)(euiThemeContext, isDisabled ? 'disabled' : color);
+  var buttonColors = (0, _global_styling.getEuiButtonColorValues)(euiThemeContext, isDisabled ? 'disabled' : color);
   var classes = (0, _classnames.default)('euiSplitButton', className);
   var styles = (0, _services.useEuiMemoizedStyles)(_split_button.euiSplitButtonStyles);
   var cssStyles = [styles.euiSplitButton, fill && styles.fill];

package/test-env/components/button/split_button/split_button_actions.js

@@ -92,8 +92,8 @@ var EuiSplitButtonActionSecondary = exports.EuiSplitButtonActionSecondary = func
   var styles = _split_button.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/test-env/components/code/code_block_copy.js

@@ -68,7 +68,7 @@ var useCopy = exports.useCopy = function useCopy(_ref) {
     }, function (copy) {
       return (0, _react2.jsx)(_button.EuiButtonIcon, {
         onClick: copy,
-        iconType: "copyClipboard",
+        iconType: "copy",
         color: "text",
         "aria-label": copyAriaLabel || copyDefaultAriaLabel,
         "data-test-subj": "euiCodeBlockCopy"

package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js

@@ -77,7 +77,7 @@ var EuiCollapsedNavPopover = exports.EuiCollapsedNavPopover = function EuiCollap
     repositionOnScroll: true,
     button: (0, _react2.jsx)(_collapsed_nav_button.EuiCollapsedNavButton, {
       title: title,
-      icon: icon || 'boxesHorizontal',
+      icon: icon || 'boxesVertical',
       iconProps: iconProps,
       isSelected: isSelected,
       onClick: togglePopover,

package/test-env/components/combo_box/combo_box_input/combo_box_input.js

@@ -239,7 +239,7 @@ var EuiComboBoxInput = exports.EuiComboBoxInput = /*#__PURE__*/function (_Compon
           onClick: isListOpen && !isDisabled ? onCloseListClick : onOpenListClick,
           side: 'right',
           tabIndex: -1,
-          type: 'arrowDown'
+          type: 'chevronSingleDown'
         };
       }
       var wrapClasses = (0, _classnames.default)('euiComboBox__inputWrap', {

package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js

@@ -51,7 +51,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var hitEnterBadge = (0, _react2.jsx)(_badge.EuiBadge, {
   className: "euiComboBoxOption__enterBadge",
   color: "hollow",
-  iconType: "returnKey",
+  iconType: "return",
   "aria-hidden": "true"
 });
 var EuiComboBoxOptionsList = exports.EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {

package/test-env/components/context_menu/context_menu_item.js

@@ -66,7 +66,7 @@ var EuiContextMenuItem = exports.EuiContextMenuItem = function EuiContextMenuIte
     css: styles.euiContextMenu__icon
   }));
   var arrow = hasPanel && (0, _react2.jsx)(_icon.EuiIcon, {
-    type: "arrowRight",
+    type: "chevronSingleRight",
     size: "m",
     className: "euiContextMenu__arrow",
     css: styles.euiContextMenuItem__arrow

package/test-env/components/context_menu/context_menu_panel.js

@@ -355,7 +355,7 @@ var EuiContextMenuPanelClass = exports.EuiContextMenuPanelClass = /*#__PURE__*/f
           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/test-env/components/datagrid/body/cell/data_grid_cell_actions.js

@@ -53,7 +53,7 @@ var EuiDataGridCellActions = exports.EuiDataGridCellActions = function EuiDataGr
         display: "fill",
         color: "primary",
         iconSize: "s",
-        iconType: "expand",
+        iconType: "maximize",
         "aria-hidden": true,
         onClick: onExpandClick,
         title: expandButtonTitle

package/test-env/components/datagrid/body/header/column_actions.js

@@ -300,7 +300,7 @@ var getHideColumnAction = exports.getHideColumnAction = function getHideColumnAc
       default: "Hide column"
     }),
     onClick: onClickHideColumn,
-    iconType: 'eyeClosed',
+    iconType: 'eyeSlash',
     size: 'xs',
     color: 'text'
   };

package/test-env/components/datagrid/body/header/data_grid_header_cell.js

@@ -107,7 +107,7 @@ var EuiDataGridHeaderCell = exports.EuiDataGridHeaderCell = /*#__PURE__*/(0, _re
       return (0, _react2.jsx)(_react.default.Fragment, null, !canDragAndDropColumns && columnResizer, canDragAndDropColumns && (0, _react2.jsx)("span", {
         className: "euiDataGridHeaderCell__draggableIcon"
       }, (0, _react2.jsx)(_icon.EuiIcon, {
-        type: "grabOmnidirectional",
+        type: "drag",
         size: "s",
         css: [styles.euiDataGridHeaderCell__actions.action, styles.euiDataGridHeaderCell__actions.start, ";label:EuiDataGridHeaderCell;"]
       })), (0, _react2.jsx)("div", {

package/test-env/components/datagrid/controls/column_selector.js

@@ -152,7 +152,7 @@ var useDataGridColumnSelector = exports.useDataGridColumnSelector = function use
       panelPaddingSize: "none",
       button: (0, _react2.jsx)(_data_grid_toolbar_control.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);
@@ -237,7 +237,7 @@ var useDataGridColumnSelector = exports.useDataGridColumnSelector = function use
         }, provided.dragHandleProps, {
           "aria-label": "".concat(label, " ").concat(dragHandleAriaLabel)
         }), (0, _react2.jsx)(_icon.EuiIcon, {
-          type: "grab",
+          type: "dragVertical",
           color: "subdued"
         }))));
       });

package/test-env/components/datagrid/controls/column_sorting.js

@@ -193,7 +193,7 @@ var DataGridSortingControl = exports.DataGridSortingControl = /*#__PURE__*/(0, _
     button: (0, _react2.jsx)(_button.EuiButtonEmpty, {
       size: "xs",
       flush: "left",
-      iconType: "arrowDown",
+      iconType: "chevronSingleDown",
       iconSide: "right",
       "data-test-subj": "dataGridColumnSortingSelectionButton",
       onClick: function onClick() {

package/test-env/components/datagrid/controls/column_sorting_draggable.js

@@ -170,7 +170,7 @@ var EuiDataGridColumnSortingDraggable = exports.EuiDataGridColumnSortingDraggabl
     }, provided.dragHandleProps, {
       "aria-label": dragHandleAriaLabel
     }), (0, _react2.jsx)(_icon.EuiIcon, {
-      type: "grab",
+      type: "dragVertical",
       color: "subdued"
     })));
   });

package/test-env/components/datagrid/data_grid.a11y.js

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

package/test-env/components/datagrid/data_grid.stories.utils.js

@@ -110,7 +110,7 @@ var columns = [{
       onClick: function onClick() {
         return alert(value);
       },
-      iconType: "email",
+      iconType: "mail",
       "aria-label": "Send email to ".concat(value)
     }, "Send email");
   }]
@@ -126,7 +126,7 @@ var columns = [{
     additional: [{
       label: 'Custom action',
       onClick: function onClick() {},
-      iconType: 'cheer',
+      iconType: 'popper',
       size: 'xs',
       color: 'text'
     }]
@@ -204,7 +204,7 @@ var defaultStorybookArgs = exports.defaultStorybookArgs = {
         iconType: "indexEdit",
         "aria-label": "Edit row"
       }), (0, _react2.jsx)(_button.EuiButtonIcon, {
-        iconType: "boxesHorizontal",
+        iconType: "boxesVertical",
         "aria-label": "Open actions popover"
       }));
     }

package/test-env/components/datagrid/utils/data_grid_schema.js

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

package/test-env/components/date_picker/auto_refresh/auto_refresh.js

@@ -64,7 +64,7 @@ var EuiAutoRefresh = exports.EuiAutoRefresh = function EuiAutoRefresh(_ref) {
         className: "euiFormControlLayout__prepend",
         element: "button",
         label: (0, _react2.jsx)("strong", null, autoRefeshLabel),
-        iconLeft: "timeRefresh",
+        iconLeft: "refreshTime",
         isDisabled: isDisabled,
         onClick: function onClick() {
           return setIsPopoverOpen(function (isOpen) {
@@ -153,7 +153,7 @@ var EuiAutoRefreshButton = exports.EuiAutoRefreshButton = function EuiAutoRefres
       className: classes,
       size: size,
       color: color,
-      iconType: "timeRefresh",
+      iconType: "refreshTime",
       title: isPaused ? autoRefeshLabelOff : autoRefeshLabelOn,
       isDisabled: isDisabled
     }, rest), (0, _pretty_interval.usePrettyInterval)(Boolean(isPaused), refreshInterval, {

package/test-env/components/date_picker/react-datepicker/src/month_dropdown.js

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

package/test-env/components/date_picker/react-datepicker/src/month_year_dropdown.js

@@ -120,7 +120,7 @@ var MonthYearDropdown = exports.default = /*#__PURE__*/function (_React$Componen
       }, (0, _react2.jsx)("span", {
         className: "react-datepicker__month-year-read-view--selected-month-year"
       }, yearMonth), (0, _react2.jsx)(_icon.EuiIcon, {
-        type: "arrowDown",
+        type: "chevronSingleDown",
         size: "s",
         color: "subdued",
         className: "react-datepicker__month-year-read-view--down-arrow"

package/test-env/components/date_picker/react-datepicker/src/year_dropdown.js

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

package/test-env/components/date_picker/super_date_picker/quick_select_popover/quick_select.js

@@ -190,7 +190,7 @@ var EuiQuickSelect = exports.EuiQuickSelect = /*#__PURE__*/function (_Component)
           disableScreenReaderOutput: true
         }, (0, _react2.jsx)(_button.EuiButtonIcon, {
           "aria-label": previousLabel,
-          iconType: "arrowLeft",
+          iconType: "chevronSingleLeft",
           onClick: _this2.stepBackward
         }));
       })), (0, _react2.jsx)(_flex.EuiFlexItem, {
@@ -204,7 +204,7 @@ var EuiQuickSelect = exports.EuiQuickSelect = /*#__PURE__*/function (_Component)
           disableScreenReaderOutput: true
         }, (0, _react2.jsx)(_button.EuiButtonIcon, {
           "aria-label": nextLabel,
-          iconType: "arrowRight",
+          iconType: "chevronSingleRight",
           onClick: _this2.stepForward
         }));
       }))), (0, _react2.jsx)(_flex.EuiFlexGroup, {

package/test-env/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js

@@ -81,7 +81,7 @@ var EuiQuickSelectPopover = exports.EuiQuickSelectPopover = function EuiQuickSel
   var quickSelectButton = (0, _react2.jsx)(_form.EuiFormPrepend, (0, _extends2.default)({
     element: "button",
     iconLeft: "calendar",
-    iconRight: "arrowDown",
+    iconRight: "chevronSingleDown",
     isDisabled: props.isDisabled,
     onClick: quickSelectButtonOnClick,
     "aria-label": buttonlabel,

package/test-env/components/date_picker/super_date_picker/time_window_buttons.js

@@ -101,7 +101,7 @@ var EuiTimeWindowButtons = exports.EuiTimeWindowButtons = function EuiTimeWindow
     toolTipContent: !isDisabled && previousTooltipContent,
     color: buttonColor,
     size: buttonSize,
-    iconType: "arrowLeft",
+    iconType: "chevronSingleLeft",
     iconSize: iconSize,
     isIconOnly: true,
     isDisabled: isWindowDurationZero || isDisabled,
@@ -117,7 +117,7 @@ var EuiTimeWindowButtons = exports.EuiTimeWindowButtons = function EuiTimeWindow
     },
     color: buttonColor,
     size: buttonSize,
-    iconType: "magnifyWithPlus",
+    iconType: "magnifyPlus",
     iconSize: iconSize,
     isIconOnly: true,
     isDisabled: isWindowDurationZero || isDisabled,
@@ -133,7 +133,7 @@ var EuiTimeWindowButtons = exports.EuiTimeWindowButtons = function EuiTimeWindow
     },
     color: buttonColor,
     size: buttonSize,
-    iconType: "magnifyWithMinus",
+    iconType: "magnifyMinus",
     iconSize: iconSize,
     isIconOnly: true,
     isDisabled: isDisabled,
@@ -146,7 +146,7 @@ var EuiTimeWindowButtons = exports.EuiTimeWindowButtons = function EuiTimeWindow
     toolTipContent: !isDisabled && nextTooltipContent,
     color: buttonColor,
     size: buttonSize,
-    iconType: "arrowRight",
+    iconType: "chevronSingleRight",
     iconSize: iconSize,
     isIconOnly: true,
     isDisabled: isWindowDurationZero || isDisabled,

package/test-env/components/filter_group/filter_button.js

@@ -65,7 +65,7 @@ var EuiFilterButton = exports.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 = (0, _services.useEuiMemoizedStyles)(_filter_button.euiFilterButtonStyles);
   var focusColorStyles = (0, _services.useEuiMemoizedStyles)(_button_group_button2._compressedButtonFocusColors);
@@ -202,7 +202,7 @@ EuiFilterButton.propTypes = {
      * Applies a visual state to the button.
      * Automatically applies `aria-pressed` when used with `isToggle={true}`.
      * Otherwise applies `aria-expanded` when used with `isToggle={false}` and
-     * `iconType="arrowDown"` as trigger button for e.g. a popover.
+     * `iconType="chevronSingleDown"` as trigger button for e.g. a popover.
      */
   isSelected: _propTypes.default.bool,
   /**

package/test-env/components/filter_group/filter_group.a11y.js

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