@elastic/eui 102.1.0 → 102.2.0

package/lib/themes/json/eui_theme_borealis_light.json

@@ -0,0 +1,427 @@
+{
+  "euiZDataGrid": 999,
+  "euiZHeaderBelowDataGrid": 998,
+  "euiZDataGridCellPopover": 1000,
+  "euiDataGridCellPaddingS": "4px",
+  "euiDataGridCellPaddingM": "6px",
+  "euiDataGridCellPaddingL": "8px",
+  "euiTableHoverColor": "rgba(54, 95, 178, 0.06)",
+  "euiTableSelectedColor": "#EDEFF3",
+  "euiTableHoverSelectedColor": "rgba(54, 95, 178, 0.06)",
+  "euiTableActionsBorderColor": "#E3E8F2",
+  "euiTableHoverClickableColor": "rgba(54, 95, 178, 0.06)",
+  "euiTableFocusClickableColor": "rgba(54, 95, 178, 0.06)",
+  "euiContrastRatioText": 4.5,
+  "euiContrastRatioGraphic": 3,
+  "euiContrastRatioDisabled": 2,
+  "euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
+  "euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)",
+  "euiAnimSpeedExtraFast": "90ms",
+  "euiAnimSpeedFast": "150ms",
+  "euiAnimSpeedNormal": "250ms",
+  "euiAnimSpeedSlow": "350ms",
+  "euiAnimSpeedExtraSlow": "500ms",
+  "euiBorderWidthThin": "1px",
+  "euiBorderWidthThick": "2px",
+  "euiBorderColor": "#E3E8F2",
+  "euiBorderRadius": "4px",
+  "euiBorderRadiusSmall": "4px",
+  "euiBorderThick": "2px solid #E3E8F2",
+  "euiBorderThin": "1px solid #E3E8F2",
+  "euiBorderEditable": "2px dotted #E3E8F2",
+  "euiButtonHeight": "40px",
+  "euiButtonHeightSmall": "32px",
+  "euiButtonHeightXSmall": "24px",
+  "euiButtonColorDisabled": "#ECF1F9",
+  "euiButtonColorDisabledText": "#798EAF",
+  "euiButtonColorGhostDisabled": "#ECF1F9",
+  "euiButtonTypes": {
+    "primary": "#0B64DD",
+    "accent": "#BC1E70",
+    "accentSecondary": "#008B87",
+    "neutral": "#1C8CB5",
+    "success": "#008A5E",
+    "warning": "#FACB3D",
+    "risk": "#ED6723",
+    "danger": "#C61E25",
+    "ghost": "#ffffff",
+    "text": "#5A6D8C"
+  },
+  "euiFontWeightLight": 300,
+  "euiFontWeightRegular": 400,
+  "euiFontWeightMedium": 450,
+  "euiFontWeightSemiBold": 500,
+  "euiFontWeightBold": 600,
+  "euiCodeFontWeightRegular": 400,
+  "euiCodeFontWeightBold": 600,
+  "euiFormMaxWidth": "400px",
+  "euiFormControlHeight": "40px",
+  "euiFormControlCompressedHeight": "32px",
+  "euiFormControlPadding": "12px",
+  "euiFormControlCompressedPadding": "8px",
+  "euiFormControlBorderRadius": "4px",
+  "euiFormControlCompressedBorderRadius": "4px",
+  "euiRadioSize": "16px",
+  "euiCheckBoxSize": "16px",
+  "euiCheckboxBorderRadius": "4px",
+  "euiSwitchHeight": "20px",
+  "euiSwitchWidth": "44px",
+  "euiSwitchThumbSize": "20px",
+  "euiSwitchIconHeight": "16px",
+  "euiSwitchHeightCompressed": "16px",
+  "euiSwitchWidthCompressed": "28px",
+  "euiSwitchThumbSizeCompressed": "16px",
+  "euiSwitchHeightMini": "10px",
+  "euiSwitchWidthMini": "22px",
+  "euiSwitchThumbSizeMini": "10px",
+  "euiFormBackgroundColor": "#F6F9FC",
+  "euiFormBackgroundDisabledColor": "#ECF1F9",
+  "euiFormBackgroundReadOnlyColor": "#FFFFFF",
+  "euiFormBorderOpaqueColor": "#1c2390",
+  "euiFormBorderColor": "#CAD3E2",
+  "euiFormBorderDisabledColor": "#CAD3E2",
+  "euiFormCustomControlDisabledIconColor": "#798EAF",
+  "euiFormCustomControlBorderColor": "#CAD3E2",
+  "euiFormControlDisabledColor": "#CAD3E2",
+  "euiFormControlBoxShadow": "0 0 rgba(0, 0, 0, 0)",
+  "euiFormControlPlaceholderText": "#5A6D8C",
+  "euiFormInputGroupLabelBackground": "#ECF1F9",
+  "euiFormInputGroupBorder": "none",
+  "euiSwitchOffColor": "#5A6D8C",
+  "euiFormControlIconSizes": {
+    "small": "12px",
+    "medium": "16px",
+    "large": "24px",
+    "xLarge": "32px",
+    "xxLarge": "40px"
+  },
+  "euiFormControlLayoutGroupInputHeight": "38px",
+  "euiFormControlLayoutGroupInputCompressedHeight": "30px",
+  "euiFormControlLayoutGroupInputCompressedBorderRadius": "2px",
+  "euiHeaderBackgroundColor": "#FFFFFF",
+  "euiHeaderDarkBackgroundColor": "#0B1628",
+  "euiHeaderBorderColor": "#E3E8F2",
+  "euiHeaderBreadcrumbColor": "#D9E8FF",
+  "euiHeaderHeight": "48px",
+  "euiHeaderChildSize": "40px",
+  "euiHeaderHeightCompensation": "48px",
+  "euiPageDefaultMaxWidth": "1200px",
+  "euiPageSidebarMinWidth": "192px",
+  "euiPanelPaddingModifiers": {
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiPanelBorderRadiusModifiers": {
+    "borderRadiusNone": 0,
+    "borderRadiusMedium": "4px"
+  },
+  "euiPanelBackgroundColorModifiers": {
+    "transparent": "rgba(0, 0, 0, 0)",
+    "plain": "#FFFFFF",
+    "subdued": "#F6F9FC",
+    "accent": "#FFEBF5",
+    "accentSecondary": "#E2F9F7",
+    "primary": "#E8F1FF",
+    "success": "#E2F8F0",
+    "warning": "#FDF3D8",
+    "danger": "#FFE8E5"
+  },
+  "euiBreakpoints": {
+    "xs": 0,
+    "s": "575px",
+    "m": "768px",
+    "l": "992px",
+    "xl": "1200px"
+  },
+  "euiBreakpointKeys": "'xs', 's', 'm', 'l', 'xl'",
+  "euiShadowColor": "#000000",
+  "euiSize": "16px",
+  "euiSizeXS": "4px",
+  "euiSizeS": "8px",
+  "euiSizeM": "12px",
+  "euiSizeL": "24px",
+  "euiSizeXL": "32px",
+  "euiSizeXXL": "40px",
+  "euiScrollBar": "16px",
+  "euiScrollBarCorner": "4px",
+  "euiScrollBarCornerThin": "6px",
+  "euiFocusRingColor": "#1750BA",
+  "euiFocusRingAnimStartColor": "rgba(0, 0, 0, 0)",
+  "euiFocusRingAnimStartSize": "2px",
+  "euiFocusRingAnimStartSizeLarge": "10px",
+  "euiFocusRingSizeLarge": "4px",
+  "euiFocusRingSize": "2px",
+  "euiFocusTransparency": 0.9,
+  "euiFocusTransparencyPercent": "90%",
+  "euiFocusBackgroundColor": "#ECF1F9",
+  "euiFontFamily": "'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+  "euiCodeFontFamily": "'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace",
+  "euiFontFeatureSettings": "calt 1 kern 1 liga 1",
+  "euiTextScale": "1,875, 1.5, 1.25, 1, .875, .75",
+  "euiFontSize": "14px",
+  "euiFontSizeXS": "12px",
+  "euiFontSizeS": "14px",
+  "euiFontSizeM": "16px",
+  "euiFontSizeL": "20px",
+  "euiFontSizeXL": "24px",
+  "euiFontSizeXXL": "30px",
+  "euiLineHeight": 1.5,
+  "euiBodyLineHeight": 1.142857143,
+  "euiTitles": {
+    "xxxs": {
+      "font-size": "12px",
+      "line-height": "1.1429rem",
+      "font-weight": 600
+    },
+    "xxs": {
+      "font-size": "14px",
+      "line-height": "1.4286rem",
+      "font-weight": 600
+    },
+    "xs": {
+      "font-size": "16px",
+      "line-height": "1.7143rem",
+      "font-weight": 600
+    },
+    "s": {
+      "font-size": "20px",
+      "line-height": "1.7143rem",
+      "font-weight": 600
+    },
+    "m": {
+      "font-size": "24px",
+      "line-height": "2rem",
+      "font-weight": 600
+    },
+    "l": {
+      "font-size": "30px",
+      "line-height": "2.5714rem",
+      "font-weight": 600
+    }
+  },
+  "euiZLevel0": 0,
+  "euiZLevel1": 1000,
+  "euiZLevel2": 2000,
+  "euiZLevel3": 3000,
+  "euiZLevel4": 4000,
+  "euiZLevel5": 5000,
+  "euiZLevel6": 6000,
+  "euiZLevel7": 7000,
+  "euiZLevel8": 8000,
+  "euiZLevel9": 9000,
+  "euiZToastList": 9000,
+  "euiZModal": 8000,
+  "euiZMask": 6000,
+  "euiZNavigation": 6000,
+  "euiZContentMenu": 2000,
+  "euiZHeader": 1000,
+  "euiZFlyout": 1000,
+  "euiZMaskBelowHeader": 1000,
+  "euiZContent": 0,
+  "euiPaletteColorBlind": {
+    "euiColorVis0": {
+      "graphic": "#16C5C0",
+      "behindText": "#16C5C0"
+    },
+    "euiColorVis1": {
+      "graphic": "#98E6E2",
+      "behindText": "#98E6E2"
+    },
+    "euiColorVis2": {
+      "graphic": "#61A2FF",
+      "behindText": "#61A2FF"
+    },
+    "euiColorVis3": {
+      "graphic": "#BFDBFF",
+      "behindText": "#BFDBFF"
+    },
+    "euiColorVis4": {
+      "graphic": "#EE72A6",
+      "behindText": "#EE72A6"
+    },
+    "euiColorVis5": {
+      "graphic": "#FFC7DB",
+      "behindText": "#FFC7DB"
+    },
+    "euiColorVis6": {
+      "graphic": "#F6726A",
+      "behindText": "#F6726A"
+    },
+    "euiColorVis7": {
+      "graphic": "#FFC9C2",
+      "behindText": "#FFC9C2"
+    },
+    "euiColorVis8": {
+      "graphic": "#EAAE01",
+      "behindText": "#EAAE01"
+    },
+    "euiColorVis9": {
+      "graphic": "#FCD883",
+      "behindText": "#FCD883"
+    }
+  },
+  "euiPaletteColorBlindKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9'",
+  "euiColorVis0": "#16C5C0",
+  "euiColorVis1": "#A6EDEA",
+  "euiColorVis2": "#61A2FF",
+  "euiColorVis3": "#BFDBFF",
+  "euiColorVis4": "#EE72A6",
+  "euiColorVis5": "#FFC7DB",
+  "euiColorVis6": "#F6726A",
+  "euiColorVis7": "#FFC9C2",
+  "euiColorVis8": "#EAAE01",
+  "euiColorVis9": "#FCD883",
+  "euiColorVis0_behindText": "#16C5C0",
+  "euiColorVis1_behindText": "#A6EDEA",
+  "euiColorVis2_behindText": "#61A2FF",
+  "euiColorVis3_behindText": "#B4D5FF",
+  "euiColorVis4_behindText": "#EE72A6",
+  "euiColorVis5_behindText": "#FFC7DB",
+  "euiColorVis6_behindText": "#F6726A",
+  "euiColorVis7_behindText": "#FFC9C2",
+  "euiColorVis8_behindText": "#EAAE01",
+  "euiColorVis9_behindText": "#FCD883",
+  "euiColorVisAsTextLight0": "#047471",
+  "euiColorVisAsTextLight1": "#1750BA",
+  "euiColorVisAsTextLight2": "#A11262",
+  "euiColorVisAsTextLight3": "#A71627",
+  "euiColorVisAsTextLight4": "#825803",
+  "euiColorVisAsTextLight5": "#09724D",
+  "euiColorVisAsTextLight6": "#6B3C9F",
+  "euiColorVisAsTextDark0": "#16C5C0",
+  "euiColorVisAsTextDark1": "#61A2FF",
+  "euiColorVisAsTextDark2": "#EE72A6",
+  "euiColorVisAsTextDark3": "#F6726A",
+  "euiColorVisAsTextDark4": "#EAAE01",
+  "euiColorVisAsTextDark5": "#24C292",
+  "euiColorVisAsTextDark6": "#B084F5",
+  "euiColorVisSuccess0": "#24C292",
+  "euiColorVisSuccess1": "#AEE8D2",
+  "euiColorVisWarning0": "#FCD883",
+  "euiColorVisDanger0": "#F6726A",
+  "euiColorVisDanger1": "#FFC9C2",
+  "euiColorVisNeutral0": "#F6F9FC",
+  "euiColorVisGrey0": "#CAD3E2",
+  "euiColorVisGrey1": "#8E9FBC",
+  "euiColorVisGrey2": "#5A6D8C",
+  "euiColorVisGrey3": "#1D2A3E",
+  "euiColorVisWarm0": "#FFE8E5",
+  "euiColorVisWarm1": "#FFB5AD",
+  "euiColorVisWarm2": "#F6726A",
+  "euiColorVisCool0": "#E8F1FF",
+  "euiColorVisCool1": "#A3CBFF",
+  "euiColorVisCool2": "#61A2FF",
+  "euiColorVisComplementary0": "#61A2FF",
+  "euiColorVisComplementary1": "#EAAE01",
+  "euiColorSeverityUnknown": "#E3E8F2",
+  "euiColorSeverityNeutral": "#B5E5F2",
+  "euiColorSeveritySuccess": "#24C292",
+  "euiColorSeverityWarning": "#FCD883",
+  "euiColorSeverityRisk": "#FF995E",
+  "euiColorSeverityDanger": "#EE4C48",
+  "euiColorChartLines": "#CAD3E2",
+  "euiColorChartBand": "#F6F9FC",
+  "euiColorGhost": "#FFFFFF",
+  "euiColorInk": "#000000",
+  "euiColorPrimary": "#0B64DD",
+  "euiColorAccent": "#BC1E70",
+  "euiColorAccentSecondary": "#008B87",
+  "euiColorSuccess": "#008A5E",
+  "euiColorWarning": "#FACB3D",
+  "euiColorDanger": "#C61E25",
+  "euiColorEmptyShade": "#FFFFFF",
+  "euiColorLightestShade": "#ECF1F9",
+  "euiColorLightShade": "#CAD3E2",
+  "euiColorMediumShade": "#8E9FBC",
+  "euiColorDarkShade": "#5A6D8C",
+  "euiColorDarkestShade": "#2B394F",
+  "euiColorFullShade": "#07101F",
+  "euiPageBackgroundColor": "#F6F9FC",
+  "euiColorHighlight": "#E8F1FF",
+  "euiTextColor": "#1D2A3E",
+  "euiTitleColor": "#111C2C",
+  "euiTextSubduedColor": "#516381",
+  "euiColorDisabled": "#E3E8F2",
+  "euiColorPrimaryText": "#1750BA",
+  "euiColorSuccessText": "#09724D",
+  "euiColorAccentText": "#A11262",
+  "euiColorWarningText": "#6A4906",
+  "euiColorDangerText": "#A71627",
+  "euiColorDisabledText": "#798EAF",
+  "euiLinkColor": "#0B64DD",
+  "euiColorPlainLight": "#FFFFFF",
+  "euiColorPlainDark": "#07101F",
+  "euiColorTextPrimary": "#1750BA",
+  "euiColorTextAccent": "#A11262",
+  "euiColorTextAccentSecondary": "#047471",
+  "euiColorTextNeutral": "#0F658A",
+  "euiColorTextSuccess": "#09724D",
+  "euiColorTextWarning": "#6A4906",
+  "euiColorTextRisk": "#9E3A16",
+  "euiColorTextDanger": "#A71627",
+  "euiColorTextParagraph": "#1D2A3E",
+  "euiColorTextHeading": "#111C2C",
+  "euiColorTextSubdued": "#516381",
+  "euiColorTextDisabled": "#798EAF",
+  "euiColorTextInverse": "#FFFFFF",
+  "euiColorBackgroundBasePrimary": "#E8F1FF",
+  "euiColorBackgroundBaseAccent": "#FFEBF5",
+  "euiColorBackgroundBaseAccentSecondary": "#E2F9F7",
+  "euiColorBackgroundBaseNeutral": "#E5F6FA",
+  "euiColorBackgroundBaseSuccess": "#E2F8F0",
+  "euiColorBackgroundBaseWarning": "#FDF3D8",
+  "euiColorBackgroundBaseRisk": "#FFEDD6",
+  "euiColorBackgroundBaseDanger": "#FFE8E5",
+  "euiColorBackgroundBaseSubdued": "#F6F9FC",
+  "euiColorBackgroundBasePlain": "#FFFFFF",
+  "euiColorBackgroundBaseDisabled": "#ECF1F9",
+  "euiColorBackgroundBaseHighlighted": "#F6F9FC",
+  "euiColorBackgroundBaseFormsPrepend": "#ECF1F9",
+  "euiColorBackgroundBaseFormsControlDisabled": "#CAD3E2",
+  "euiColorBackgroundBaseInteractiveHover": "rgba(23,80,186, 0.04)",
+  "euiColorBackgroundBaseInteractiveSelect": "#E8F1FF",
+  "euiColorBackgroundBaseInteractiveOverlay": "rgba(72,89,117, 0.7)",
+  "euiColorBackgroundBaseSkeletonEdge": "rgba(72,89,117, 0.16)",
+  "euiColorBackgroundBaseSkeletonMiddle": "rgba(72,89,117, 0.04)",
+  "euiColorBackgroundLightPrimary": "#D9E8FF",
+  "euiColorBackgroundLightAccent": "#FDDDE9",
+  "euiColorBackgroundLightAccentSecondary": "#C9F3F0",
+  "euiColorBackgroundLightNeutral": "#CFEEF7",
+  "euiColorBackgroundLightSuccess": "#C9F3E3",
+  "euiColorBackgroundLightWarning": "#FDE9B5",
+  "euiColorBackgroundLightRisk": "#FFDEBF",
+  "euiColorBackgroundLightDanger": "#FDDDD8",
+  "euiColorBackgroundLightText": "#E3E8F2",
+  "euiColorBackgroundFilledPrimary": "#0B64DD",
+  "euiColorBackgroundFilledAccent": "#BC1E70",
+  "euiColorBackgroundFilledAccentSecondary": "#008B87",
+  "euiColorBackgroundFilledNeutral": "#1C8CB5",
+  "euiColorBackgroundFilledSuccess": "#008A5E",
+  "euiColorBackgroundFilledWarning": "#FACB3D",
+  "euiColorBackgroundFilledRisk": "#ED6723",
+  "euiColorBackgroundFilledDanger": "#C61E25",
+  "euiColorBackgroundFilledText": "#5A6D8C",
+  "euiColorBorderBasePrimary": "#BFDBFF",
+  "euiColorBorderBaseAccent": "#FFC7DB",
+  "euiColorBorderBaseAccentSecondary": "#A6EDEA",
+  "euiColorBorderBaseNeutral": "#B5E5F2",
+  "euiColorBorderBaseSuccess": "#AEE8D2",
+  "euiColorBorderBaseWarning": "#FCD883",
+  "euiColorBorderBaseRisk": "#FFCDA1",
+  "euiColorBorderBaseDanger": "#FFC9C2",
+  "euiColorBorderBasePlain": "#CAD3E2",
+  "euiColorBorderBaseSubdued": "#E3E8F2",
+  "euiColorBorderBaseDisabled": "#CAD3E2",
+  "euiColorBorderBaseFloating": "transparent",
+  "euiColorBorderBaseFormsColorSwatch": "rgba(72,89,117, 0.24)",
+  "euiColorBorderBaseFormsControl": "#8E9FBC",
+  "euiColorBorderStrongPrimary": "#1750BA",
+  "euiColorBorderStrongAccent": "#A11262",
+  "euiColorBorderStrongAccentSecondary": "#047471",
+  "euiColorBorderStrongNeutral": "#0F658A",
+  "euiColorBorderStrongSuccess": "#09724D",
+  "euiColorBorderStrongWarning": "#825803",
+  "euiColorBorderStrongRisk": "#9E3A16",
+  "euiColorBorderStrongDanger": "#A71627"
+}

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

