@elastic/eui 113.1.0 → 113.2.0

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

@@ -51,7 +51,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/es/components/datagrid/body/header/column_actions.js

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

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

@@ -105,7 +105,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/es/components/datagrid/controls/column_selector.js

@@ -150,7 +150,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);
@@ -235,7 +235,7 @@ export var useDataGridColumnSelector = function useDataGridColumnSelector(availa
         }, provided.dragHandleProps, {
           "aria-label": "".concat(label, " ").concat(dragHandleAriaLabel)
         }), ___EmotionJSX(EuiIcon, {
-          type: "grab",
+          type: "dragVertical",
           color: "subdued"
         }))));
       });

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

@@ -193,7 +193,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/es/components/datagrid/controls/column_sorting_draggable.js

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

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

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

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

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

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

@@ -73,7 +73,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/es/components/date_picker/auto_refresh/auto_refresh.js

@@ -61,7 +61,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) {
@@ -150,7 +150,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/es/components/date_picker/react-datepicker/src/month_dropdown.js

@@ -106,7 +106,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/es/components/date_picker/react-datepicker/src/month_year_dropdown.js

@@ -121,7 +121,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/es/components/date_picker/react-datepicker/src/year_dropdown.js

@@ -119,7 +119,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/es/components/date_picker/super_date_picker/quick_select_popover/quick_select.js

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

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

@@ -78,7 +78,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/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/es/components/filter_group/filter_button.js

@@ -68,7 +68,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);
@@ -205,7 +205,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.bool,
   /**

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

@@ -174,7 +174,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/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);