@elastic/eui 116.3.1-snapshot.1782222821728 → 116.4.0

package/es/components/date_picker/date_picker.js

@@ -134,7 +134,7 @@ export var EuiDatePicker = function EuiDatePicker(_ref) {
     fullDateFormat = "".concat(dateFormat, " ").concat(timeFormat);
   }
 
-  // Set an internal ref on ReactDatePicker's `input` so we can set its `aria-invalid` state via useEuiValidatableControl
+  // Set an internal ref on ReactDatePicker's `input` so we can set its :invalid state via useEuiValidatableControl
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     inputValidityRef = _useState2[0],

package/es/components/form/field_password/field_password.styles.js

@@ -20,7 +20,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 export var euiFieldPasswordStyles = function euiFieldPasswordStyles(euiThemeContext) {
   var formStyles = euiFormControlStyles(euiThemeContext);
   return {
-    euiFieldPassword: /*#__PURE__*/css(formStyles.shared, " &:is(:invalid, [aria-invalid='true']){", formStyles.invalid, ";}&:focus{", formStyles.focus, ";}&:disabled{", formStyles.disabled, ";}&[readOnly]{", formStyles.readOnly, ";}&:autofill{", formStyles.autoFill, ";};label:euiFieldPassword;"),
+    euiFieldPassword: /*#__PURE__*/css(formStyles.shared, " &:invalid{", formStyles.invalid, ";}&:focus{", formStyles.focus, ";}&:disabled{", formStyles.disabled, ";}&[readOnly]{", formStyles.readOnly, ";}&:autofill{", formStyles.autoFill, ";};label:euiFieldPassword;"),
     // Only remove Edge's internal reveal button if we're providing a custom one
     // This pseudo-element is still supported in Chromium-based Edge.
     withToggle: _ref,

package/es/components/form/field_search/field_search.styles.js

@@ -11,7 +11,7 @@ import { euiFormControlStyles } from '../form.styles';
 export var euiFieldSearchStyles = function euiFieldSearchStyles(euiThemeContext) {
   var formStyles = euiFormControlStyles(euiThemeContext);
   return {
-    euiFieldSearch: /*#__PURE__*/css("-webkit-appearance:textfield;&::-webkit-search-decoration,&::-webkit-search-cancel-button{-webkit-appearance:none;}", formStyles.shared, " &:is(:invalid, [aria-invalid='true']){", formStyles.invalid, ";}&:focus{", formStyles.focus, ";}&:disabled{", formStyles.disabled, ";}&[readOnly]{", formStyles.readOnly, ";}&:autofill{", formStyles.autoFill, ";};label:euiFieldSearch;"),
+    euiFieldSearch: /*#__PURE__*/css("-webkit-appearance:textfield;&::-webkit-search-decoration,&::-webkit-search-cancel-button{-webkit-appearance:none;}", formStyles.shared, " &:invalid{", formStyles.invalid, ";}&:focus{", formStyles.focus, ";}&:disabled{", formStyles.disabled, ";}&[readOnly]{", formStyles.readOnly, ";}&:autofill{", formStyles.autoFill, ";};label:euiFieldSearch;"),
     // Skip the css() on the default height to avoid generating a className
     uncompressed: formStyles.uncompressed,
     compressed: /*#__PURE__*/css(formStyles.compressed, ";label:compressed;"),

package/es/components/form/form.styles.js

@@ -208,7 +208,7 @@ export var euiFormControlAutoFillStyles = function euiFormControlAutoFillStyles(
   var borderShadow = "inset 0 0 0 var(--euiFormControlStateAutofillWidth) var(--euiFormControlStateAutofillColor), ".concat(backgroundShadow);
 
   // These styles only apply/override Chrome/webkit browsers - Firefox does not set autofill styles
-  return "\n    &:where(:-webkit-autofill) {\n      --euiFormControlStateAutofillWidth: ".concat(euiTheme.border.width.thin, ";\n      --euiFormControlStateAutofillColor: ").concat(borderColor, ";\n      \n      -webkit-text-fill-color: ").concat(textColor, ";\n      -webkit-box-shadow: ").concat(borderShadow, ";\n     \n\n      &:hover {\n        --euiFormControlStateAutofillColor: ").concat(borderHovered, ";\n      }\n\n      &:focus {\n        --euiFormControlStateAutofillWidth: ").concat(euiTheme.border.width.thick, ";\n      }\n\n      &:is(:invalid, [aria-invalid='true']) {\n        --euiFormControlStateAutofillColor: ").concat(borderInvalid, ";\n\n        &:hover {\n          --euiFormControlStateAutofillColor: ").concat(borderInvalidHovered, ";\n        }\n      }\n    }\n  ");
+  return "\n    &:where(:-webkit-autofill) {\n      --euiFormControlStateAutofillWidth: ".concat(euiTheme.border.width.thin, ";\n      --euiFormControlStateAutofillColor: ").concat(borderColor, ";\n      \n      -webkit-text-fill-color: ").concat(textColor, ";\n      -webkit-box-shadow: ").concat(borderShadow, ";\n     \n\n      &:hover {\n        --euiFormControlStateAutofillColor: ").concat(borderHovered, ";\n      }\n\n      &:focus {\n        --euiFormControlStateAutofillWidth: ").concat(euiTheme.border.width.thick, ";\n      }\n\n      &:invalid {\n        --euiFormControlStateAutofillColor: ").concat(borderInvalid, ";\n\n        &:hover {\n          --euiFormControlStateAutofillColor: ").concat(borderInvalidHovered, ";\n        }\n      }\n    }\n  ");
 };
 export var euiFormControlAutofillUnsetStyles = "\n\n";
 export var euiFormControlShowBackgroundLine = function euiFormControlShowBackgroundLine(euiThemeContext, color) {

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

@@ -12,7 +12,7 @@ export var euiSelectStyles = function euiSelectStyles(euiThemeContext) {
   var formStyles = euiFormControlStyles(euiThemeContext);
   var formVariables = euiFormVariables(euiThemeContext);
   return {
-    euiSelect: /*#__PURE__*/css("appearance:none;", formStyles.shared, " &:is(:invalid, [aria-invalid='true']){", formStyles.invalid, ";}&:focus{", formStyles.focus, ";}&:disabled{", formStyles.disabled, ";}&[readOnly]{", formStyles.readOnly, ";}&:autofill{", formStyles.autoFill, ";};label:euiSelect;"),
+    euiSelect: /*#__PURE__*/css("appearance:none;", formStyles.shared, " &:invalid{", formStyles.invalid, ";}&:focus{", formStyles.focus, ";}&:disabled{", formStyles.disabled, ";}&[readOnly]{", formStyles.readOnly, ";}&:autofill{", formStyles.autoFill, ";};label:euiSelect;"),
     // Skip the css() on the default height to avoid generating a className
     uncompressed: formStyles.uncompressed,
     compressed: /*#__PURE__*/css(formStyles.compressed, ";label:compressed;"),

package/es/components/form/text_area/text_area.styles.js

@@ -47,7 +47,7 @@ export var euiTextAreaStyles = function euiTextAreaStyles(euiThemeContext) {
   var formStyles = euiFormControlStyles(euiThemeContext);
   var formVars = euiFormVariables(euiThemeContext);
   return {
-    euiTextArea: /*#__PURE__*/css(formStyles.shared, "line-height:", euiTheme.font.lineHeightMultiplier, ";/* <textarea>s default to 'inline-block', which causes an extra 2-3px of\n       * unnecessary height within its parent 'block' form control wrapper.\n       * @see https://stackoverflow.com/a/27536461/4294462 */display:block;&:is(:invalid, [aria-invalid='true']){", formStyles.invalid, ";}&:focus{", formStyles.focus, ";}&:disabled{", formStyles.disabled, ";}&[readOnly]{", formStyles.readOnly, ";}&:autofill{", formStyles.autoFill, ";};label:euiTextArea;"),
+    euiTextArea: /*#__PURE__*/css(formStyles.shared, "line-height:", euiTheme.font.lineHeightMultiplier, ";/* <textarea>s default to 'inline-block', which causes an extra 2-3px of\n       * unnecessary height within its parent 'block' form control wrapper.\n       * @see https://stackoverflow.com/a/27536461/4294462 */display:block;&:invalid{", formStyles.invalid, ";}&:focus{", formStyles.focus, ";}&:disabled{", formStyles.disabled, ";}&[readOnly]{", formStyles.readOnly, ";}&:autofill{", formStyles.autoFill, ";};label:euiTextArea;"),
     resize: {
       vertical: _ref4,
       horizontal: _ref3,

package/es/components/form/validatable_control/validatable_control.js

@@ -1,3 +1,9 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -6,24 +12,43 @@
  * Side Public License, v 1.
  */
 
-import { Children, cloneElement, useEffect } from 'react';
+import { Children, cloneElement, useState, useEffect, useCallback } from 'react';
+import PropTypes from "prop-types";
+function isMutableRef(ref) {
+  return ref != null && ref.hasOwnProperty('current');
+}
 
 /**
  * The `EuiValidatableControl` component should be used in scenarios where
  * we can render the validated `<input>` as its direct child.
- *
- * It flags the underlying control as invalid via `aria-invalid`, which EUI form
- * controls use to render their invalid styling. Note that it intentionally does
- * *not* hook into the native constraint validation API (`setCustomValidity`) -
- * `isInvalid` is a presentational prop, and tying it to native validity would
- * block native form submission and surface a non-localized native error tooltip.
  */
-import PropTypes from "prop-types";
+
 export var EuiValidatableControl = function EuiValidatableControl(_ref) {
   var isInvalid = _ref.isInvalid,
     children = _ref.children;
+  // Note that this must be state and not a ref to cause a rerender/set invalid state on initial mount
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    control = _useState2[0],
+    setControl = _useState2[1];
   var child = Children.only(children);
+  var childRef = child.ref;
+  var replacedRef = useCallback(function (element) {
+    setControl(element);
+
+    // Call the original ref, if any
+    if (typeof childRef === 'function') {
+      childRef(element);
+    } else if (isMutableRef(childRef)) {
+      childRef.current = element;
+    }
+  }, [childRef]);
+  useSetControlValidity({
+    controlEl: control,
+    isInvalid: isInvalid
+  });
   return /*#__PURE__*/cloneElement(child, {
+    ref: replacedRef,
     'aria-invalid': isInvalid || child.props['aria-invalid']
   });
 };
@@ -46,6 +71,10 @@ EuiValidatableControl.propTypes = {
 export var useEuiValidatableControl = function useEuiValidatableControl(_ref2) {
   var isInvalid = _ref2.isInvalid,
     controlEl = _ref2.controlEl;
+  useSetControlValidity({
+    controlEl: controlEl,
+    isInvalid: isInvalid
+  });
   useEffect(function () {
     if (!controlEl) return;
     if (typeof isInvalid === 'boolean') {
@@ -54,4 +83,22 @@ export var useEuiValidatableControl = function useEuiValidatableControl(_ref2) {
       controlEl.removeAttribute('aria-invalid');
     }
   }, [isInvalid, controlEl]);
+};
+
+/**
+ * Internal `setCustomValidity` helper
+ */
+var useSetControlValidity = function useSetControlValidity(_ref3) {
+  var controlEl = _ref3.controlEl,
+    isInvalid = _ref3.isInvalid;
+  useEffect(function () {
+    if (controlEl == null || typeof controlEl.setCustomValidity !== 'function') {
+      return;
+    }
+    if (isInvalid) {
+      controlEl.setCustomValidity('Invalid');
+    } else {
+      controlEl.setCustomValidity('');
+    }
+  }, [isInvalid, controlEl]);
 };

package/eui.d.ts

@@ -11709,12 +11709,6 @@ declare module '@elastic/eui/src/components/form/validatable_control/validatable
 	/**
 	 * The `EuiValidatableControl` component should be used in scenarios where
 	 * we can render the validated `<input>` as its direct child.
-	 *
-	 * It flags the underlying control as invalid via `aria-invalid`, which EUI form
-	 * controls use to render their invalid styling. Note that it intentionally does
-	 * *not* hook into the native constraint validation API (`setCustomValidity`) -
-	 * `isInvalid` is a presentational prop, and tying it to native validity would
-	 * block native form submission and surface a non-localized native error tooltip.
 	 */
 	export interface EuiValidatableControlProps {
 	    isInvalid?: boolean;
@@ -38137,7 +38131,6 @@ declare module '@elastic/eui/src/services/container_query' {
 declare module '@elastic/eui' {
   export type EuiTokensObject = {
     "euiTreeView.listNavigationInstructions": any;
-"euiIconTip.defaultAriaLabel": any;
 "euiTourStepIndicator.isActive": any;
 "euiTourStepIndicator.isComplete": any;
 "euiTourStepIndicator.isIncomplete": any;
@@ -38145,12 +38138,12 @@ declare module '@elastic/eui' {
 "euiTourFooter.endTour": any;
 "euiTourFooter.skipTour": any;
 "euiTourFooter.closeTour": any;
+"euiIconTip.defaultAriaLabel": any;
 "euiToast.dismissToast": any;
 "euiToast.newNotification": any;
 "euiGlobalToastList.clearAllToastsButtonAriaLabel": any;
 "euiGlobalToastList.clearAllToastsButtonDisplayText": any;
 "euiStat.loadingText": any;
-"euiTableHeaderCell.titleTextWithDesc": any;
 "euiStepStrings.step": any;
 "euiStepStrings.simpleStep": any;
 "euiStepStrings.complete": any;
@@ -38167,9 +38160,10 @@ declare module '@elastic/eui' {
 "euiStepStrings.simpleLoading": any;
 "euiStepStrings.current": any;
 "euiStepStrings.simpleCurrent": any;
-"euiSideNav.mobileToggleAriaLabel": any;
+"euiTableHeaderCell.titleTextWithDesc": any;
 "euiSkeletonLoading.loadedAriaText": any;
 "euiSkeletonLoading.loadingAriaText": any;
+"euiSideNav.mobileToggleAriaLabel": any;
 "euiSelectable.loadingOptions": any;
 "euiSelectable.noMatchingOptions": any;
 "euiSelectable.noAvailableOptions": any;
@@ -38179,10 +38173,10 @@ declare module '@elastic/eui' {
 "euiSearchBox.placeholder": any;
 "euiSearchBox.incrementalAriaLabel": any;
 "euiSearchBox.ariaLabel": any;
-"euiProgress.valueText": any;
 "euiResizablePanel.toggleButtonAriaLabel": any;
 "euiResizableButton.horizontalResizerAriaLabel": any;
 "euiResizableButton.verticalResizerAriaLabel": any;
+"euiProgress.valueText": any;
 "euiPopover.screenReaderAnnouncement": any;
 "euiPaginationButtonArrow.firstPage": any;
 "euiPaginationButtonArrow.previousPage": any;
@@ -38200,8 +38194,6 @@ declare module '@elastic/eui' {
 "euiPagination.fromEndLabel": any;
 "euiMark.highlightStart": any;
 "euiMark.highlightEnd": any;
-"euiModal.screenReaderModalDialog": any;
-"euiModal.closeModal": any;
 "euiMarkdownEditorToolbar.editor": any;
 "euiMarkdownEditorToolbar.previewMarkdown": any;
 "euiMarkdownEditorHelpButton.mdSyntaxLink": any;
@@ -38218,6 +38210,8 @@ declare module '@elastic/eui' {
 "euiMarkdownEditorFooter.showSyntaxErrors": any;
 "euiMarkdownEditorFooter.errorsTitle": any;
 "euiLoadingStrings.ariaLabel": any;
+"euiModal.screenReaderModalDialog": any;
+"euiModal.closeModal": any;
 "euiExternalLinkIcon.newTarget.screenReaderOnlyText": any;
 "euiExternalLinkIcon.externalTarget.screenReaderOnlyText": any;
 "euiInlineEditForm.saveButtonAriaLabel": any;
@@ -38227,8 +38221,6 @@ declare module '@elastic/eui' {
 "euiImageButton.openFullScreen": any;
 "euiImageButton.closeFullScreen": any;
 "euiForm.addressFormErrors": any;
-"euiFilterButton.filterBadgeActiveAriaLabel": any;
-"euiFilterButton.filterBadgeAvailableAriaLabel": any;
 "euiFlyoutMenu.back": any;
 "euiFlyoutMenu.history": any;
 "euiFlyoutMenu.pagination.previous": any;
@@ -38238,13 +38230,14 @@ declare module '@elastic/eui' {
 "euiFlyout.screenReaderNoOverlayMaskDialog": any;
 "euiFlyout.screenReaderFocusTrapShards": any;
 "euiFlyoutCloseButton.ariaLabel": any;
+"euiFilterButton.filterBadgeActiveAriaLabel": any;
+"euiFilterButton.filterBadgeAvailableAriaLabel": any;
 "euiErrorBoundary.error": any;
 "euiDataGrid.ariaLabel": any;
 "euiDataGrid.ariaLabelledBy": any;
 "euiDataGrid.screenReaderNotice": any;
 "euiContextMenuPanelTitle.ariaLabel": any;
 "euiCollapsibleNavBeta.ariaLabel": any;
-"euiComboBox.listboxAriaLabel": any;
 "euiSaturation.ariaLabel": any;
 "euiSaturation.roleDescription": any;
 "euiSaturation.screenReaderInstructions": any;
@@ -38261,19 +38254,20 @@ declare module '@elastic/eui' {
 "euiColorPicker.openLabel": any;
 "euiColorPicker.closeLabel": any;
 "euiColorPicker.ariaLabel": any;
-"euiCallOut.dismissAriaLabel": any;
+"euiComboBox.listboxAriaLabel": any;
 "euiCodeBlockFullScreen.fullscreenCollapse": any;
 "euiCodeBlockFullScreen.fullscreenExpand": any;
 "euiCodeBlockFullScreen.ariaLabel": any;
 "euiCodeBlockCopy.copy": any;
 "euiCodeBlockAnnotations.ariaLabel": any;
 "euiCodeBlock.label": any;
-"euiBreadcrumbs.nav.ariaLabel": any;
-"euiBreadcrumb.collapsedBadge.ariaLabel": any;
-"euiBreadcrumb.popoverAriaLabel": any;
+"euiCallOut.dismissAriaLabel": any;
 "euiBottomBar.screenReaderHeading": any;
 "euiBottomBar.customScreenReaderAnnouncement": any;
 "euiBottomBar.screenReaderAnnouncement": any;
+"euiBreadcrumbs.nav.ariaLabel": any;
+"euiBreadcrumb.collapsedBadge.ariaLabel": any;
+"euiBreadcrumb.popoverAriaLabel": any;
 "euiBanner.dismissAriaLabel": any;
 "euiCollapsedItemActions.allActionsTooltip": any;
 "euiCollapsedItemActions.allActions": any;
@@ -38308,8 +38302,6 @@ declare module '@elastic/eui' {
 "euiFieldValueSelectionFilter.buttonLabelHint": any;
 "euiPinnableListGroup.pinExtraActionLabel": any;
 "euiPinnableListGroup.pinnedExtraActionLabel": any;
-"euiHeaderLinks.appNavigation": any;
-"euiHeaderLinks.openNavigationMenu": any;
 "euiSuperSelect.screenReaderAnnouncement": any;
 "euiSuperSelect.ariaLabel": any;
 "euiRange.sliderScreenReaderInstructions": any;
@@ -38323,6 +38315,8 @@ declare module '@elastic/eui' {
 "euiFieldSearch.clearSearchButtonLabel": any;
 "euiFieldPassword.showPassword": any;
 "euiFieldPassword.maskPassword": any;
+"euiHeaderLinks.appNavigation": any;
+"euiHeaderLinks.openNavigationMenu": any;
 "euiFlyoutManaged.defaultTitle": any;
 "euiTimeWindowButtons.previousDescription": any;
 "euiTimeWindowButtons.nextDescription": any;
@@ -38334,6 +38328,11 @@ declare module '@elastic/eui' {
 "euiTimeWindowButtons.zoomInLabel": any;
 "euiTimeWindowButtons.zoomOutLabel": any;
 "euiTimeWindowButtons.nextLabel": any;
+"euiSuperUpdateButton.updatingButtonLabel": any;
+"euiSuperUpdateButton.updateButtonLabel": any;
+"euiSuperUpdateButton.refreshButtonLabel": any;
+"euiSuperUpdateButton.cannotUpdateTooltip": any;
+"euiSuperUpdateButton.clickToApplyTooltip": any;
 "euiTimeOptions.last": any;
 "euiTimeOptions.next": any;
 "euiTimeOptions.seconds": any;
@@ -38372,20 +38371,6 @@ declare module '@elastic/eui' {
 "euiTimeOptions.weekToDate": any;
 "euiTimeOptions.monthToDate": any;
 "euiTimeOptions.yearToDate": any;
-"euiSuperUpdateButton.updatingButtonLabel": any;
-"euiSuperUpdateButton.updateButtonLabel": any;
-"euiSuperUpdateButton.refreshButtonLabel": any;
-"euiSuperUpdateButton.cannotUpdateTooltip": any;
-"euiSuperUpdateButton.clickToApplyTooltip": any;
-"euiPrettyInterval.seconds": any;
-"euiPrettyInterval.minutes": any;
-"euiPrettyInterval.hours": any;
-"euiPrettyInterval.days": any;
-"euiPrettyInterval.secondsShorthand": any;
-"euiPrettyInterval.minutesShorthand": any;
-"euiPrettyInterval.hoursShorthand": any;
-"euiPrettyInterval.daysShorthand": any;
-"euiPrettyInterval.off": any;
 "euiPrettyDuration.lastDurationSeconds": any;
 "euiPrettyDuration.nextDurationSeconds": any;
 "euiPrettyDuration.lastDurationMinutes": any;
@@ -38410,6 +38395,15 @@ declare module '@elastic/eui' {
 "euiPrettyDuration.now": any;
 "euiPrettyDuration.invalid": any;
 "euiPrettyDuration.fallbackDuration": any;
+"euiPrettyInterval.seconds": any;
+"euiPrettyInterval.minutes": any;
+"euiPrettyInterval.hours": any;
+"euiPrettyInterval.days": any;
+"euiPrettyInterval.secondsShorthand": any;
+"euiPrettyInterval.minutesShorthand": any;
+"euiPrettyInterval.hoursShorthand": any;
+"euiPrettyInterval.daysShorthand": any;
+"euiPrettyInterval.off": any;
 "euiRefreshInterval.fullDescriptionOff": any;
 "euiRefreshInterval.fullDescriptionOn": any;
 "euiRefreshInterval.toggleLabel": any;
@@ -38419,6 +38413,8 @@ declare module '@elastic/eui' {
 "euiAutoRefresh.autoRefreshLabel": any;
 "euiAutoRefresh.buttonLabelOff": any;
 "euiAutoRefresh.buttonLabelOn": any;
+"euiDataGridPagination.detailedPaginationLabel": any;
+"euiDataGridPagination.paginationLabel": any;
 "euiDataGridSchema.booleanSortTextAsc": any;
 "euiDataGridSchema.booleanSortTextDesc": any;
 "euiDataGridSchema.currencySortTextAsc": any;
@@ -38429,8 +38425,6 @@ declare module '@elastic/eui' {
 "euiDataGridSchema.numberSortTextDesc": any;
 "euiDataGridSchema.jsonSortTextAsc": any;
 "euiDataGridSchema.jsonSortTextDesc": any;
-"euiDataGridPagination.detailedPaginationLabel": any;
-"euiDataGridPagination.paginationLabel": any;
 "euiKeyboardShortcuts.title": any;
 "euiKeyboardShortcuts.upArrowTitle": any;
 "euiKeyboardShortcuts.upArrowDescription": any;
@@ -38504,17 +38498,6 @@ declare module '@elastic/eui' {
 "euiCardSelect.unavailable": any;
 "euiCardSelect.select": any;
 "euiAccordionChildrenLoading.message": any;
-"euiRecentlyUsed.legend": any;
-"euiQuickSelectPopover.buttonLabel": any;
-"euiQuickSelect.quickSelectTitle": any;
-"euiQuickSelect.previousLabel": any;
-"euiQuickSelect.nextLabel": any;
-"euiQuickSelect.tenseLabel": any;
-"euiQuickSelect.valueLabel": any;
-"euiQuickSelect.unitLabel": any;
-"euiQuickSelect.applyButton": any;
-"euiQuickSelect.fullDescription": any;
-"euiCommonlyUsedTimeRanges.legend": any;
 "euiRelativeTab.numberInputLabel": any;
 "euiRelativeTab.numberInputError": any;
 "euiRelativeTab.dateInputError": any;
@@ -38532,6 +38515,23 @@ declare module '@elastic/eui' {
 "euiDatePopoverButton.outdatedTitle": any;
 "euiAbsoluteTab.dateFormatButtonLabel": any;
 "euiAbsoluteTab.dateFormatError": any;
+"euiRecentlyUsed.legend": any;
+"euiQuickSelectPopover.buttonLabel": any;
+"euiQuickSelect.quickSelectTitle": any;
+"euiQuickSelect.previousLabel": any;
+"euiQuickSelect.nextLabel": any;
+"euiQuickSelect.tenseLabel": any;
+"euiQuickSelect.valueLabel": any;
+"euiQuickSelect.unitLabel": any;
+"euiQuickSelect.applyButton": any;
+"euiQuickSelect.fullDescription": any;
+"euiCommonlyUsedTimeRanges.legend": any;
+"euiDataGridCell.focusTrapExitPrompt": any;
+"euiDataGridCell.focusTrapEnterPrompt": any;
+"euiDataGridCell.focusTrapEnteredExitPrompt": any;
+"euiDataGridCellActions.expandButtonTitle": any;
+"euiDataGridCell.position": any;
+"euiDataGridCell.expansionEnterPrompt": any;
 "euiDataGridHeaderCell.sortedByAscendingSingle": any;
 "euiDataGridHeaderCell.sortedByDescendingSingle": any;
 "euiDataGridHeaderCell.sortedByAscendingFirst": any;
@@ -38546,12 +38546,6 @@ declare module '@elastic/eui' {
 "euiColumnActions.moveRight": any;
 "euiColumnActions.unsort": any;
 "euiColumnActions.sort": any;
-"euiDataGridCell.focusTrapExitPrompt": any;
-"euiDataGridCell.focusTrapEnterPrompt": any;
-"euiDataGridCell.focusTrapEnteredExitPrompt": any;
-"euiDataGridCellActions.expandButtonTitle": any;
-"euiDataGridCell.position": any;
-"euiDataGridCell.expansionEnterPrompt": any;
 "euiCollapsedNavButton.ariaLabelButtonIcon": any;
   }
 }