@@ -300,6 +300,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, {
@@ -315,7 +357,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.displayName = 'EuiDataGridBodyVirtualized';

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

@@ -15,6 +15,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)
@@ -168,7 +169,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/optimize/es/components/date_picker/super_date_picker/quick_select_popover/quick_select.js

@@ -177,7 +177,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",
@@ -190,7 +191,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/optimize/es/components/form/select/select.js

@@ -86,7 +86,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/optimize/es/components/icon/assets/logo_elastic.js

@@ -28,29 +28,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/optimize/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/optimize/es/components/loading/loading_elastic.styles.js

@@ -10,7 +10,7 @@ var _templateObject;
 
 import { css, keyframes } from '@emotion/react';
 import { euiCanAnimate } from '../../global_styling';
-var loadingElastic = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    transform: scale3d(.2, .2, -.7);\n    opacity: .2;\n  }\n\n  40% {\n    transform: scale3d(1, 1, 2);\n    opacity: 1;\n  }\n\n  50% {\n    transform: scale3d(.99, .99, 2);\n  }\n\n  70% {\n    transform: scale3d(.96, .96, -2.5);\n  }\n\n  100% {\n    transform: scale3d(.98, .98, 2);\n  }\n"])));
+var loadingElastic = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    transform: scale3d(.2, .2, -.7);\n  }\n\n  40% {\n    transform: scale3d(1, 1, 2);\n  }\n\n  50% {\n    transform: scale3d(.99, .99, 2);\n  }\n\n  70% {\n    transform: scale3d(.96, .96, -2.5);\n  }\n\n  100% {\n    transform: scale3d(.98, .98, 2);\n  }\n"])));
 export var euiLoadingElasticStyles = {
-  euiLoadingElastic: /*#__PURE__*/css("position:relative;display:inline-block;& path{", euiCanAnimate, "{animation-name:", loadingElastic, ";animation-fill-mode:forwards;animation-direction:alternate;transform-style:preserve-3d;animation-duration:1s;animation-timing-function:cubic-bezier(0, 0.63, 0.49, 1);animation-iteration-count:infinite;transform-origin:50% 50%;}&:nth-of-type(1){display:none;}&:nth-of-type(2){animation-delay:0.035s;}&:nth-of-type(3){animation-delay:0.125s;}&:nth-of-type(4){animation-delay:0.155s;}&:nth-of-type(5){animation-delay:0.075s;}&:nth-of-type(6){animation-delay:0.06s;}};label:euiLoadingElastic;")
+  euiLoadingElastic: /*#__PURE__*/css("position:relative;display:inline-block;& path{", euiCanAnimate, "{animation-name:", loadingElastic, ";animation-fill-mode:forwards;animation-direction:alternate;transform-style:preserve-3d;animation-duration:1s;animation-timing-function:cubic-bezier(0, 0.63, 0.49, 1);animation-iteration-count:infinite;transform-origin:50% 50%;}&:nth-of-type(1){animation-delay:0;}&:nth-of-type(2){animation-delay:0.035s;}&:nth-of-type(3){animation-delay:0.125s;}&:nth-of-type(4){animation-delay:0.155s;}&:nth-of-type(5){animation-delay:0.075s;}&:nth-of-type(6){animation-delay:0.06s;}};label:euiLoadingElastic;")
 };

