@elastic/eui 102.1.0 → 102.2.0-amsterdam.0

package/es/components/datagrid/body/data_grid_body_virtualized.js

@@ -305,6 +305,48 @@ export var EuiDataGridBodyVirtualized = /*#__PURE__*/memo(function (_ref3) {
       footerRow: footerRow
     };
   }, [headerRowHeight, headerRow, footerRow]);
+  var onScroll = useCallback(function (args) {
+    // check only if a callback is passed
+    if (typeof (virtualizationOptions === null || virtualizationOptions === void 0 ? void 0 : virtualizationOptions.onScroll) !== 'function') return;
+    var enhancedArgs = _objectSpread(_objectSpread({}, args), {}, {
+      scrollHeight: 0,
+      scrollWidth: 0,
+      clientHeight: 0,
+      clientWidth: 0,
+      isScrolledToBlockStart: args.scrollTop === 0,
+      isScrolledToBlockEnd: false,
+      isScrolledToInlineStart: args.scrollLeft === 0,
+      isScrolledToInlineEnd: false
+    });
+    if (outerGridRef.current) {
+      var _outerGridRef$current = outerGridRef.current,
+        scrollTop = _outerGridRef$current.scrollTop,
+        scrollLeft = _outerGridRef$current.scrollLeft,
+        scrollHeight = _outerGridRef$current.scrollHeight,
+        scrollWidth = _outerGridRef$current.scrollWidth,
+        clientHeight = _outerGridRef$current.clientHeight,
+        clientWidth = _outerGridRef$current.clientWidth;
+      var isScrollableVertical = scrollHeight > clientHeight;
+      var isScrolledToBlockStart = scrollTop === 0;
+      var isScrollableHorizontal = scrollWidth > clientWidth;
+      var isScrolledToInlineStart = scrollLeft === 0;
+      var isScrolledToBlockEnd = isScrollableVertical && !isScrolledToBlockStart && scrollHeight - scrollTop <= clientHeight;
+      var isScrolledToInlineEnd = isScrollableHorizontal && !isScrolledToInlineStart && scrollWidth - scrollLeft <= clientWidth;
+      enhancedArgs = _objectSpread(_objectSpread({}, enhancedArgs), {}, {
+        scrollTop: scrollTop,
+        scrollLeft: scrollLeft,
+        scrollHeight: scrollHeight,
+        scrollWidth: scrollWidth,
+        clientHeight: clientHeight,
+        clientWidth: clientWidth,
+        isScrolledToBlockStart: isScrolledToBlockStart,
+        isScrolledToBlockEnd: isScrolledToBlockEnd,
+        isScrolledToInlineStart: isScrolledToInlineStart,
+        isScrolledToInlineEnd: isScrolledToInlineEnd
+      });
+    }
+    return virtualizationOptions === null || virtualizationOptions === void 0 ? void 0 : virtualizationOptions.onScroll(enhancedArgs);
+  }, [outerGridRef, virtualizationOptions]);
   return IS_JEST_ENVIRONMENT || finalWidth > 0 ? ___EmotionJSX(DataGridWrapperRowsContext.Provider, {
     value: rowWrapperContextValue
   }, ___EmotionJSX(Grid, _extends({}, virtualizationOptions, {
@@ -320,7 +362,8 @@ export var EuiDataGridBodyVirtualized = /*#__PURE__*/memo(function (_ref3) {
     height: finalHeight,
     rowHeight: getRowHeight,
     itemData: itemData,
-    rowCount: IS_JEST_ENVIRONMENT || headerRowHeight > 0 ? visibleRowCount : 0
+    rowCount: IS_JEST_ENVIRONMENT || headerRowHeight > 0 ? visibleRowCount : 0,
+    onScroll: onScroll
   }), Cell), scrollBorderOverlay) : null;
 });
 EuiDataGridBodyVirtualized.propTypes = {
@@ -427,12 +470,12 @@ EuiDataGridBodyVirtualized.propTypes = {
     defaultSortDirection: PropTypes.oneOf(["asc", "desc"]),
     /**
        * A Schema to use for the column.
-       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
+       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own {@link EuiDataGrid} `schemaDetectors` (for in-memory detection).
        * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
        */
     schema: PropTypes.string,
     /**
-       * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
+       * Configuration of column actions. Set to false to disable or use {@link EuiDataGridColumnActions} to configure the actions displayed in the header cell of the column.
        */
     actions: PropTypes.oneOfType([PropTypes.oneOf([false]), PropTypes.shape({
       /**
@@ -481,7 +524,7 @@ EuiDataGridBodyVirtualized.propTypes = {
              */
         showToolTip: PropTypes.bool,
         /**
-             * An object of #EuiListGroupItemExtraAction props.
+             * An object of {@link EuiListGroupItemExtraAction} props.
              * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
              * pass `alwaysShow` if you don't want the default behavior of only showing on hover
              */
@@ -791,7 +834,7 @@ EuiDataGridBodyVirtualized.propTypes = {
   schema: PropTypes.shape({}).isRequired,
   schemaDetectors: PropTypes.arrayOf(PropTypes.shape({
     /**
-       * The name of this data type, matches #EuiDataGridColumn / `schema`
+       * The name of this data type, matches {@link EuiDataGridColumn} / `schema`
        */
     type: PropTypes.string.isRequired,
     /**
@@ -819,7 +862,7 @@ EuiDataGridBodyVirtualized.propTypes = {
        */
     sortTextDesc: PropTypes.node.isRequired,
     /**
-       * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual #EuiDataGridColumn level
+       * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual {@link EuiDataGridColumn} level
        */
     isSortable: PropTypes.bool,
     /**
@@ -827,7 +870,7 @@ EuiDataGridBodyVirtualized.propTypes = {
        */
     textTransform: PropTypes.oneOf(["uppercase", "lowercase", "capitalize"]),
     /**
-       * Default sort direction of columns with this schema. Can be overridden at the individual #EuiDataGridColumn level
+       * Default sort direction of columns with this schema. Can be overridden at the individual {@link EuiDataGridColumn} level
        */
     defaultSortDirection: PropTypes.oneOf(["asc", "desc"])
   }).isRequired).isRequired,
@@ -860,7 +903,12 @@ EuiDataGridBodyVirtualized.propTypes = {
   setVisibleColumns: PropTypes.func.isRequired,
   switchColumnPos: PropTypes.func.isRequired,
   onColumnResize: PropTypes.func,
-  virtualizationOptions: PropTypes.any,
+  virtualizationOptions: PropTypes.shape({
+    /**
+           * Called when the grid scroll positions changes, as a result of user scrolling or scroll-to method calls.
+           */
+    onScroll: PropTypes.func
+  }),
   rowHeightsOptions: PropTypes.shape({
     /**
        * Defines the default size for all rows. It can be line count or just height.
@@ -881,7 +929,7 @@ EuiDataGridBodyVirtualized.propTypes = {
        * Defines the height for a specific row. It can be line count or just height.
        *
        * When using row height overrides, we strongly setting the `showDisplaySelector: allowRowHeight`
-       * toolbar control to `false` in #EuiDataGridToolBarVisibilityOptions
+       * toolbar control to `false` in {@link EuiDataGridToolBarVisibilityOptions}
        */
     rowHeights: PropTypes.any,
     /**
@@ -924,7 +972,7 @@ EuiDataGridBodyVirtualized.propTypes = {
        */
     stripes: PropTypes.bool,
     /**
-       * Visual style for the column headers. Recommendation is to use the `underline` style in times when #EuiDataGrid `toolbarVisibility` is set to `false`.
+       * Visual style for the column headers. Recommendation is to use the `underline` style in times when {@link EuiDataGrid} `toolbarVisibility` is set to `false`.
        * @default shade
        */
     header: PropTypes.oneOf(["shade", "underline"]),

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

@@ -175,12 +175,12 @@ EuiDataGridHeaderCell.propTypes = {
     defaultSortDirection: PropTypes.oneOf(["asc", "desc"]),
     /**
        * A Schema to use for the column.
-       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
+       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own {@link EuiDataGrid} `schemaDetectors` (for in-memory detection).
        * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
        */
     schema: PropTypes.string,
     /**
-       * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
+       * Configuration of column actions. Set to false to disable or use {@link EuiDataGridColumnActions} to configure the actions displayed in the header cell of the column.
        */
     actions: PropTypes.oneOfType([PropTypes.oneOf([false]), PropTypes.shape({
       /**
@@ -229,7 +229,7 @@ EuiDataGridHeaderCell.propTypes = {
              */
         showToolTip: PropTypes.bool,
         /**
-             * An object of #EuiListGroupItemExtraAction props.
+             * An object of {@link EuiListGroupItemExtraAction} props.
              * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
              * pass `alwaysShow` if you don't want the default behavior of only showing on hover
              */

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

@@ -216,7 +216,7 @@ DraggableColumn.propTypes = {
        */
     stripes: PropTypes.bool,
     /**
-       * Visual style for the column headers. Recommendation is to use the `underline` style in times when #EuiDataGrid `toolbarVisibility` is set to `false`.
+       * Visual style for the column headers. Recommendation is to use the `underline` style in times when {@link EuiDataGrid} `toolbarVisibility` is set to `false`.
        * @default shade
        */
     header: PropTypes.oneOf(["shade", "underline"]),

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

@@ -307,12 +307,12 @@ DataGridSortingControl.propTypes = {
     defaultSortDirection: PropTypes.oneOf(["asc", "desc"]),
     /**
        * A Schema to use for the column.
-       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
+       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own {@link EuiDataGrid} `schemaDetectors` (for in-memory detection).
        * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
        */
     schema: PropTypes.string,
     /**
-       * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
+       * Configuration of column actions. Set to false to disable or use {@link EuiDataGridColumnActions} to configure the actions displayed in the header cell of the column.
        */
     actions: PropTypes.oneOfType([PropTypes.oneOf([false]), PropTypes.shape({
       /**
@@ -361,7 +361,7 @@ DataGridSortingControl.propTypes = {
              */
         showToolTip: PropTypes.bool,
         /**
-             * An object of #EuiListGroupItemExtraAction props.
+             * An object of {@link EuiListGroupItemExtraAction} props.
              * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
              * pass `alwaysShow` if you don't want the default behavior of only showing on hover
              */
@@ -671,7 +671,7 @@ DataGridSortingControl.propTypes = {
   schema: PropTypes.shape({}).isRequired,
   schemaDetectors: PropTypes.arrayOf(PropTypes.shape({
     /**
-       * The name of this data type, matches #EuiDataGridColumn / `schema`
+       * The name of this data type, matches {@link EuiDataGridColumn} / `schema`
        */
     type: PropTypes.string.isRequired,
     /**
@@ -699,7 +699,7 @@ DataGridSortingControl.propTypes = {
        */
     sortTextDesc: PropTypes.node.isRequired,
     /**
-       * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual #EuiDataGridColumn level
+       * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual {@link EuiDataGridColumn} level
        */
     isSortable: PropTypes.bool,
     /**
@@ -707,7 +707,7 @@ DataGridSortingControl.propTypes = {
        */
     textTransform: PropTypes.oneOf(["uppercase", "lowercase", "capitalize"]),
     /**
-       * Default sort direction of columns with this schema. Can be overridden at the individual #EuiDataGridColumn level
+       * Default sort direction of columns with this schema. Can be overridden at the individual {@link EuiDataGridColumn} level
        */
     defaultSortDirection: PropTypes.oneOf(["asc", "desc"])
   }).isRequired).isRequired

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

@@ -192,7 +192,7 @@ EuiDataGridColumnSortingDraggable.propTypes = {
   schema: PropTypes.shape({}).isRequired,
   schemaDetectors: PropTypes.arrayOf(PropTypes.shape({
     /**
-       * The name of this data type, matches #EuiDataGridColumn / `schema`
+       * The name of this data type, matches {@link EuiDataGridColumn} / `schema`
        */
     type: PropTypes.string.isRequired,
     /**
@@ -220,7 +220,7 @@ EuiDataGridColumnSortingDraggable.propTypes = {
        */
     sortTextDesc: PropTypes.node.isRequired,
     /**
-       * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual #EuiDataGridColumn level
+       * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual {@link EuiDataGridColumn} level
        */
     isSortable: PropTypes.bool,
     /**
@@ -228,7 +228,7 @@ EuiDataGridColumnSortingDraggable.propTypes = {
        */
     textTransform: PropTypes.oneOf(["uppercase", "lowercase", "capitalize"]),
     /**
-       * Default sort direction of columns with this schema. Can be overridden at the individual #EuiDataGridColumn level
+       * Default sort direction of columns with this schema. Can be overridden at the individual {@link EuiDataGridColumn} level
        */
     defaultSortDirection: PropTypes.oneOf(["asc", "desc"])
   }).isRequired).isRequired,

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

@@ -235,12 +235,12 @@ EuiDataGridInMemoryRenderer.propTypes = {
     defaultSortDirection: PropTypes.oneOf(["asc", "desc"]),
     /**
        * A Schema to use for the column.
-       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
+       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own {@link EuiDataGrid} `schemaDetectors` (for in-memory detection).
        * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
        */
     schema: PropTypes.string,
     /**
-       * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
+       * Configuration of column actions. Set to false to disable or use {@link EuiDataGridColumnActions} to configure the actions displayed in the header cell of the column.
        */
     actions: PropTypes.oneOfType([PropTypes.oneOf([false]), PropTypes.shape({
       /**
@@ -289,7 +289,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
              */
         showToolTip: PropTypes.bool,
         /**
-             * An object of #EuiListGroupItemExtraAction props.
+             * An object of {@link EuiListGroupItemExtraAction} props.
              * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
              * pass `alwaysShow` if you don't want the default behavior of only showing on hover
              */

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

@@ -17,6 +17,7 @@ import { DataGridCellPopoverContext } from '../body/cell';
 import { DataGridFocusContext } from './focus';
 import { euiDataGridScrollBarStyles } from './scrolling.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
+var ACTIONS_MENU_HEIGHT = 21;
 /**
  * The primary goal of this scroll logic is to ensure keyboard navigation works accessibly,
  * but there are other scenarios where it applies (e.g. clicking partially-visible cells)
@@ -170,7 +171,8 @@ export var useScrollCellIntoView = function useScrollCellIntoView(_ref) {
               if (topHeightOutOfView > 0) {
                 // Note: This overrides the bottom side being out of bounds, as we want to prefer
                 // showing the top-left corner of items if a cell is larger than the grid container
-                adjustedScrollTop = cellTopPos - headerRowHeight;
+                // Additionally, add an offset for the actions menu
+                adjustedScrollTop = cellTopPos - headerRowHeight - ACTIONS_MENU_HEIGHT;
               }
             }
 

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

@@ -184,7 +184,8 @@ export var EuiQuickSelect = /*#__PURE__*/function (_Component) {
         default: "Previous time window"
       }, function (previousLabel) {
         return ___EmotionJSX(EuiToolTip, {
-          content: previousLabel
+          content: previousLabel,
+          disableScreenReaderOutput: true
         }, ___EmotionJSX(EuiButtonIcon, {
           "aria-label": previousLabel,
           iconType: "arrowLeft",
@@ -197,7 +198,8 @@ export var EuiQuickSelect = /*#__PURE__*/function (_Component) {
         default: "Next time window"
       }, function (nextLabel) {
         return ___EmotionJSX(EuiToolTip, {
-          content: nextLabel
+          content: nextLabel,
+          disableScreenReaderOutput: true
         }, ___EmotionJSX(EuiButtonIcon, {
           "aria-label": nextLabel,
           iconType: "arrowRight",

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

@@ -636,7 +636,7 @@ EuiSuperDatePickerInternal.propTypes = {
      */
   isQuickSelectOnly: PropTypes.bool,
   /**
-     * Props passed to the update button #EuiSuperUpdateButtonProps
+     * Props passed to the update button {@link EuiSuperUpdateButtonProps}
      */
   updateButtonProps: PropTypes.shape({
     /**
@@ -666,7 +666,7 @@ EuiSuperDatePickerInternal.propTypes = {
     responsive: PropTypes.oneOfType([PropTypes.oneOf([false]), PropTypes.arrayOf(PropTypes.any.isRequired).isRequired])
   }),
   /**
-     * Props passed to the quick select button #EuiQuickSelectButtonProps
+     * Props passed to the quick select button {@link EuiQuickSelectButtonProps}
      */
   quickSelectButtonProps: PropTypes.any,
   /**
@@ -831,7 +831,7 @@ EuiSuperDatePicker.propTypes = {
      */
   isQuickSelectOnly: PropTypes.bool,
   /**
-     * Props passed to the update button #EuiSuperUpdateButtonProps
+     * Props passed to the update button {@link EuiSuperUpdateButtonProps}
      */
   updateButtonProps: PropTypes.shape({
     children: PropTypes.node,
@@ -841,7 +841,7 @@ EuiSuperDatePicker.propTypes = {
     responsive: PropTypes.oneOfType([PropTypes.oneOf([false]), PropTypes.arrayOf(PropTypes.any.isRequired).isRequired])
   }),
   /**
-     * Props passed to the quick select button #EuiQuickSelectButtonProps
+     * Props passed to the quick select button {@link EuiQuickSelectButtonProps}
      */
   quickSelectButtonProps: PropTypes.any,
   /**

package/es/components/form/range/dual_range.js

@@ -691,7 +691,7 @@ EuiDualRangeClass.propTypes = {
   tickInterval: PropTypes.number,
   /**
      * Create colored indicators for certain intervals.
-     * An array of #EuiRangeLevel objects
+     * An array of {@link EuiRangeLevel} objects
      */
   levels: PropTypes.arrayOf(PropTypes.shape({
     /**

package/es/components/form/range/range.js

@@ -329,7 +329,7 @@ EuiRangeClass.propTypes = {
   tickInterval: PropTypes.number,
   /**
      * Create colored indicators for certain intervals.
-     * An array of #EuiRangeLevel objects
+     * An array of {@link EuiRangeLevel} objects
      */
   levels: PropTypes.arrayOf(PropTypes.shape({
     /**

package/es/components/form/range/range_track.js

@@ -134,7 +134,7 @@ EuiRangeTrack.propTypes = {
   tickInterval: PropTypes.number,
   /**
      * Create colored indicators for certain intervals.
-     * An array of #EuiRangeLevel objects
+     * An array of {@link EuiRangeLevel} objects
      */
   levels: PropTypes.arrayOf(PropTypes.shape({
     /**

package/es/components/form/select/select.js

@@ -88,7 +88,7 @@ export var EuiSelect = function EuiSelect(props) {
     value: value,
     onMouseUp: handleMouseUp,
     disabled: disabled
-  }, rest), hasNoInitialSelection && ___EmotionJSX("option", {
+  }, rest), hasNoInitialSelection && value === '' && ___EmotionJSX("option", {
     value: "",
     disabled: true,
     hidden: true,

package/es/components/header/header.js

@@ -99,23 +99,23 @@ EuiHeader.propTypes = {
   "data-test-subj": PropTypes.string,
   css: PropTypes.any,
   /**
-       * An array of objects to wrap in a #EuiHeaderSection.
+       * An array of objects to wrap in a {@link EuiHeaderSection}.
        * Each section is spaced using `space-between`.
-       * See #EuiHeaderSections for object details.
+       * See {@link EuiHeaderSections} for object details.
        * This prop disregards the prop `children` if both are passed.
        */
   sections: PropTypes.arrayOf(PropTypes.shape({
     /**
-       * An array of items that will be wrapped in a #EuiHeaderSectionItem
+       * An array of items that will be wrapped in a {@link EuiHeaderSectionItem}
        */
     items: PropTypes.arrayOf(PropTypes.node.isRequired),
     /**
-       * Breadcrumbs in the header cannot be wrapped in a #EuiHeaderSection in order for truncation to work.
+       * Breadcrumbs in the header cannot be wrapped in a {@link EuiHeaderSection} in order for truncation to work.
        * Simply pass the array of EuiBreadcrumb objects
        */
     breadcrumbs: PropTypes.arrayOf(PropTypes.any.isRequired),
     /**
-       * Other props to pass to #EuiHeaderBreadcrumbs
+       * Other props to pass to {@link EuiHeaderBreadcrumbs}
        */
     breadcrumbProps: PropTypes.any
   }).isRequired),
@@ -187,23 +187,23 @@ EuiFixedHeader.propTypes = {
   "data-test-subj": PropTypes.string,
   css: PropTypes.any,
   /**
-       * An array of objects to wrap in a #EuiHeaderSection.
+       * An array of objects to wrap in a {@link EuiHeaderSection}.
        * Each section is spaced using `space-between`.
-       * See #EuiHeaderSections for object details.
+       * See {@link EuiHeaderSections} for object details.
        * This prop disregards the prop `children` if both are passed.
        */
   sections: PropTypes.arrayOf(PropTypes.shape({
     /**
-       * An array of items that will be wrapped in a #EuiHeaderSectionItem
+       * An array of items that will be wrapped in a {@link EuiHeaderSectionItem}
        */
     items: PropTypes.arrayOf(PropTypes.node.isRequired),
     /**
-       * Breadcrumbs in the header cannot be wrapped in a #EuiHeaderSection in order for truncation to work.
+       * Breadcrumbs in the header cannot be wrapped in a {@link EuiHeaderSection} in order for truncation to work.
        * Simply pass the array of EuiBreadcrumb objects
        */
     breadcrumbs: PropTypes.arrayOf(PropTypes.any.isRequired),
     /**
-       * Other props to pass to #EuiHeaderBreadcrumbs
+       * Other props to pass to {@link EuiHeaderBreadcrumbs}
        */
     breadcrumbProps: PropTypes.any
   }).isRequired),

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

@@ -39,7 +39,7 @@ EuiHeaderBreadcrumbs.propTypes = {
   css: PropTypes.any,
   /**
      * Hides extra (above the max) breadcrumbs under a collapsed item as the window gets smaller.
-     * Pass a custom #EuiBreadcrumbResponsiveMaxCount object to change the number of breadcrumbs to show at the particular breakpoints.
+     * Pass a custom {@link EuiBreadcrumbResponsiveMaxCount} object to change the number of breadcrumbs to show at the particular breakpoints.
      *
      * Pass `false` to turn this behavior off.
      *
@@ -59,7 +59,7 @@ EuiHeaderBreadcrumbs.propTypes = {
      */
   max: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.oneOf([null])]),
   /**
-     * The array of individual #EuiBreadcrumb items
+     * The array of individual {@link EuiBreadcrumb} items
      */
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
     className: PropTypes.string,
@@ -158,7 +158,7 @@ EuiHeaderBreadcrumbs.propTypes = {
          */
       panelStyle: PropTypes.any,
       /**
-         * Object of props passed to EuiPanel. See #EuiPopoverPanelProps
+         * Object of props passed to EuiPanel. See {@link EuiPopoverPanelProps}
          */
       panelProps: PropTypes.shape({
         element: PropTypes.oneOf(["div"]),

package/es/components/header/header_links/header_links.js

@@ -195,7 +195,7 @@ EuiHeaderLinks.propTypes = {
        */
     panelStyle: PropTypes.any,
     /**
-       * Object of props passed to EuiPanel. See #EuiPopoverPanelProps
+       * Object of props passed to EuiPanel. See {@link EuiPopoverPanelProps}
        */
     panelProps: PropTypes.shape({
       element: PropTypes.oneOf(["div"]),

package/es/components/icon/assets/logo_elastic.js

@@ -29,29 +29,35 @@ var EuiIconLogoElastic = function EuiIconLogoElastic(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    fill: "#fff",
-    fillRule: "evenodd",
-    d: "M30.86 13.129A6.333 6.333 0 0 1 32 16.77a6.419 6.419 0 0 1-1.162 3.652 6.382 6.382 0 0 1-3.032 2.331 4.833 4.833 0 0 1-1.672 5.542 4.789 4.789 0 0 1-5.77-.074 9.016 9.016 0 0 1-4.5 3.322 8.982 8.982 0 0 1-5.587.023 9.014 9.014 0 0 1-4.526-3.287 9.067 9.067 0 0 1-1.727-5.333c0-.579.053-1.156.16-1.725A6.305 6.305 0 0 1 1.145 18.9 6.341 6.341 0 0 1 0 15.242a6.42 6.42 0 0 1 1.163-3.652 6.384 6.384 0 0 1 3.035-2.33 4.833 4.833 0 0 1 1.658-5.557 4.789 4.789 0 0 1 5.78.07 9.037 9.037 0 0 1 4.93-3.446 9.007 9.007 0 0 1 5.994.419 9.05 9.05 0 0 1 4.407 4.098 9.097 9.097 0 0 1 .873 5.965 6.298 6.298 0 0 1 3.02 2.32Zm-18.28.658 7.002 3.211 7.066-6.213a7.85 7.85 0 0 0 .152-1.557c0-1.692-.539-3.34-1.54-4.704a7.897 7.897 0 0 0-4.02-2.869 7.87 7.87 0 0 0-4.932.086 7.9 7.9 0 0 0-3.92 3.007l-1.174 6.118 1.367 2.92-.001.001Zm-7.247 7.441A7.964 7.964 0 0 0 6.72 27.53a7.918 7.918 0 0 0 4.04 2.874 7.89 7.89 0 0 0 4.95-.097 7.92 7.92 0 0 0 3.926-3.03l1.166-6.102-1.555-2.985-7.03-3.211-6.885 6.248.001.001Zm4.755-11.024-4.8-1.137.002-.002a3.82 3.82 0 0 1 1.312-4.358 3.785 3.785 0 0 1 4.538.023l-1.052 5.474Zm-5.216.01a5.294 5.294 0 0 0-2.595 1.882 5.324 5.324 0 0 0-.142 6.124 5.287 5.287 0 0 0 2.505 2l6.733-6.101-1.235-2.65-5.266-1.255Zm18.286 17.848a3.737 3.737 0 0 1-2.285-.785l1.037-5.454 4.8 1.125a3.812 3.812 0 0 1-1.801 4.68c-.54.283-1.14.432-1.751.434Zm-1.31-7.499 5.28 1.238a5.34 5.34 0 0 0 2.622-1.938 5.37 5.37 0 0 0 1.013-3.106 5.311 5.311 0 0 0-.936-3.01 5.282 5.282 0 0 0-2.475-1.944l-6.904 6.07 1.4 2.69Z",
-    className: "outline",
-    clipRule: "evenodd"
+    fill: "#0B64DD",
+    stroke: "#fff",
+    strokeWidth: 1.2,
+    d: "M27.565 11.242c5.1 1.94 4.872 9.396-.245 11.127l-.162.055-.167-.039-5.28-1.238-.268-.063-.127-.244-1.4-2.69-.217-.417.352-.31 6.904-6.07.272-.24.338.13Z"
   }), ___EmotionJSX("path", {
-    fill: "#FEC514",
-    d: "m12.58 13.787 7.002 3.211 7.066-6.213a7.849 7.849 0 0 0 .152-1.557c0-1.692-.539-3.34-1.54-4.704a7.897 7.897 0 0 0-4.02-2.869 7.87 7.87 0 0 0-4.932.086 7.9 7.9 0 0 0-3.92 3.007l-1.174 6.118 1.367 2.92-.001.001Z"
+    fill: "#9ADC30",
+    stroke: "#fff",
+    strokeWidth: 1.2,
+    d: "m22.047 21.239 4.8 1.125.316.074.11.304.066.19c.623 1.964-.26 3.78-1.652 4.797-1.434 1.048-3.51 1.32-5.182.022l-.29-.225.069-.361 1.037-5.454.117-.615.61.143Z"
   }), ___EmotionJSX("path", {
-    fill: "#00BFB3",
-    d: "M5.333 21.228A7.964 7.964 0 0 0 6.72 27.53a7.918 7.918 0 0 0 4.04 2.874 7.89 7.89 0 0 0 4.95-.097 7.92 7.92 0 0 0 3.926-3.03l1.166-6.102-1.555-2.985-7.03-3.211-6.885 6.248.001.001Z"
+    fill: "#1BA9F5",
+    stroke: "#fff",
+    strokeWidth: 1.2,
+    d: "m5.01 9.63 5.267 1.255.283.067.122.264 1.235 2.65.187.4-.328.298-6.733 6.1-.272.248-.345-.132C1.939 19.83.72 17.456.752 15.153c.032-2.308 1.321-4.644 3.932-5.508l.162-.054.165.039Z"
   }), ___EmotionJSX("path", {
     fill: "#F04E98",
-    d: "m5.288 9.067 4.8 1.137L11.14 4.73a3.785 3.785 0 0 0-5.914 1.94 3.82 3.82 0 0 0 .064 2.395"
+    stroke: "#fff",
+    strokeWidth: 1.2,
+    d: "M6.281 4.32c1.416-1.08 3.48-1.387 5.222-.069l.297.226-.07.366-1.053 5.474-.118.615-.609-.144-4.8-1.137-.316-.075-.11-.306c-.709-1.967.149-3.876 1.557-4.95Z"
   }), ___EmotionJSX("path", {
-    fill: "#1BA9F5",
-    d: "M4.872 10.214a5.294 5.294 0 0 0-2.595 1.882 5.324 5.324 0 0 0-.142 6.124 5.287 5.287 0 0 0 2.505 2l6.733-6.101-1.235-2.65-5.266-1.255Z"
+    fill: "#02BCB7",
+    stroke: "#fff",
+    strokeWidth: 1.2,
+    d: "m12.466 14.433 7.03 3.211.188.086.095.183 1.555 2.985.096.184-.04.206-1.165 6.101-.024.122-.068.103c-2.68 3.958-6.902 4.71-10.268 3.26-3.356-1.447-5.834-5.07-5.126-9.736l.033-.21.158-.144 6.884-6.25.293-.265.36.164Z"
   }), ___EmotionJSX("path", {
-    fill: "#93C90E",
-    d: "M20.873 27.277a3.736 3.736 0 0 0 2.285.785 3.783 3.783 0 0 0 3.101-1.63 3.812 3.812 0 0 0 .451-3.484l-4.8-1.125-1.037 5.454Z"
-  }), ___EmotionJSX("path", {
-    fill: "#07C",
-    d: "m21.848 20.563 5.28 1.238a5.34 5.34 0 0 0 2.622-1.938 5.37 5.37 0 0 0 1.013-3.106 5.312 5.312 0 0 0-.936-3.01 5.283 5.283 0 0 0-2.475-1.944l-6.904 6.07 1.4 2.69Z"
+    fill: "#FEC514",
+    stroke: "#fff",
+    strokeWidth: 1.2,
+    d: "M11.892 4.41C14.438.676 18.741.105 22.134 1.54c3.392 1.433 5.99 4.92 5.102 9.362l-.039.2-.153.133-7.066 6.213-.293.258-.353-.163-7.002-3.21-.201-.093-.094-.2-1.38-2.988-.081-.177.037-.19L11.8 4.633l.023-.121.07-.102Z"
   }));
 };
 export var icon = EuiIconLogoElastic;

package/es/components/icon/icon.styles.js

@@ -59,7 +59,7 @@ export var euiIconStyles = function euiIconStyles(_ref3) {
     xxl: /*#__PURE__*/css(logicalSizeCSS(euiTheme.size.xxl), ";label:xxl;"),
     // Variants
     // App icons are two-toned. This provides the base color.
-    app: /*#__PURE__*/css("fill:", euiTheme.colors.textParagraph, ";.euiIcon__fillSecondary{fill:", euiTheme.colors.textSuccess, ";};label:app;"),
+    app: /*#__PURE__*/css("fill:", euiTheme.colors.textParagraph, ";.euiIcon__fillSecondary{fill:", euiTheme.colors.primary, ";};label:app;"),
     logo: /*#__PURE__*/css(";label:logo;"),
     // Loading states
     isLoading: /*#__PURE__*/css("opacity:", iconLoadingOpacity, ";background-color:currentColor;border-radius:", euiTheme.border.radius.small, ";;label:isLoading;"),

package/es/components/key_pad_menu/key_pad_menu.js

@@ -51,7 +51,7 @@ EuiKeyPadMenu.propTypes = {
   css: PropTypes.any,
   /**
        * Renders the the group as a `fieldset`.
-       * Set to `true` to customize the labelling, or pass an #_EuiKeyPadMenuCheckableProps object to add a `legend` or `ariaLegend`
+       * Set to `true` to customize the labelling, or pass an {@link _EuiKeyPadMenuCheckableProps} object to add a `legend` or `ariaLegend`
        */
   checkable: PropTypes.oneOfType([PropTypes.shape({
     /**

package/es/components/list_group/list_group.js

@@ -109,7 +109,7 @@ EuiListGroup.propTypes = {
        */
   gutterSize: PropTypes.any,
   /**
-       * Items to display in this group. See #EuiListGroupItem
+       * Items to display in this group. See {@link EuiListGroupItem}
        */
   listItems: PropTypes.arrayOf(PropTypes.shape({
     className: PropTypes.string,
@@ -167,7 +167,7 @@ EuiListGroup.propTypes = {
          */
     showToolTip: PropTypes.bool,
     /**
-         * An object of #EuiListGroupItemExtraAction props.
+         * An object of {@link EuiListGroupItemExtraAction} props.
          * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
          * pass `alwaysShow` if you don't want the default behavior of only showing on hover
          */

package/es/components/list_group/list_group_item.js

@@ -252,7 +252,7 @@ EuiListGroupItem.propTypes = {
        */
   showToolTip: PropTypes.bool,
   /**
-       * An object of #EuiListGroupItemExtraAction props.
+       * An object of {@link EuiListGroupItemExtraAction} props.
        * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
        * pass `alwaysShow` if you don't want the default behavior of only showing on hover
        */

package/es/components/list_group/pinnable_list_group/pinnable_list_group.js

@@ -84,11 +84,11 @@ export var EuiPinnableListGroup = function EuiPinnableListGroup(_ref) {
 };
 EuiPinnableListGroup.propTypes = {
   /**
-       * Items to display in this group. See #EuiListGroupItem
+       * Items to display in this group. See {@link EuiListGroupItem}
        */
   /**
      * Extends `EuiListGroupItemProps`, at the very least, expecting a `label`.
-     * See #EuiPinnableListGroupItemProps
+     * See {@link EuiPinnableListGroupItemProps}
      */
   listItems: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape({
     className: PropTypes.string,
@@ -146,7 +146,7 @@ EuiPinnableListGroup.propTypes = {
          */
     showToolTip: PropTypes.bool,
     /**
-         * An object of #EuiListGroupItemExtraAction props.
+         * An object of {@link EuiListGroupItemExtraAction} props.
          * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
          * pass `alwaysShow` if you don't want the default behavior of only showing on hover
          */
@@ -289,7 +289,7 @@ EuiPinnableListGroup.propTypes = {
          */
     showToolTip: PropTypes.bool,
     /**
-         * An object of #EuiListGroupItemExtraAction props.
+         * An object of {@link EuiListGroupItemExtraAction} props.
          * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
          * pass `alwaysShow` if you don't want the default behavior of only showing on hover
          */