package/optimize/es/components/selectable/selectable.js

@@ -35,15 +35,16 @@ import { EuiSelectableList } from './selectable_list';
 import { createPartialStringEqualityOptionMatcher, getMatchingOptions } from './matching_options';
 import { euiSelectableStyles as styles } from './selectable.styles';
 
-// The `searchable` prop has significant implications for a11y.
-// When present, we effectively change from adhering
-// to the ARIA `listbox` spec (https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox)
-// to the ARIA `combobox` spec (https://www.w3.org/TR/wai-aria-practices-1.2/#combobox)
-// and (re)implement all relevant attributes and keyboard interactions.
-// Take note of logic that relies on `searchable` to ensure that any
-// modifications remain in alignment.
-//
-// `searchProps` can only be specified when `searchable` is true
+/**
+ * The `searchable` prop has significant implications for a11y. When present, we effectively change from adhering to the
+ * - ARIA `listbox` spec (@see https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox)
+ * - ARIA `combobox` spec (@see https://www.w3.org/TR/wai-aria-practices-1.2/#combobox)
+ *
+ * and (re)implement all relevant attributes and keyboard interactions.
+ * Take note of logic that relies on `searchable` to ensure that any modifications remain in alignment.
+ *
+ * `searchProps` can only be specified when `searchable` is `true`.
+ */
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiSelectable = /*#__PURE__*/function (_Component) {
   function EuiSelectable(props) {