@elastic/eui 95.9.0 → 95.10.1

package/dist/eui_theme_dark.css

@@ -319,17 +319,22 @@ The following files still use the Sass version:
   font-size: 14px;
   font-size: 1rem;
   line-height: 1.7142857143rem;
-  font-weight: 700;
-  padding: 6px;
+  position: relative;
+  display: -webkit-flex;
+  display: flex;
   -webkit-flex: 0 0 auto;
           flex: 0 0 auto;
-  position: relative;
   -webkit-align-items: center;
           align-items: center;
-  display: -webkit-flex;
-  display: flex;
+  padding: 6px;
+  font-weight: 700;
 }
 .euiDataGridHeaderCell > [data-focus-lock-disabled] {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-align-items: center;
+          align-items: center;
+  gap: 4px;
   width: 100%;
 }
 .euiDataGridHeaderCell:focus, .euiDataGridHeaderCell--hasColumnActions:focus-within, .euiDataGridHeaderCell--isActionsPopoverOpen {
@@ -348,6 +353,9 @@ The following files still use the Sass version:
   z-index: 2;
   pointer-events: none;
 }
+.euiDataGridHeaderCell:focus:focus-visible {
+  outline: none;
+}
 .euiDataGridHeaderCell .euiDataGridHeaderCell__content {
   -webkit-flex-grow: 1;
           flex-grow: 1;
@@ -360,9 +368,23 @@ The following files still use the Sass version:
           align-items: center;
   gap: 4px;
   width: 100%;
+  border-radius: 4px;
   font-weight: 700;
   outline: none;
 }
+.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button:focus-visible {
+  outline: none;
+}
+.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button {
+  outline: 2px solid currentColor;
+  color: #36A2EF;
+}
+.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button:focus-visible {
+  outline-style: auto;
+}
+.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button:not(:focus-visible) {
+  outline: none;
+}
 .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__content {
   max-width: 100%;
   overflow: hidden !important;
@@ -384,12 +406,17 @@ The following files still use the Sass version:
           align-items: center;
   -webkit-justify-content: center;
           justify-content: center;
+  width: 0;
   height: 16px;
   overflow: hidden;
-  width: 0;
   opacity: 0;
   transition: width 150ms ease-in, opacity 350ms ease-in;
 }
+.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within .euiDataGridHeaderCell__button, .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):hover .euiDataGridHeaderCell__button,
+.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiPopover-isOpen .euiDataGridHeaderCell__button {
+  padding: 4px;
+  margin-block: -4px;
+}
 .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within .euiDataGridHeaderCell__icon, .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):hover .euiDataGridHeaderCell__icon,
 .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiPopover-isOpen .euiDataGridHeaderCell__icon {
   width: 16px;
@@ -604,6 +631,9 @@ The following files still use the Sass version:
   z-index: 2;
   pointer-events: none;
 }
+.euiDataGridRowCell:focus:focus-visible {
+  outline: none;
+}
 .euiDataGridRowCell:hover:not(:focus, :focus-within, .euiDataGridRowCell--open) {
   --euiDataGridCellOutlineColor: #98A2B3;
 }

package/dist/eui_theme_dark.min.css

@@ -1 +1 @@
-@-webkit-keyframes euiAnimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes euiAnimFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes euiGrow{0%{opacity:0}1%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes euiGrow{0%{opacity:0}1%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes focusRingAnimate{0%{box-shadow:0 0 0 2px rgba(54,162,239,0)}to{box-shadow:0 0 0 2px #36a2ef}}@keyframes focusRingAnimate{0%{box-shadow:0 0 0 2px rgba(54,162,239,0)}to{box-shadow:0 0 0 2px #36a2ef}}@-webkit-keyframes focusRingAnimateLarge{0%{box-shadow:0 0 0 10px rgba(54,162,239,0)}to{box-shadow:0 0 0 4px #36a2ef}}@keyframes focusRingAnimateLarge{0%{box-shadow:0 0 0 10px rgba(54,162,239,0)}to{box-shadow:0 0 0 4px #36a2ef}}@-webkit-keyframes euiButtonActive{50%{-webkit-transform:translateY(1px);transform:translateY(1px)}}@keyframes euiButtonActive{50%{-webkit-transform:translateY(1px);transform:translateY(1px)}}.euiDataGrid{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;overflow:hidden;height:100%}.euiDataGrid--fullScreen{height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:#1d1e24}.euiDataGrid--fullScreen .euiDataGrid__pagination{padding-bottom:4px;background:#25262e;box-shadow:1px 0 0 1px #343741}.euiDataGrid__content{-webkit-flex-grow:1;flex-grow:1;height:100%;max-width:100%;width:100%;overflow:hidden;z-index:1;position:relative;background:#141519;font-feature-settings:"tnum" 1}.euiDataGrid__customRenderBody{scrollbar-color:rgba(152,162,179,.5) #1d1e24;scrollbar-width:thin;height:100%;width:100%;overflow:auto}.euiDataGrid__customRenderBody::-webkit-scrollbar{width:16px;height:16px}.euiDataGrid__customRenderBody::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:6px solid #1d1e24}.euiDataGrid__customRenderBody::-webkit-scrollbar-corner,.euiDataGrid__customRenderBody::-webkit-scrollbar-track{background-color:#1d1e24}.euiDataGrid__pagination{z-index:2;padding-top:4px;-webkit-flex-grow:0;flex-grow:0}.euiDataGrid__restrictBody{height:100vh;overflow:hidden}.euiDataGrid__restrictBody .euiHeader[data-fixed-header]{z-index:998!important}.euiDataGrid__restrictBody .euiOverlayMask[data-relative-to-header=below]{top:0}.euiDataGrid__restrictBody .euiFlyout{top:0;height:100%}.euiDataGrid__focusWrap{height:100%}.euiDataGrid__virtualized{scrollbar-color:rgba(152,162,179,.5) #1d1e24;scrollbar-width:thin;scroll-padding:0}.euiDataGrid__virtualized::-webkit-scrollbar{width:16px;height:16px}.euiDataGrid__virtualized::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:6px solid #1d1e24}.euiDataGrid__virtualized::-webkit-scrollbar-corner,.euiDataGrid__virtualized::-webkit-scrollbar-track{background-color:#1d1e24}.euiDataGrid__scrollOverlay{position:absolute;top:-1px;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px #343741}.euiDataGrid--bordersHorizontal .euiDataGrid__scrollOverlay{box-shadow:inset 0 -2px 0 -1px #343741}.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayBottom{position:absolute;width:100%;height:1px;background-color:#343741}.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayRight{position:absolute;height:100%;width:1px;background-color:#343741}.euiDataGridHeader{display:-webkit-flex;display:flex;z-index:999;background:#1d1e24;position:-webkit-sticky;position:sticky;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.euiDataGridHeaderCell{font-size:14px;font-size:1rem;line-height:1.7142857143rem;font-weight:700;padding:6px;-webkit-flex:0 0 auto;flex:0 0 auto;position:relative;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.euiDataGridHeaderCell>[data-focus-lock-disabled]{width:100%}.euiDataGridHeaderCell--hasColumnActions:focus-within,.euiDataGridHeaderCell--isActionsPopoverOpen,.euiDataGridHeaderCell:focus{outline:none}.euiDataGridHeaderCell--hasColumnActions:focus-within:after,.euiDataGridHeaderCell--isActionsPopoverOpen:after,.euiDataGridHeaderCell:focus:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid var(--euiDataGridCellOutlineColor,#36a2ef);border-radius:3px;z-index:2;pointer-events:none}.euiDataGridHeaderCell .euiDataGridHeaderCell__content{-webkit-flex-grow:1;flex-grow:1}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:4px;width:100%;font-weight:700;outline:none}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__content{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__sortingArrow{-webkit-flex:0 0 auto;flex:0 0 auto}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__icon{-webkit-flex:0 0 auto;flex:0 0 auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:16px;overflow:hidden;width:0;opacity:0;transition:width .15s ease-in,opacity .35s ease-in}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiPopover-isOpen .euiDataGridHeaderCell__icon,.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within .euiDataGridHeaderCell__icon,.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):hover .euiDataGridHeaderCell__icon{width:16px;opacity:1}.euiDataGridHeaderCell.euiDataGridHeaderCell--currency .euiDataGridHeaderCell__content,.euiDataGridHeaderCell.euiDataGridHeaderCell--numeric .euiDataGridHeaderCell__content{text-align:right}.euiDataGridHeader__action--selected{font-weight:700!important}.euiDataGrid--bordersNone.euiDataGrid--bordersHorizontal .euiDataGridHeader{background:#1d1e24}.euiDataGrid--headerUnderline .euiDataGridHeaderCell{border:none;border-bottom:2px solid #dfe5ef}.euiDataGrid--bordersNone.euiDataGrid--headerUnderline .euiDataGridHeaderCell{border-bottom:2px solid;border-color:#dfe5ef}.euiDataGrid--headerShade .euiDataGridHeaderCell{background:#212229}.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell{border-right:1px solid #343741;border-bottom:1px solid #343741;border-left:none}.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell:first-of-type{border-left:1px solid #343741}.euiDataGrid--headerShade.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell{border-top:none;border-bottom:1px solid #343741}.euiDataGrid--bordersNone .euiDataGridHeaderCell{border:none}.euiDataGrid--borderhorizontal .euiDataGridHeaderCell{border-top:none;border-right:none;border-left:none}.euiDataGrid--fontSizeSmall .euiDataGridHeaderCell{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiDataGrid--fontSizeLarge .euiDataGridHeaderCell{font-size:14px;font-size:1rem;line-height:1.7142857143rem}.euiDataGrid--paddingSmall .euiDataGridHeaderCell{padding:4px}.euiDataGrid--paddingLarge .euiDataGridHeaderCell{padding:8px}.euiDataGrid--noControls.euiDataGrid--bordersAll .euiDataGridHeaderCell,.euiDataGrid--noControls.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell{border-top:1px solid #343741}.euiDataGridFooter{display:-webkit-flex;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.euiDataGridRowCell.euiDataGridFooterCell{-webkit-flex:0 0 auto;flex:0 0 auto;position:relative;font-weight:700}.euiDataGrid--stickyFooter .euiDataGridFooter{position:-webkit-sticky;position:sticky;bottom:0}.euiDataGrid--footerOverline .euiDataGridRowCell.euiDataGridFooterCell{border-top:2px solid #343741;border-top-color:#dfe5ef!important;background:#1d1e24!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell.euiDataGridFooterCell,.euiDataGrid--bordersNone .euiDataGridRowCell.euiDataGridFooterCell{border-left:none;border-right:none}.euiDataGrid--footerShade .euiDataGridRowCell.euiDataGridFooterCell{background:#212229}.euiDataGridColumnResizer{position:absolute;top:0;right:-8px;height:100%;width:16px;cursor:ew-resize;opacity:0;z-index:2}.euiDataGridColumnResizer:after{content:"";position:absolute;left:7px;top:0;bottom:0;width:3px;background-color:#36a2ef}.euiDataGridColumnResizer:active,.euiDataGridColumnResizer:hover{opacity:1}.euiDataGridColumnResizer:active~.euiDataGridHeaderCell__content,.euiDataGridColumnResizer:hover~.euiDataGridHeaderCell__content{-webkit-user-select:none;-moz-user-select:none;user-select:none}.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer{right:0;width:8px}.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer:after{left:auto;right:0}.euiDataGridRow{background-color:#1d1e24}.euiDataGridRowCell{position:relative;border-right:1px solid #24272e;border-bottom:1px solid #343741;--euiDataGridCellOutlineColor:#36a2ef}.euiDataGridRowCell .euiDataGridRowCell__content{font-size:14px;font-size:1rem;line-height:1.7142857143rem;padding:6px;height:100%;overflow:hidden}.euiDataGridRowCell .euiDataGridRowCell__content--autoHeight{height:auto}.euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight{padding-bottom:0;border-bottom:6px solid transparent}.euiDataGridRowCell>[data-focus-lock-disabled]{height:100%}.euiDataGridRowCell.euiDataGridRowCell--firstColumn{border-left:1px solid #343741}.euiDataGridRowCell.euiDataGridRowCell--lastColumn{border-right-color:#343741}.euiDataGridRowCell.euiDataGridRowCell--open,.euiDataGridRowCell:focus,.euiDataGridRowCell:hover{outline:none}.euiDataGridRowCell.euiDataGridRowCell--open:after,.euiDataGridRowCell:focus:after,.euiDataGridRowCell:hover:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid var(--euiDataGridCellOutlineColor,#36a2ef);border-radius:3px;z-index:2;pointer-events:none}.euiDataGridRowCell:hover:not(:focus,:focus-within,.euiDataGridRowCell--open){--euiDataGridCellOutlineColor:#98a2b3}.euiDataGridRowCell:hover:not(:focus,:focus-within,.euiDataGridRowCell--open) .euiDataGridRowCell__actions{-webkit-animation-delay:.35s;animation-delay:.35s}.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actions,.euiDataGridRowCell:focus-within .euiDataGridRowCell__actions,.euiDataGridRowCell:focus .euiDataGridRowCell__actions,.euiDataGridRowCell:hover .euiDataGridRowCell__actions,.euiDataGridRowCell[data-keyboard-closing] .euiDataGridRowCell__actions{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:euiDataGridCellActionsSlideIn;animation-name:euiDataGridCellActionsSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open):not([data-keyboard-closing]) .euiDataGridRowCell__actions{display:none}.euiDataGridRowCell.euiDataGridRowCell--currency,.euiDataGridRowCell.euiDataGridRowCell--numeric{text-align:right}.euiDataGridRowCell.euiDataGridRowCell--uppercase{text-transform:uppercase}.euiDataGridRowCell.euiDataGridRowCell--lowercase{text-transform:lowercase}.euiDataGridRowCell.euiDataGridRowCell--capitalize{text-transform:capitalize}.euiDataGridRowCell__popover{scrollbar-color:rgba(152,162,179,.5) transparent;scrollbar-width:thin;overflow:auto;z-index:1000!important;-webkit-filter:none;filter:none;box-shadow:0 1px 5px rgba(0,0,0,.25),0 3.6px 13px rgba(0,0,0,.175),0 8.4px 23px rgba(0,0,0,.15),0 23px 35px rgba(0,0,0,.125);-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:euiDataGridCellPopover;animation-name:euiDataGridCellPopover}.euiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.euiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGridRowCell__popover::-webkit-scrollbar-corner,.euiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.euiDataGridRowCell--controlColumn .euiDataGridRowCell__content{max-height:100%;height:auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.euiDataGridRowCell--controlColumn .euiDataGridRowCell__content.euiDataGridRowCell__content--defaultHeight{height:100%}.euiDataGridRowCell__actions,.euiDataGridRowCell__actions+[data-euiportal]>.euiPopover{position:absolute;bottom:100%}.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions,.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions+[data-euiportal]>.euiPopover{left:0}.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions,.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions+[data-euiportal]>.euiPopover{right:0}.euiDataGridRowCell__actions{z-index:998;margin-bottom:-1px;display:-webkit-flex;display:flex;gap:2px;padding-inline:2px;background-color:var(--euiDataGridCellOutlineColor);color:#1d1e24;border:1px solid var(--euiDataGridCellOutlineColor);border-top-left-radius:3px;border-top-right-radius:3px;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;transform-origin:bottom}.euiDataGridRowCell[data-gridcell-visible-row-index="0"]>.euiDataGridRowCell__actions{z-index:999}.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions{border-bottom-right-radius:3px}.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions{border-bottom-left-radius:3px}.euiDataGridRowCell__actions:after{content:"";position:absolute;top:100%;height:2px;width:2px;background-color:var(--euiDataGridCellOutlineColor)}.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions:after{left:-1px}.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions:after{right:-1px}.euiDataGridRowCell__actionButtonIcon{height:20px;width:16px;border-radius:0}.euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell__actionButtonIcon svg{background-color:transparent!important;color:currentColor!important;fill:currentColor!important}.euiDataGridRowCell__actionButtonIcon.euiDataGridRowCell__expandCell .euiIcon{width:120%;height:100%}.euiDataGrid--stripes .euiDataGridRow--striped{background-color:#25262e}.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover{background-color:#2e2d25}.euiDataGrid--bordersNone .euiDataGridRowCell{border-color:transparent!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.euiDataGrid--fontSizeSmall .euiDataGridRowCell .euiDataGridRowCell__content{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiDataGrid--fontSizeLarge .euiDataGridRowCell .euiDataGridRowCell__content{font-size:14px;font-size:1rem;line-height:1.7142857143rem}.euiDataGrid--paddingSmall .euiDataGridRowCell .euiDataGridRowCell__content{padding:4px}.euiDataGrid--paddingSmall .euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight{padding-bottom:0;border-bottom:4px solid transparent}.euiDataGrid--paddingLarge .euiDataGridRowCell .euiDataGridRowCell__content{padding:8px}.euiDataGrid--paddingLarge .euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight{padding-bottom:0;border-bottom:8px solid transparent}@-webkit-keyframes euiDataGridCellActionsSlideIn{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes euiDataGridCellActionsSlideIn{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes euiDataGridCellPopover{0%{opacity:0}to{opacity:1}}@keyframes euiDataGridCellPopover{0%{opacity:0}to{opacity:1}}.euiDataGrid__controls{background:#141519;position:relative;z-index:2;border:1px solid #343741;padding:4px 4px 4px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.euiDataGrid__rightControls{white-space:nowrap}.euiDataGrid__rightControls:only-child{margin-left:auto}.euiDataGrid__rightControls>*+*{margin-left:8px}.euiDataGrid__leftControls>*+*{margin-left:2px}.euiDataGrid--bordersNone .euiDataGrid__controls{border:none;background:#1d1e24}.euiDataGrid--bordersHorizontal .euiDataGrid__controls{border-right:none;border-left:none;border-top:none;background:#1d1e24}.euiDataGrid__controlScroll{scrollbar-color:rgba(152,162,179,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;max-height:400px;padding:8px;margin:-8px}.euiDataGrid__controlScroll::-webkit-scrollbar{width:16px;height:16px}.euiDataGrid__controlScroll::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGrid__controlScroll::-webkit-scrollbar-corner,.euiDataGrid__controlScroll::-webkit-scrollbar-track{background-color:transparent}.euiDataGrid__controlScroll:focus{outline:none}.euiDataGrid__controlScroll[tabindex="0"]:focus:focus-visible{outline-style:auto}.euiDataGridColumnSelector__item{padding:4px}.euiDataGridColumnSelector__item-isDragging{box-shadow:0 1px 5px rgba(0,0,0,.25),0 3.6px 13px rgba(0,0,0,.175),0 8.4px 23px rgba(0,0,0,.15),0 23px 35px rgba(0,0,0,.125);background:#1d1e24}.euiDataGridColumnSelector__columnList{scrollbar-color:rgba(152,162,179,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));-webkit-transform:translateZ(0);transform:translateZ(0);max-height:400px;margin:0 -8px}.euiDataGridColumnSelector__columnList::-webkit-scrollbar{width:16px;height:16px}.euiDataGridColumnSelector__columnList::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGridColumnSelector__columnList::-webkit-scrollbar-corner,.euiDataGridColumnSelector__columnList::-webkit-scrollbar-track{background-color:transparent}.euiDataGridColumnSelector__columnList:focus{outline:none}.euiDataGridColumnSelector__columnList[tabindex="0"]:focus:focus-visible{outline-style:auto}.euiDataGridColumnSelector__itemLabel{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiDataGridColumnSorting__item-isDragging{box-shadow:0 1px 5px rgba(0,0,0,.25),0 3.6px 13px rgba(0,0,0,.175),0 8.4px 23px rgba(0,0,0,.15),0 23px 35px rgba(0,0,0,.125);background:#1d1e24}.euiDataGridColumnSorting__fieldList{scrollbar-color:rgba(152,162,179,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));-webkit-transform:translateZ(0);transform:translateZ(0);padding-top:4px;padding-bottom:4px;max-height:300px}.euiDataGridColumnSorting__fieldList::-webkit-scrollbar{width:16px;height:16px}.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-corner,.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-track{background-color:transparent}.euiDataGridColumnSorting__fieldList:focus{outline:none}.euiDataGridColumnSorting__fieldList[tabindex="0"]:focus:focus-visible{outline-style:auto}.euiDataGridColumnSorting__field{display:block;padding:4px 8px;width:100%;outline-offset:-2px}.euiDataGridColumnSorting__field:focus,.euiDataGridColumnSorting__field:hover{cursor:pointer;text-decoration:underline}.euiDataGridColumnSorting__field:focus{background-color:rgba(54,162,239,.2)}.euiDataGridColumnSorting__field:disabled{cursor:not-allowed;text-decoration:none;color:#515761}.euiDataGridColumnSorting__name{padding-right:24px}@media only screen and (max-width:574px){.euiDataGridColumnSorting__name{padding-right:4px}}@media only screen and (min-width:575px) and (max-width:767px){.euiDataGridColumnSorting__name{padding-right:4px}}.euiDataGridColumnSorting__order{min-width:200px}@media only screen and (max-width:574px){.euiDataGridColumnSorting__order{min-width:unset}}@media only screen and (min-width:575px) and (max-width:767px){.euiDataGridColumnSorting__order{min-width:unset}}.euiDataGridColumnSorting__order .euiButtonGroup__buttons{border:none}.euiDataGridColumnSorting__order .euiButtonGroupButton{font-size:12px}.euiDataGrid__displayPopoverPanel{width:416px}.euiDataGrid__keyboardShortcuts{display:block;max-inline-size:400px;max-block-size:80vh;overflow-y:auto;overflow-block:auto}.euiDataGrid__keyboardShortcuts .euiDescriptionList{row-gap:0}.euiDataGrid--fontSizeLarge .euiDataGridRowCell{font-size:16px;font-size:1.1428571429rem;line-height:1.7142857143rem}
+@-webkit-keyframes euiAnimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes euiAnimFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes euiGrow{0%{opacity:0}1%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes euiGrow{0%{opacity:0}1%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes focusRingAnimate{0%{box-shadow:0 0 0 2px rgba(54,162,239,0)}to{box-shadow:0 0 0 2px #36a2ef}}@keyframes focusRingAnimate{0%{box-shadow:0 0 0 2px rgba(54,162,239,0)}to{box-shadow:0 0 0 2px #36a2ef}}@-webkit-keyframes focusRingAnimateLarge{0%{box-shadow:0 0 0 10px rgba(54,162,239,0)}to{box-shadow:0 0 0 4px #36a2ef}}@keyframes focusRingAnimateLarge{0%{box-shadow:0 0 0 10px rgba(54,162,239,0)}to{box-shadow:0 0 0 4px #36a2ef}}@-webkit-keyframes euiButtonActive{50%{-webkit-transform:translateY(1px);transform:translateY(1px)}}@keyframes euiButtonActive{50%{-webkit-transform:translateY(1px);transform:translateY(1px)}}.euiDataGrid{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;overflow:hidden;height:100%}.euiDataGrid--fullScreen{height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:#1d1e24}.euiDataGrid--fullScreen .euiDataGrid__pagination{padding-bottom:4px;background:#25262e;box-shadow:1px 0 0 1px #343741}.euiDataGrid__content{-webkit-flex-grow:1;flex-grow:1;height:100%;max-width:100%;width:100%;overflow:hidden;z-index:1;position:relative;background:#141519;font-feature-settings:"tnum" 1}.euiDataGrid__customRenderBody{scrollbar-color:rgba(152,162,179,.5) #1d1e24;scrollbar-width:thin;height:100%;width:100%;overflow:auto}.euiDataGrid__customRenderBody::-webkit-scrollbar{width:16px;height:16px}.euiDataGrid__customRenderBody::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:6px solid #1d1e24}.euiDataGrid__customRenderBody::-webkit-scrollbar-corner,.euiDataGrid__customRenderBody::-webkit-scrollbar-track{background-color:#1d1e24}.euiDataGrid__pagination{z-index:2;padding-top:4px;-webkit-flex-grow:0;flex-grow:0}.euiDataGrid__restrictBody{height:100vh;overflow:hidden}.euiDataGrid__restrictBody .euiHeader[data-fixed-header]{z-index:998!important}.euiDataGrid__restrictBody .euiOverlayMask[data-relative-to-header=below]{top:0}.euiDataGrid__restrictBody .euiFlyout{top:0;height:100%}.euiDataGrid__focusWrap{height:100%}.euiDataGrid__virtualized{scrollbar-color:rgba(152,162,179,.5) #1d1e24;scrollbar-width:thin;scroll-padding:0}.euiDataGrid__virtualized::-webkit-scrollbar{width:16px;height:16px}.euiDataGrid__virtualized::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:6px solid #1d1e24}.euiDataGrid__virtualized::-webkit-scrollbar-corner,.euiDataGrid__virtualized::-webkit-scrollbar-track{background-color:#1d1e24}.euiDataGrid__scrollOverlay{position:absolute;top:-1px;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px #343741}.euiDataGrid--bordersHorizontal .euiDataGrid__scrollOverlay{box-shadow:inset 0 -2px 0 -1px #343741}.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayBottom{position:absolute;width:100%;height:1px;background-color:#343741}.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayRight{position:absolute;height:100%;width:1px;background-color:#343741}.euiDataGridHeader{display:-webkit-flex;display:flex;z-index:999;background:#1d1e24;position:-webkit-sticky;position:sticky;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.euiDataGridHeaderCell{font-size:14px;font-size:1rem;line-height:1.7142857143rem;position:relative;-webkit-flex:0 0 auto;flex:0 0 auto;padding:6px;font-weight:700}.euiDataGridHeaderCell,.euiDataGridHeaderCell>[data-focus-lock-disabled]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.euiDataGridHeaderCell>[data-focus-lock-disabled]{gap:4px;width:100%}.euiDataGridHeaderCell--hasColumnActions:focus-within,.euiDataGridHeaderCell--isActionsPopoverOpen,.euiDataGridHeaderCell:focus{outline:none}.euiDataGridHeaderCell--hasColumnActions:focus-within:after,.euiDataGridHeaderCell--isActionsPopoverOpen:after,.euiDataGridHeaderCell:focus:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid var(--euiDataGridCellOutlineColor,#36a2ef);border-radius:3px;z-index:2;pointer-events:none}.euiDataGridHeaderCell:focus:focus-visible{outline:none}.euiDataGridHeaderCell .euiDataGridHeaderCell__content{-webkit-flex-grow:1;flex-grow:1}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:4px;width:100%;border-radius:4px;font-weight:700;outline:none}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button:focus-visible{outline:none}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button{outline:2px solid currentColor;color:#36a2ef}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button:focus-visible{outline-style:auto}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button:not(:focus-visible){outline:none}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__content{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__sortingArrow{-webkit-flex:0 0 auto;flex:0 0 auto}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__icon{-webkit-flex:0 0 auto;flex:0 0 auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:0;height:16px;overflow:hidden;opacity:0;transition:width .15s ease-in,opacity .35s ease-in}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiPopover-isOpen .euiDataGridHeaderCell__button,.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within .euiDataGridHeaderCell__button,.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):hover .euiDataGridHeaderCell__button{padding:4px;margin-block:-4px}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiPopover-isOpen .euiDataGridHeaderCell__icon,.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within .euiDataGridHeaderCell__icon,.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):hover .euiDataGridHeaderCell__icon{width:16px;opacity:1}.euiDataGridHeaderCell.euiDataGridHeaderCell--currency .euiDataGridHeaderCell__content,.euiDataGridHeaderCell.euiDataGridHeaderCell--numeric .euiDataGridHeaderCell__content{text-align:right}.euiDataGridHeader__action--selected{font-weight:700!important}.euiDataGrid--bordersNone.euiDataGrid--bordersHorizontal .euiDataGridHeader{background:#1d1e24}.euiDataGrid--headerUnderline .euiDataGridHeaderCell{border:none;border-bottom:2px solid #dfe5ef}.euiDataGrid--bordersNone.euiDataGrid--headerUnderline .euiDataGridHeaderCell{border-bottom:2px solid;border-color:#dfe5ef}.euiDataGrid--headerShade .euiDataGridHeaderCell{background:#212229}.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell{border-right:1px solid #343741;border-bottom:1px solid #343741;border-left:none}.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell:first-of-type{border-left:1px solid #343741}.euiDataGrid--headerShade.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell{border-top:none;border-bottom:1px solid #343741}.euiDataGrid--bordersNone .euiDataGridHeaderCell{border:none}.euiDataGrid--borderhorizontal .euiDataGridHeaderCell{border-top:none;border-right:none;border-left:none}.euiDataGrid--fontSizeSmall .euiDataGridHeaderCell{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiDataGrid--fontSizeLarge .euiDataGridHeaderCell{font-size:14px;font-size:1rem;line-height:1.7142857143rem}.euiDataGrid--paddingSmall .euiDataGridHeaderCell{padding:4px}.euiDataGrid--paddingLarge .euiDataGridHeaderCell{padding:8px}.euiDataGrid--noControls.euiDataGrid--bordersAll .euiDataGridHeaderCell,.euiDataGrid--noControls.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell{border-top:1px solid #343741}.euiDataGridFooter{display:-webkit-flex;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.euiDataGridRowCell.euiDataGridFooterCell{-webkit-flex:0 0 auto;flex:0 0 auto;position:relative;font-weight:700}.euiDataGrid--stickyFooter .euiDataGridFooter{position:-webkit-sticky;position:sticky;bottom:0}.euiDataGrid--footerOverline .euiDataGridRowCell.euiDataGridFooterCell{border-top:2px solid #343741;border-top-color:#dfe5ef!important;background:#1d1e24!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell.euiDataGridFooterCell,.euiDataGrid--bordersNone .euiDataGridRowCell.euiDataGridFooterCell{border-left:none;border-right:none}.euiDataGrid--footerShade .euiDataGridRowCell.euiDataGridFooterCell{background:#212229}.euiDataGridColumnResizer{position:absolute;top:0;right:-8px;height:100%;width:16px;cursor:ew-resize;opacity:0;z-index:2}.euiDataGridColumnResizer:after{content:"";position:absolute;left:7px;top:0;bottom:0;width:3px;background-color:#36a2ef}.euiDataGridColumnResizer:active,.euiDataGridColumnResizer:hover{opacity:1}.euiDataGridColumnResizer:active~.euiDataGridHeaderCell__content,.euiDataGridColumnResizer:hover~.euiDataGridHeaderCell__content{-webkit-user-select:none;-moz-user-select:none;user-select:none}.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer{right:0;width:8px}.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer:after{left:auto;right:0}.euiDataGridRow{background-color:#1d1e24}.euiDataGridRowCell{position:relative;border-right:1px solid #24272e;border-bottom:1px solid #343741;--euiDataGridCellOutlineColor:#36a2ef}.euiDataGridRowCell .euiDataGridRowCell__content{font-size:14px;font-size:1rem;line-height:1.7142857143rem;padding:6px;height:100%;overflow:hidden}.euiDataGridRowCell .euiDataGridRowCell__content--autoHeight{height:auto}.euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight{padding-bottom:0;border-bottom:6px solid transparent}.euiDataGridRowCell>[data-focus-lock-disabled]{height:100%}.euiDataGridRowCell.euiDataGridRowCell--firstColumn{border-left:1px solid #343741}.euiDataGridRowCell.euiDataGridRowCell--lastColumn{border-right-color:#343741}.euiDataGridRowCell.euiDataGridRowCell--open,.euiDataGridRowCell:focus,.euiDataGridRowCell:hover{outline:none}.euiDataGridRowCell.euiDataGridRowCell--open:after,.euiDataGridRowCell:focus:after,.euiDataGridRowCell:hover:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid var(--euiDataGridCellOutlineColor,#36a2ef);border-radius:3px;z-index:2;pointer-events:none}.euiDataGridRowCell:focus:focus-visible{outline:none}.euiDataGridRowCell:hover:not(:focus,:focus-within,.euiDataGridRowCell--open){--euiDataGridCellOutlineColor:#98a2b3}.euiDataGridRowCell:hover:not(:focus,:focus-within,.euiDataGridRowCell--open) .euiDataGridRowCell__actions{-webkit-animation-delay:.35s;animation-delay:.35s}.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actions,.euiDataGridRowCell:focus-within .euiDataGridRowCell__actions,.euiDataGridRowCell:focus .euiDataGridRowCell__actions,.euiDataGridRowCell:hover .euiDataGridRowCell__actions,.euiDataGridRowCell[data-keyboard-closing] .euiDataGridRowCell__actions{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:euiDataGridCellActionsSlideIn;animation-name:euiDataGridCellActionsSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open):not([data-keyboard-closing]) .euiDataGridRowCell__actions{display:none}.euiDataGridRowCell.euiDataGridRowCell--currency,.euiDataGridRowCell.euiDataGridRowCell--numeric{text-align:right}.euiDataGridRowCell.euiDataGridRowCell--uppercase{text-transform:uppercase}.euiDataGridRowCell.euiDataGridRowCell--lowercase{text-transform:lowercase}.euiDataGridRowCell.euiDataGridRowCell--capitalize{text-transform:capitalize}.euiDataGridRowCell__popover{scrollbar-color:rgba(152,162,179,.5) transparent;scrollbar-width:thin;overflow:auto;z-index:1000!important;-webkit-filter:none;filter:none;box-shadow:0 1px 5px rgba(0,0,0,.25),0 3.6px 13px rgba(0,0,0,.175),0 8.4px 23px rgba(0,0,0,.15),0 23px 35px rgba(0,0,0,.125);-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:euiDataGridCellPopover;animation-name:euiDataGridCellPopover}.euiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.euiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGridRowCell__popover::-webkit-scrollbar-corner,.euiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.euiDataGridRowCell--controlColumn .euiDataGridRowCell__content{max-height:100%;height:auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.euiDataGridRowCell--controlColumn .euiDataGridRowCell__content.euiDataGridRowCell__content--defaultHeight{height:100%}.euiDataGridRowCell__actions,.euiDataGridRowCell__actions+[data-euiportal]>.euiPopover{position:absolute;bottom:100%}.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions,.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions+[data-euiportal]>.euiPopover{left:0}.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions,.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions+[data-euiportal]>.euiPopover{right:0}.euiDataGridRowCell__actions{z-index:998;margin-bottom:-1px;display:-webkit-flex;display:flex;gap:2px;padding-inline:2px;background-color:var(--euiDataGridCellOutlineColor);color:#1d1e24;border:1px solid var(--euiDataGridCellOutlineColor);border-top-left-radius:3px;border-top-right-radius:3px;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;transform-origin:bottom}.euiDataGridRowCell[data-gridcell-visible-row-index="0"]>.euiDataGridRowCell__actions{z-index:999}.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions{border-bottom-right-radius:3px}.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions{border-bottom-left-radius:3px}.euiDataGridRowCell__actions:after{content:"";position:absolute;top:100%;height:2px;width:2px;background-color:var(--euiDataGridCellOutlineColor)}.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions:after{left:-1px}.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions:after{right:-1px}.euiDataGridRowCell__actionButtonIcon{height:20px;width:16px;border-radius:0}.euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell__actionButtonIcon svg{background-color:transparent!important;color:currentColor!important;fill:currentColor!important}.euiDataGridRowCell__actionButtonIcon.euiDataGridRowCell__expandCell .euiIcon{width:120%;height:100%}.euiDataGrid--stripes .euiDataGridRow--striped{background-color:#25262e}.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover{background-color:#2e2d25}.euiDataGrid--bordersNone .euiDataGridRowCell{border-color:transparent!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.euiDataGrid--fontSizeSmall .euiDataGridRowCell .euiDataGridRowCell__content{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiDataGrid--fontSizeLarge .euiDataGridRowCell .euiDataGridRowCell__content{font-size:14px;font-size:1rem;line-height:1.7142857143rem}.euiDataGrid--paddingSmall .euiDataGridRowCell .euiDataGridRowCell__content{padding:4px}.euiDataGrid--paddingSmall .euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight{padding-bottom:0;border-bottom:4px solid transparent}.euiDataGrid--paddingLarge .euiDataGridRowCell .euiDataGridRowCell__content{padding:8px}.euiDataGrid--paddingLarge .euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight{padding-bottom:0;border-bottom:8px solid transparent}@-webkit-keyframes euiDataGridCellActionsSlideIn{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes euiDataGridCellActionsSlideIn{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes euiDataGridCellPopover{0%{opacity:0}to{opacity:1}}@keyframes euiDataGridCellPopover{0%{opacity:0}to{opacity:1}}.euiDataGrid__controls{background:#141519;position:relative;z-index:2;border:1px solid #343741;padding:4px 4px 4px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.euiDataGrid__rightControls{white-space:nowrap}.euiDataGrid__rightControls:only-child{margin-left:auto}.euiDataGrid__rightControls>*+*{margin-left:8px}.euiDataGrid__leftControls>*+*{margin-left:2px}.euiDataGrid--bordersNone .euiDataGrid__controls{border:none;background:#1d1e24}.euiDataGrid--bordersHorizontal .euiDataGrid__controls{border-right:none;border-left:none;border-top:none;background:#1d1e24}.euiDataGrid__controlScroll{scrollbar-color:rgba(152,162,179,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;max-height:400px;padding:8px;margin:-8px}.euiDataGrid__controlScroll::-webkit-scrollbar{width:16px;height:16px}.euiDataGrid__controlScroll::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGrid__controlScroll::-webkit-scrollbar-corner,.euiDataGrid__controlScroll::-webkit-scrollbar-track{background-color:transparent}.euiDataGrid__controlScroll:focus{outline:none}.euiDataGrid__controlScroll[tabindex="0"]:focus:focus-visible{outline-style:auto}.euiDataGridColumnSelector__item{padding:4px}.euiDataGridColumnSelector__item-isDragging{box-shadow:0 1px 5px rgba(0,0,0,.25),0 3.6px 13px rgba(0,0,0,.175),0 8.4px 23px rgba(0,0,0,.15),0 23px 35px rgba(0,0,0,.125);background:#1d1e24}.euiDataGridColumnSelector__columnList{scrollbar-color:rgba(152,162,179,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));-webkit-transform:translateZ(0);transform:translateZ(0);max-height:400px;margin:0 -8px}.euiDataGridColumnSelector__columnList::-webkit-scrollbar{width:16px;height:16px}.euiDataGridColumnSelector__columnList::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGridColumnSelector__columnList::-webkit-scrollbar-corner,.euiDataGridColumnSelector__columnList::-webkit-scrollbar-track{background-color:transparent}.euiDataGridColumnSelector__columnList:focus{outline:none}.euiDataGridColumnSelector__columnList[tabindex="0"]:focus:focus-visible{outline-style:auto}.euiDataGridColumnSelector__itemLabel{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiDataGridColumnSorting__item-isDragging{box-shadow:0 1px 5px rgba(0,0,0,.25),0 3.6px 13px rgba(0,0,0,.175),0 8.4px 23px rgba(0,0,0,.15),0 23px 35px rgba(0,0,0,.125);background:#1d1e24}.euiDataGridColumnSorting__fieldList{scrollbar-color:rgba(152,162,179,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));-webkit-transform:translateZ(0);transform:translateZ(0);padding-top:4px;padding-bottom:4px;max-height:300px}.euiDataGridColumnSorting__fieldList::-webkit-scrollbar{width:16px;height:16px}.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-thumb{background-color:rgba(152,162,179,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-corner,.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-track{background-color:transparent}.euiDataGridColumnSorting__fieldList:focus{outline:none}.euiDataGridColumnSorting__fieldList[tabindex="0"]:focus:focus-visible{outline-style:auto}.euiDataGridColumnSorting__field{display:block;padding:4px 8px;width:100%;outline-offset:-2px}.euiDataGridColumnSorting__field:focus,.euiDataGridColumnSorting__field:hover{cursor:pointer;text-decoration:underline}.euiDataGridColumnSorting__field:focus{background-color:rgba(54,162,239,.2)}.euiDataGridColumnSorting__field:disabled{cursor:not-allowed;text-decoration:none;color:#515761}.euiDataGridColumnSorting__name{padding-right:24px}@media only screen and (max-width:574px){.euiDataGridColumnSorting__name{padding-right:4px}}@media only screen and (min-width:575px) and (max-width:767px){.euiDataGridColumnSorting__name{padding-right:4px}}.euiDataGridColumnSorting__order{min-width:200px}@media only screen and (max-width:574px){.euiDataGridColumnSorting__order{min-width:unset}}@media only screen and (min-width:575px) and (max-width:767px){.euiDataGridColumnSorting__order{min-width:unset}}.euiDataGridColumnSorting__order .euiButtonGroup__buttons{border:none}.euiDataGridColumnSorting__order .euiButtonGroupButton{font-size:12px}.euiDataGrid__displayPopoverPanel{width:416px}.euiDataGrid__keyboardShortcuts{display:block;max-inline-size:400px;max-block-size:80vh;overflow-y:auto;overflow-block:auto}.euiDataGrid__keyboardShortcuts .euiDescriptionList{row-gap:0}.euiDataGrid--fontSizeLarge .euiDataGridRowCell{font-size:16px;font-size:1.1428571429rem;line-height:1.7142857143rem}

package/dist/eui_theme_light.css

@@ -319,17 +319,22 @@ The following files still use the Sass version:
   font-size: 14px;
   font-size: 1rem;
   line-height: 1.7142857143rem;
-  font-weight: 700;
-  padding: 6px;
+  position: relative;
+  display: -webkit-flex;
+  display: flex;
   -webkit-flex: 0 0 auto;
           flex: 0 0 auto;
-  position: relative;
   -webkit-align-items: center;
           align-items: center;
-  display: -webkit-flex;
-  display: flex;
+  padding: 6px;
+  font-weight: 700;
 }
 .euiDataGridHeaderCell > [data-focus-lock-disabled] {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-align-items: center;
+          align-items: center;
+  gap: 4px;
   width: 100%;
 }
 .euiDataGridHeaderCell:focus, .euiDataGridHeaderCell--hasColumnActions:focus-within, .euiDataGridHeaderCell--isActionsPopoverOpen {
@@ -348,6 +353,9 @@ The following files still use the Sass version:
   z-index: 2;
   pointer-events: none;
 }
+.euiDataGridHeaderCell:focus:focus-visible {
+  outline: none;
+}
 .euiDataGridHeaderCell .euiDataGridHeaderCell__content {
   -webkit-flex-grow: 1;
           flex-grow: 1;
@@ -360,9 +368,23 @@ The following files still use the Sass version:
           align-items: center;
   gap: 4px;
   width: 100%;
+  border-radius: 4px;
   font-weight: 700;
   outline: none;
 }
+.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button:focus-visible {
+  outline: none;
+}
+.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button {
+  outline: 2px solid currentColor;
+  color: #0071c2;
+}
+.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button:focus-visible {
+  outline-style: auto;
+}
+.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button:not(:focus-visible) {
+  outline: none;
+}
 .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__content {
   max-width: 100%;
   overflow: hidden !important;
@@ -384,12 +406,17 @@ The following files still use the Sass version:
           align-items: center;
   -webkit-justify-content: center;
           justify-content: center;
+  width: 0;
   height: 16px;
   overflow: hidden;
-  width: 0;
   opacity: 0;
   transition: width 150ms ease-in, opacity 350ms ease-in;
 }
+.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within .euiDataGridHeaderCell__button, .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):hover .euiDataGridHeaderCell__button,
+.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiPopover-isOpen .euiDataGridHeaderCell__button {
+  padding: 4px;
+  margin-block: -4px;
+}
 .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within .euiDataGridHeaderCell__icon, .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):hover .euiDataGridHeaderCell__icon,
 .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiPopover-isOpen .euiDataGridHeaderCell__icon {
   width: 16px;
@@ -604,6 +631,9 @@ The following files still use the Sass version:
   z-index: 2;
   pointer-events: none;
 }
+.euiDataGridRowCell:focus:focus-visible {
+  outline: none;
+}
 .euiDataGridRowCell:hover:not(:focus, :focus-within, .euiDataGridRowCell--open) {
   --euiDataGridCellOutlineColor: #69707D;
 }

package/dist/eui_theme_light.min.css

@@ -1 +1 @@
-@-webkit-keyframes euiAnimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes euiAnimFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes euiGrow{0%{opacity:0}1%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes euiGrow{0%{opacity:0}1%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes focusRingAnimate{0%{box-shadow:0 0 0 2px rgba(0,119,204,0)}to{box-shadow:0 0 0 2px #0071c2}}@keyframes focusRingAnimate{0%{box-shadow:0 0 0 2px rgba(0,119,204,0)}to{box-shadow:0 0 0 2px #0071c2}}@-webkit-keyframes focusRingAnimateLarge{0%{box-shadow:0 0 0 10px rgba(0,119,204,0)}to{box-shadow:0 0 0 4px #0071c2}}@keyframes focusRingAnimateLarge{0%{box-shadow:0 0 0 10px rgba(0,119,204,0)}to{box-shadow:0 0 0 4px #0071c2}}@-webkit-keyframes euiButtonActive{50%{-webkit-transform:translateY(1px);transform:translateY(1px)}}@keyframes euiButtonActive{50%{-webkit-transform:translateY(1px);transform:translateY(1px)}}.euiDataGrid{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;overflow:hidden;height:100%}.euiDataGrid--fullScreen{height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:#fff}.euiDataGrid--fullScreen .euiDataGrid__pagination{padding-bottom:4px;background:#f5f7fa;box-shadow:1px 0 0 1px #d3dae6}.euiDataGrid__content{-webkit-flex-grow:1;flex-grow:1;height:100%;max-width:100%;width:100%;overflow:hidden;z-index:1;position:relative;background:#fafbfd;font-feature-settings:"tnum" 1}.euiDataGrid__customRenderBody{scrollbar-color:rgba(105,112,125,.5) #fff;scrollbar-width:thin;height:100%;width:100%;overflow:auto}.euiDataGrid__customRenderBody::-webkit-scrollbar{width:16px;height:16px}.euiDataGrid__customRenderBody::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid #fff}.euiDataGrid__customRenderBody::-webkit-scrollbar-corner,.euiDataGrid__customRenderBody::-webkit-scrollbar-track{background-color:#fff}.euiDataGrid__pagination{z-index:2;padding-top:4px;-webkit-flex-grow:0;flex-grow:0}.euiDataGrid__restrictBody{height:100vh;overflow:hidden}.euiDataGrid__restrictBody .euiHeader[data-fixed-header]{z-index:998!important}.euiDataGrid__restrictBody .euiOverlayMask[data-relative-to-header=below]{top:0}.euiDataGrid__restrictBody .euiFlyout{top:0;height:100%}.euiDataGrid__focusWrap{height:100%}.euiDataGrid__virtualized{scrollbar-color:rgba(105,112,125,.5) #fff;scrollbar-width:thin;scroll-padding:0}.euiDataGrid__virtualized::-webkit-scrollbar{width:16px;height:16px}.euiDataGrid__virtualized::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid #fff}.euiDataGrid__virtualized::-webkit-scrollbar-corner,.euiDataGrid__virtualized::-webkit-scrollbar-track{background-color:#fff}.euiDataGrid__scrollOverlay{position:absolute;top:-1px;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px #d3dae6}.euiDataGrid--bordersHorizontal .euiDataGrid__scrollOverlay{box-shadow:inset 0 -2px 0 -1px #d3dae6}.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayBottom{position:absolute;width:100%;height:1px;background-color:#d3dae6}.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayRight{position:absolute;height:100%;width:1px;background-color:#d3dae6}.euiDataGridHeader{display:-webkit-flex;display:flex;z-index:999;background:#fff;position:-webkit-sticky;position:sticky;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.euiDataGridHeaderCell{font-size:14px;font-size:1rem;line-height:1.7142857143rem;font-weight:700;padding:6px;-webkit-flex:0 0 auto;flex:0 0 auto;position:relative;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.euiDataGridHeaderCell>[data-focus-lock-disabled]{width:100%}.euiDataGridHeaderCell--hasColumnActions:focus-within,.euiDataGridHeaderCell--isActionsPopoverOpen,.euiDataGridHeaderCell:focus{outline:none}.euiDataGridHeaderCell--hasColumnActions:focus-within:after,.euiDataGridHeaderCell--isActionsPopoverOpen:after,.euiDataGridHeaderCell:focus:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid var(--euiDataGridCellOutlineColor,#0071c2);border-radius:3px;z-index:2;pointer-events:none}.euiDataGridHeaderCell .euiDataGridHeaderCell__content{-webkit-flex-grow:1;flex-grow:1}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:4px;width:100%;font-weight:700;outline:none}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__content{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__sortingArrow{-webkit-flex:0 0 auto;flex:0 0 auto}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__icon{-webkit-flex:0 0 auto;flex:0 0 auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:16px;overflow:hidden;width:0;opacity:0;transition:width .15s ease-in,opacity .35s ease-in}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiPopover-isOpen .euiDataGridHeaderCell__icon,.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within .euiDataGridHeaderCell__icon,.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):hover .euiDataGridHeaderCell__icon{width:16px;opacity:1}.euiDataGridHeaderCell.euiDataGridHeaderCell--currency .euiDataGridHeaderCell__content,.euiDataGridHeaderCell.euiDataGridHeaderCell--numeric .euiDataGridHeaderCell__content{text-align:right}.euiDataGridHeader__action--selected{font-weight:700!important}.euiDataGrid--bordersNone.euiDataGrid--bordersHorizontal .euiDataGridHeader{background:#fff}.euiDataGrid--headerUnderline .euiDataGridHeaderCell{border:none;border-bottom:2px solid #343741}.euiDataGrid--bordersNone.euiDataGrid--headerUnderline .euiDataGridHeaderCell{border-bottom:2px solid;border-color:#343741}.euiDataGrid--headerShade .euiDataGridHeaderCell{background:#f5f7fa}.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell{border-right:1px solid #d3dae6;border-bottom:1px solid #d3dae6;border-left:none}.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell:first-of-type{border-left:1px solid #d3dae6}.euiDataGrid--headerShade.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell{border-top:none;border-bottom:1px solid #d3dae6}.euiDataGrid--bordersNone .euiDataGridHeaderCell{border:none}.euiDataGrid--borderhorizontal .euiDataGridHeaderCell{border-top:none;border-right:none;border-left:none}.euiDataGrid--fontSizeSmall .euiDataGridHeaderCell{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiDataGrid--fontSizeLarge .euiDataGridHeaderCell{font-size:14px;font-size:1rem;line-height:1.7142857143rem}.euiDataGrid--paddingSmall .euiDataGridHeaderCell{padding:4px}.euiDataGrid--paddingLarge .euiDataGridHeaderCell{padding:8px}.euiDataGrid--noControls.euiDataGrid--bordersAll .euiDataGridHeaderCell,.euiDataGrid--noControls.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell{border-top:1px solid #d3dae6}.euiDataGridFooter{display:-webkit-flex;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.euiDataGridRowCell.euiDataGridFooterCell{-webkit-flex:0 0 auto;flex:0 0 auto;position:relative;font-weight:700}.euiDataGrid--stickyFooter .euiDataGridFooter{position:-webkit-sticky;position:sticky;bottom:0}.euiDataGrid--footerOverline .euiDataGridRowCell.euiDataGridFooterCell{border-top:2px solid #d3dae6;border-top-color:#343741!important;background:#fff!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell.euiDataGridFooterCell,.euiDataGrid--bordersNone .euiDataGridRowCell.euiDataGridFooterCell{border-left:none;border-right:none}.euiDataGrid--footerShade .euiDataGridRowCell.euiDataGridFooterCell{background:#f5f7fa}.euiDataGridColumnResizer{position:absolute;top:0;right:-8px;height:100%;width:16px;cursor:ew-resize;opacity:0;z-index:2}.euiDataGridColumnResizer:after{content:"";position:absolute;left:7px;top:0;bottom:0;width:3px;background-color:#07c}.euiDataGridColumnResizer:active,.euiDataGridColumnResizer:hover{opacity:1}.euiDataGridColumnResizer:active~.euiDataGridHeaderCell__content,.euiDataGridColumnResizer:hover~.euiDataGridHeaderCell__content{-webkit-user-select:none;-moz-user-select:none;user-select:none}.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer{right:0;width:8px}.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer:after{left:auto;right:0}.euiDataGridRow{background-color:#fff}.euiDataGridRowCell{position:relative;border-right:1px solid #edf0f5;border-bottom:1px solid #d3dae6;--euiDataGridCellOutlineColor:#07c}.euiDataGridRowCell .euiDataGridRowCell__content{font-size:14px;font-size:1rem;line-height:1.7142857143rem;padding:6px;height:100%;overflow:hidden}.euiDataGridRowCell .euiDataGridRowCell__content--autoHeight{height:auto}.euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight{padding-bottom:0;border-bottom:6px solid transparent}.euiDataGridRowCell>[data-focus-lock-disabled]{height:100%}.euiDataGridRowCell.euiDataGridRowCell--firstColumn{border-left:1px solid #d3dae6}.euiDataGridRowCell.euiDataGridRowCell--lastColumn{border-right-color:#d3dae6}.euiDataGridRowCell.euiDataGridRowCell--open,.euiDataGridRowCell:focus,.euiDataGridRowCell:hover{outline:none}.euiDataGridRowCell.euiDataGridRowCell--open:after,.euiDataGridRowCell:focus:after,.euiDataGridRowCell:hover:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid var(--euiDataGridCellOutlineColor,#0071c2);border-radius:3px;z-index:2;pointer-events:none}.euiDataGridRowCell:hover:not(:focus,:focus-within,.euiDataGridRowCell--open){--euiDataGridCellOutlineColor:#69707d}.euiDataGridRowCell:hover:not(:focus,:focus-within,.euiDataGridRowCell--open) .euiDataGridRowCell__actions{-webkit-animation-delay:.35s;animation-delay:.35s}.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actions,.euiDataGridRowCell:focus-within .euiDataGridRowCell__actions,.euiDataGridRowCell:focus .euiDataGridRowCell__actions,.euiDataGridRowCell:hover .euiDataGridRowCell__actions,.euiDataGridRowCell[data-keyboard-closing] .euiDataGridRowCell__actions{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:euiDataGridCellActionsSlideIn;animation-name:euiDataGridCellActionsSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open):not([data-keyboard-closing]) .euiDataGridRowCell__actions{display:none}.euiDataGridRowCell.euiDataGridRowCell--currency,.euiDataGridRowCell.euiDataGridRowCell--numeric{text-align:right}.euiDataGridRowCell.euiDataGridRowCell--uppercase{text-transform:uppercase}.euiDataGridRowCell.euiDataGridRowCell--lowercase{text-transform:lowercase}.euiDataGridRowCell.euiDataGridRowCell--capitalize{text-transform:capitalize}.euiDataGridRowCell__popover{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;overflow:auto;z-index:1000!important;-webkit-filter:none;filter:none;box-shadow:0 1px 5px rgba(0,0,0,.1),0 3.6px 13px rgba(0,0,0,.07),0 8.4px 23px rgba(0,0,0,.06),0 23px 35px rgba(0,0,0,.05);-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:euiDataGridCellPopover;animation-name:euiDataGridCellPopover}.euiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.euiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGridRowCell__popover::-webkit-scrollbar-corner,.euiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.euiDataGridRowCell--controlColumn .euiDataGridRowCell__content{max-height:100%;height:auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.euiDataGridRowCell--controlColumn .euiDataGridRowCell__content.euiDataGridRowCell__content--defaultHeight{height:100%}.euiDataGridRowCell__actions,.euiDataGridRowCell__actions+[data-euiportal]>.euiPopover{position:absolute;bottom:100%}.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions,.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions+[data-euiportal]>.euiPopover{left:0}.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions,.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions+[data-euiportal]>.euiPopover{right:0}.euiDataGridRowCell__actions{z-index:998;margin-bottom:-1px;display:-webkit-flex;display:flex;gap:2px;padding-inline:2px;background-color:var(--euiDataGridCellOutlineColor);color:#fff;border:1px solid var(--euiDataGridCellOutlineColor);border-top-left-radius:3px;border-top-right-radius:3px;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;transform-origin:bottom}.euiDataGridRowCell[data-gridcell-visible-row-index="0"]>.euiDataGridRowCell__actions{z-index:999}.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions{border-bottom-right-radius:3px}.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions{border-bottom-left-radius:3px}.euiDataGridRowCell__actions:after{content:"";position:absolute;top:100%;height:2px;width:2px;background-color:var(--euiDataGridCellOutlineColor)}.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions:after{left:-1px}.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions:after{right:-1px}.euiDataGridRowCell__actionButtonIcon{height:20px;width:16px;border-radius:0}.euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell__actionButtonIcon svg{background-color:transparent!important;color:currentColor!important;fill:currentColor!important}.euiDataGridRowCell__actionButtonIcon.euiDataGridRowCell__expandCell .euiIcon{width:120%;height:100%}.euiDataGrid--stripes .euiDataGridRow--striped{background-color:#f5f7fa}.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover{background-color:#fff9e8}.euiDataGrid--bordersNone .euiDataGridRowCell{border-color:transparent!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.euiDataGrid--fontSizeSmall .euiDataGridRowCell .euiDataGridRowCell__content{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiDataGrid--fontSizeLarge .euiDataGridRowCell .euiDataGridRowCell__content{font-size:14px;font-size:1rem;line-height:1.7142857143rem}.euiDataGrid--paddingSmall .euiDataGridRowCell .euiDataGridRowCell__content{padding:4px}.euiDataGrid--paddingSmall .euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight{padding-bottom:0;border-bottom:4px solid transparent}.euiDataGrid--paddingLarge .euiDataGridRowCell .euiDataGridRowCell__content{padding:8px}.euiDataGrid--paddingLarge .euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight{padding-bottom:0;border-bottom:8px solid transparent}@-webkit-keyframes euiDataGridCellActionsSlideIn{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes euiDataGridCellActionsSlideIn{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes euiDataGridCellPopover{0%{opacity:0}to{opacity:1}}@keyframes euiDataGridCellPopover{0%{opacity:0}to{opacity:1}}.euiDataGrid__controls{background:#fafbfd;position:relative;z-index:2;border:1px solid #d3dae6;padding:4px 4px 4px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.euiDataGrid__rightControls{white-space:nowrap}.euiDataGrid__rightControls:only-child{margin-left:auto}.euiDataGrid__rightControls>*+*{margin-left:8px}.euiDataGrid__leftControls>*+*{margin-left:2px}.euiDataGrid--bordersNone .euiDataGrid__controls{border:none;background:#fff}.euiDataGrid--bordersHorizontal .euiDataGrid__controls{border-right:none;border-left:none;border-top:none;background:#fff}.euiDataGrid__controlScroll{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;max-height:400px;padding:8px;margin:-8px}.euiDataGrid__controlScroll::-webkit-scrollbar{width:16px;height:16px}.euiDataGrid__controlScroll::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGrid__controlScroll::-webkit-scrollbar-corner,.euiDataGrid__controlScroll::-webkit-scrollbar-track{background-color:transparent}.euiDataGrid__controlScroll:focus{outline:none}.euiDataGrid__controlScroll[tabindex="0"]:focus:focus-visible{outline-style:auto}.euiDataGridColumnSelector__item{padding:4px}.euiDataGridColumnSelector__item-isDragging{box-shadow:0 1px 5px rgba(0,0,0,.1),0 3.6px 13px rgba(0,0,0,.07),0 8.4px 23px rgba(0,0,0,.06),0 23px 35px rgba(0,0,0,.05);background:#fff}.euiDataGridColumnSelector__columnList{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));-webkit-transform:translateZ(0);transform:translateZ(0);max-height:400px;margin:0 -8px}.euiDataGridColumnSelector__columnList::-webkit-scrollbar{width:16px;height:16px}.euiDataGridColumnSelector__columnList::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGridColumnSelector__columnList::-webkit-scrollbar-corner,.euiDataGridColumnSelector__columnList::-webkit-scrollbar-track{background-color:transparent}.euiDataGridColumnSelector__columnList:focus{outline:none}.euiDataGridColumnSelector__columnList[tabindex="0"]:focus:focus-visible{outline-style:auto}.euiDataGridColumnSelector__itemLabel{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiDataGridColumnSorting__item-isDragging{box-shadow:0 1px 5px rgba(0,0,0,.1),0 3.6px 13px rgba(0,0,0,.07),0 8.4px 23px rgba(0,0,0,.06),0 23px 35px rgba(0,0,0,.05);background:#fff}.euiDataGridColumnSorting__fieldList{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));-webkit-transform:translateZ(0);transform:translateZ(0);padding-top:4px;padding-bottom:4px;max-height:300px}.euiDataGridColumnSorting__fieldList::-webkit-scrollbar{width:16px;height:16px}.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-corner,.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-track{background-color:transparent}.euiDataGridColumnSorting__fieldList:focus{outline:none}.euiDataGridColumnSorting__fieldList[tabindex="0"]:focus:focus-visible{outline-style:auto}.euiDataGridColumnSorting__field{display:block;padding:4px 8px;width:100%;outline-offset:-2px}.euiDataGridColumnSorting__field:focus,.euiDataGridColumnSorting__field:hover{cursor:pointer;text-decoration:underline}.euiDataGridColumnSorting__field:focus{background-color:rgba(0,119,204,.1)}.euiDataGridColumnSorting__field:disabled{cursor:not-allowed;text-decoration:none;color:#abb4c4}.euiDataGridColumnSorting__name{padding-right:24px}@media only screen and (max-width:574px){.euiDataGridColumnSorting__name{padding-right:4px}}@media only screen and (min-width:575px) and (max-width:767px){.euiDataGridColumnSorting__name{padding-right:4px}}.euiDataGridColumnSorting__order{min-width:200px}@media only screen and (max-width:574px){.euiDataGridColumnSorting__order{min-width:unset}}@media only screen and (min-width:575px) and (max-width:767px){.euiDataGridColumnSorting__order{min-width:unset}}.euiDataGridColumnSorting__order .euiButtonGroup__buttons{border:none}.euiDataGridColumnSorting__order .euiButtonGroupButton{font-size:12px}.euiDataGrid__displayPopoverPanel{width:416px}.euiDataGrid__keyboardShortcuts{display:block;max-inline-size:400px;max-block-size:80vh;overflow-y:auto;overflow-block:auto}.euiDataGrid__keyboardShortcuts .euiDescriptionList{row-gap:0}.euiDataGrid--fontSizeLarge .euiDataGridRowCell{font-size:16px;font-size:1.1428571429rem;line-height:1.7142857143rem}
+@-webkit-keyframes euiAnimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes euiAnimFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes euiGrow{0%{opacity:0}1%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes euiGrow{0%{opacity:0}1%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes focusRingAnimate{0%{box-shadow:0 0 0 2px rgba(0,119,204,0)}to{box-shadow:0 0 0 2px #0071c2}}@keyframes focusRingAnimate{0%{box-shadow:0 0 0 2px rgba(0,119,204,0)}to{box-shadow:0 0 0 2px #0071c2}}@-webkit-keyframes focusRingAnimateLarge{0%{box-shadow:0 0 0 10px rgba(0,119,204,0)}to{box-shadow:0 0 0 4px #0071c2}}@keyframes focusRingAnimateLarge{0%{box-shadow:0 0 0 10px rgba(0,119,204,0)}to{box-shadow:0 0 0 4px #0071c2}}@-webkit-keyframes euiButtonActive{50%{-webkit-transform:translateY(1px);transform:translateY(1px)}}@keyframes euiButtonActive{50%{-webkit-transform:translateY(1px);transform:translateY(1px)}}.euiDataGrid{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;overflow:hidden;height:100%}.euiDataGrid--fullScreen{height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:#fff}.euiDataGrid--fullScreen .euiDataGrid__pagination{padding-bottom:4px;background:#f5f7fa;box-shadow:1px 0 0 1px #d3dae6}.euiDataGrid__content{-webkit-flex-grow:1;flex-grow:1;height:100%;max-width:100%;width:100%;overflow:hidden;z-index:1;position:relative;background:#fafbfd;font-feature-settings:"tnum" 1}.euiDataGrid__customRenderBody{scrollbar-color:rgba(105,112,125,.5) #fff;scrollbar-width:thin;height:100%;width:100%;overflow:auto}.euiDataGrid__customRenderBody::-webkit-scrollbar{width:16px;height:16px}.euiDataGrid__customRenderBody::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid #fff}.euiDataGrid__customRenderBody::-webkit-scrollbar-corner,.euiDataGrid__customRenderBody::-webkit-scrollbar-track{background-color:#fff}.euiDataGrid__pagination{z-index:2;padding-top:4px;-webkit-flex-grow:0;flex-grow:0}.euiDataGrid__restrictBody{height:100vh;overflow:hidden}.euiDataGrid__restrictBody .euiHeader[data-fixed-header]{z-index:998!important}.euiDataGrid__restrictBody .euiOverlayMask[data-relative-to-header=below]{top:0}.euiDataGrid__restrictBody .euiFlyout{top:0;height:100%}.euiDataGrid__focusWrap{height:100%}.euiDataGrid__virtualized{scrollbar-color:rgba(105,112,125,.5) #fff;scrollbar-width:thin;scroll-padding:0}.euiDataGrid__virtualized::-webkit-scrollbar{width:16px;height:16px}.euiDataGrid__virtualized::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid #fff}.euiDataGrid__virtualized::-webkit-scrollbar-corner,.euiDataGrid__virtualized::-webkit-scrollbar-track{background-color:#fff}.euiDataGrid__scrollOverlay{position:absolute;top:-1px;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px #d3dae6}.euiDataGrid--bordersHorizontal .euiDataGrid__scrollOverlay{box-shadow:inset 0 -2px 0 -1px #d3dae6}.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayBottom{position:absolute;width:100%;height:1px;background-color:#d3dae6}.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayRight{position:absolute;height:100%;width:1px;background-color:#d3dae6}.euiDataGridHeader{display:-webkit-flex;display:flex;z-index:999;background:#fff;position:-webkit-sticky;position:sticky;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.euiDataGridHeaderCell{font-size:14px;font-size:1rem;line-height:1.7142857143rem;position:relative;-webkit-flex:0 0 auto;flex:0 0 auto;padding:6px;font-weight:700}.euiDataGridHeaderCell,.euiDataGridHeaderCell>[data-focus-lock-disabled]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.euiDataGridHeaderCell>[data-focus-lock-disabled]{gap:4px;width:100%}.euiDataGridHeaderCell--hasColumnActions:focus-within,.euiDataGridHeaderCell--isActionsPopoverOpen,.euiDataGridHeaderCell:focus{outline:none}.euiDataGridHeaderCell--hasColumnActions:focus-within:after,.euiDataGridHeaderCell--isActionsPopoverOpen:after,.euiDataGridHeaderCell:focus:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid var(--euiDataGridCellOutlineColor,#0071c2);border-radius:3px;z-index:2;pointer-events:none}.euiDataGridHeaderCell:focus:focus-visible{outline:none}.euiDataGridHeaderCell .euiDataGridHeaderCell__content{-webkit-flex-grow:1;flex-grow:1}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:4px;width:100%;border-radius:4px;font-weight:700;outline:none}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button:focus-visible{outline:none}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button{outline:2px solid currentColor;color:#0071c2}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button:focus-visible{outline-style:auto}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button:not(:focus-visible){outline:none}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__content{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__sortingArrow{-webkit-flex:0 0 auto;flex:0 0 auto}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__icon{-webkit-flex:0 0 auto;flex:0 0 auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:0;height:16px;overflow:hidden;opacity:0;transition:width .15s ease-in,opacity .35s ease-in}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiPopover-isOpen .euiDataGridHeaderCell__button,.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within .euiDataGridHeaderCell__button,.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):hover .euiDataGridHeaderCell__button{padding:4px;margin-block:-4px}.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiPopover-isOpen .euiDataGridHeaderCell__icon,.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within .euiDataGridHeaderCell__icon,.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):hover .euiDataGridHeaderCell__icon{width:16px;opacity:1}.euiDataGridHeaderCell.euiDataGridHeaderCell--currency .euiDataGridHeaderCell__content,.euiDataGridHeaderCell.euiDataGridHeaderCell--numeric .euiDataGridHeaderCell__content{text-align:right}.euiDataGridHeader__action--selected{font-weight:700!important}.euiDataGrid--bordersNone.euiDataGrid--bordersHorizontal .euiDataGridHeader{background:#fff}.euiDataGrid--headerUnderline .euiDataGridHeaderCell{border:none;border-bottom:2px solid #343741}.euiDataGrid--bordersNone.euiDataGrid--headerUnderline .euiDataGridHeaderCell{border-bottom:2px solid;border-color:#343741}.euiDataGrid--headerShade .euiDataGridHeaderCell{background:#f5f7fa}.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell{border-right:1px solid #d3dae6;border-bottom:1px solid #d3dae6;border-left:none}.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell:first-of-type{border-left:1px solid #d3dae6}.euiDataGrid--headerShade.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell{border-top:none;border-bottom:1px solid #d3dae6}.euiDataGrid--bordersNone .euiDataGridHeaderCell{border:none}.euiDataGrid--borderhorizontal .euiDataGridHeaderCell{border-top:none;border-right:none;border-left:none}.euiDataGrid--fontSizeSmall .euiDataGridHeaderCell{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiDataGrid--fontSizeLarge .euiDataGridHeaderCell{font-size:14px;font-size:1rem;line-height:1.7142857143rem}.euiDataGrid--paddingSmall .euiDataGridHeaderCell{padding:4px}.euiDataGrid--paddingLarge .euiDataGridHeaderCell{padding:8px}.euiDataGrid--noControls.euiDataGrid--bordersAll .euiDataGridHeaderCell,.euiDataGrid--noControls.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell{border-top:1px solid #d3dae6}.euiDataGridFooter{display:-webkit-flex;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.euiDataGridRowCell.euiDataGridFooterCell{-webkit-flex:0 0 auto;flex:0 0 auto;position:relative;font-weight:700}.euiDataGrid--stickyFooter .euiDataGridFooter{position:-webkit-sticky;position:sticky;bottom:0}.euiDataGrid--footerOverline .euiDataGridRowCell.euiDataGridFooterCell{border-top:2px solid #d3dae6;border-top-color:#343741!important;background:#fff!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell.euiDataGridFooterCell,.euiDataGrid--bordersNone .euiDataGridRowCell.euiDataGridFooterCell{border-left:none;border-right:none}.euiDataGrid--footerShade .euiDataGridRowCell.euiDataGridFooterCell{background:#f5f7fa}.euiDataGridColumnResizer{position:absolute;top:0;right:-8px;height:100%;width:16px;cursor:ew-resize;opacity:0;z-index:2}.euiDataGridColumnResizer:after{content:"";position:absolute;left:7px;top:0;bottom:0;width:3px;background-color:#07c}.euiDataGridColumnResizer:active,.euiDataGridColumnResizer:hover{opacity:1}.euiDataGridColumnResizer:active~.euiDataGridHeaderCell__content,.euiDataGridColumnResizer:hover~.euiDataGridHeaderCell__content{-webkit-user-select:none;-moz-user-select:none;user-select:none}.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer{right:0;width:8px}.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer:after{left:auto;right:0}.euiDataGridRow{background-color:#fff}.euiDataGridRowCell{position:relative;border-right:1px solid #edf0f5;border-bottom:1px solid #d3dae6;--euiDataGridCellOutlineColor:#07c}.euiDataGridRowCell .euiDataGridRowCell__content{font-size:14px;font-size:1rem;line-height:1.7142857143rem;padding:6px;height:100%;overflow:hidden}.euiDataGridRowCell .euiDataGridRowCell__content--autoHeight{height:auto}.euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight{padding-bottom:0;border-bottom:6px solid transparent}.euiDataGridRowCell>[data-focus-lock-disabled]{height:100%}.euiDataGridRowCell.euiDataGridRowCell--firstColumn{border-left:1px solid #d3dae6}.euiDataGridRowCell.euiDataGridRowCell--lastColumn{border-right-color:#d3dae6}.euiDataGridRowCell.euiDataGridRowCell--open,.euiDataGridRowCell:focus,.euiDataGridRowCell:hover{outline:none}.euiDataGridRowCell.euiDataGridRowCell--open:after,.euiDataGridRowCell:focus:after,.euiDataGridRowCell:hover:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid var(--euiDataGridCellOutlineColor,#0071c2);border-radius:3px;z-index:2;pointer-events:none}.euiDataGridRowCell:focus:focus-visible{outline:none}.euiDataGridRowCell:hover:not(:focus,:focus-within,.euiDataGridRowCell--open){--euiDataGridCellOutlineColor:#69707d}.euiDataGridRowCell:hover:not(:focus,:focus-within,.euiDataGridRowCell--open) .euiDataGridRowCell__actions{-webkit-animation-delay:.35s;animation-delay:.35s}.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actions,.euiDataGridRowCell:focus-within .euiDataGridRowCell__actions,.euiDataGridRowCell:focus .euiDataGridRowCell__actions,.euiDataGridRowCell:hover .euiDataGridRowCell__actions,.euiDataGridRowCell[data-keyboard-closing] .euiDataGridRowCell__actions{-webkit-animation-duration:90ms;animation-duration:90ms;-webkit-animation-name:euiDataGridCellActionsSlideIn;animation-name:euiDataGridCellActionsSlideIn;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open):not([data-keyboard-closing]) .euiDataGridRowCell__actions{display:none}.euiDataGridRowCell.euiDataGridRowCell--currency,.euiDataGridRowCell.euiDataGridRowCell--numeric{text-align:right}.euiDataGridRowCell.euiDataGridRowCell--uppercase{text-transform:uppercase}.euiDataGridRowCell.euiDataGridRowCell--lowercase{text-transform:lowercase}.euiDataGridRowCell.euiDataGridRowCell--capitalize{text-transform:capitalize}.euiDataGridRowCell__popover{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;overflow:auto;z-index:1000!important;-webkit-filter:none;filter:none;box-shadow:0 1px 5px rgba(0,0,0,.1),0 3.6px 13px rgba(0,0,0,.07),0 8.4px 23px rgba(0,0,0,.06),0 23px 35px rgba(0,0,0,.05);-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:euiDataGridCellPopover;animation-name:euiDataGridCellPopover}.euiDataGridRowCell__popover::-webkit-scrollbar{width:16px;height:16px}.euiDataGridRowCell__popover::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGridRowCell__popover::-webkit-scrollbar-corner,.euiDataGridRowCell__popover::-webkit-scrollbar-track{background-color:transparent}.euiDataGridRowCell--controlColumn .euiDataGridRowCell__content{max-height:100%;height:auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.euiDataGridRowCell--controlColumn .euiDataGridRowCell__content.euiDataGridRowCell__content--defaultHeight{height:100%}.euiDataGridRowCell__actions,.euiDataGridRowCell__actions+[data-euiportal]>.euiPopover{position:absolute;bottom:100%}.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions,.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions+[data-euiportal]>.euiPopover{left:0}.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions,.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions+[data-euiportal]>.euiPopover{right:0}.euiDataGridRowCell__actions{z-index:998;margin-bottom:-1px;display:-webkit-flex;display:flex;gap:2px;padding-inline:2px;background-color:var(--euiDataGridCellOutlineColor);color:#fff;border:1px solid var(--euiDataGridCellOutlineColor);border-top-left-radius:3px;border-top-right-radius:3px;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;transform-origin:bottom}.euiDataGridRowCell[data-gridcell-visible-row-index="0"]>.euiDataGridRowCell__actions{z-index:999}.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions{border-bottom-right-radius:3px}.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions{border-bottom-left-radius:3px}.euiDataGridRowCell__actions:after{content:"";position:absolute;top:100%;height:2px;width:2px;background-color:var(--euiDataGridCellOutlineColor)}.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions:after{left:-1px}.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions:after{right:-1px}.euiDataGridRowCell__actionButtonIcon{height:20px;width:16px;border-radius:0}.euiDataGridRowCell__actionButtonIcon,.euiDataGridRowCell__actionButtonIcon svg{background-color:transparent!important;color:currentColor!important;fill:currentColor!important}.euiDataGridRowCell__actionButtonIcon.euiDataGridRowCell__expandCell .euiIcon{width:120%;height:100%}.euiDataGrid--stripes .euiDataGridRow--striped{background-color:#f5f7fa}.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover{background-color:#fff9e8}.euiDataGrid--bordersNone .euiDataGridRowCell{border-color:transparent!important}.euiDataGrid--bordersHorizontal .euiDataGridRowCell{border-right-color:transparent;border-left-color:transparent}.euiDataGrid--fontSizeSmall .euiDataGridRowCell .euiDataGridRowCell__content{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiDataGrid--fontSizeLarge .euiDataGridRowCell .euiDataGridRowCell__content{font-size:14px;font-size:1rem;line-height:1.7142857143rem}.euiDataGrid--paddingSmall .euiDataGridRowCell .euiDataGridRowCell__content{padding:4px}.euiDataGrid--paddingSmall .euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight{padding-bottom:0;border-bottom:4px solid transparent}.euiDataGrid--paddingLarge .euiDataGridRowCell .euiDataGridRowCell__content{padding:8px}.euiDataGrid--paddingLarge .euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight{padding-bottom:0;border-bottom:8px solid transparent}@-webkit-keyframes euiDataGridCellActionsSlideIn{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes euiDataGridCellActionsSlideIn{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes euiDataGridCellPopover{0%{opacity:0}to{opacity:1}}@keyframes euiDataGridCellPopover{0%{opacity:0}to{opacity:1}}.euiDataGrid__controls{background:#fafbfd;position:relative;z-index:2;border:1px solid #d3dae6;padding:4px 4px 4px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.euiDataGrid__rightControls{white-space:nowrap}.euiDataGrid__rightControls:only-child{margin-left:auto}.euiDataGrid__rightControls>*+*{margin-left:8px}.euiDataGrid__leftControls>*+*{margin-left:2px}.euiDataGrid--bordersNone .euiDataGrid__controls{border:none;background:#fff}.euiDataGrid--bordersHorizontal .euiDataGrid__controls{border-right:none;border-left:none;border-top:none;background:#fff}.euiDataGrid__controlScroll{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;max-height:400px;padding:8px;margin:-8px}.euiDataGrid__controlScroll::-webkit-scrollbar{width:16px;height:16px}.euiDataGrid__controlScroll::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGrid__controlScroll::-webkit-scrollbar-corner,.euiDataGrid__controlScroll::-webkit-scrollbar-track{background-color:transparent}.euiDataGrid__controlScroll:focus{outline:none}.euiDataGrid__controlScroll[tabindex="0"]:focus:focus-visible{outline-style:auto}.euiDataGridColumnSelector__item{padding:4px}.euiDataGridColumnSelector__item-isDragging{box-shadow:0 1px 5px rgba(0,0,0,.1),0 3.6px 13px rgba(0,0,0,.07),0 8.4px 23px rgba(0,0,0,.06),0 23px 35px rgba(0,0,0,.05);background:#fff}.euiDataGridColumnSelector__columnList{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));-webkit-transform:translateZ(0);transform:translateZ(0);max-height:400px;margin:0 -8px}.euiDataGridColumnSelector__columnList::-webkit-scrollbar{width:16px;height:16px}.euiDataGridColumnSelector__columnList::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGridColumnSelector__columnList::-webkit-scrollbar-corner,.euiDataGridColumnSelector__columnList::-webkit-scrollbar-track{background-color:transparent}.euiDataGridColumnSelector__columnList:focus{outline:none}.euiDataGridColumnSelector__columnList[tabindex="0"]:focus:focus-visible{outline-style:auto}.euiDataGridColumnSelector__itemLabel{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiDataGridColumnSorting__item-isDragging{box-shadow:0 1px 5px rgba(0,0,0,.1),0 3.6px 13px rgba(0,0,0,.07),0 8.4px 23px rgba(0,0,0,.06),0 23px 35px rgba(0,0,0,.05);background:#fff}.euiDataGridColumnSorting__fieldList{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));mask-image:linear-gradient(180deg,rgba(255,0,0,.1) 0,red 7.5px,red calc(100% - 7.5px),rgba(255,0,0,.1));-webkit-transform:translateZ(0);transform:translateZ(0);padding-top:4px;padding-bottom:4px;max-height:300px}.euiDataGridColumnSorting__fieldList::-webkit-scrollbar{width:16px;height:16px}.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-corner,.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-track{background-color:transparent}.euiDataGridColumnSorting__fieldList:focus{outline:none}.euiDataGridColumnSorting__fieldList[tabindex="0"]:focus:focus-visible{outline-style:auto}.euiDataGridColumnSorting__field{display:block;padding:4px 8px;width:100%;outline-offset:-2px}.euiDataGridColumnSorting__field:focus,.euiDataGridColumnSorting__field:hover{cursor:pointer;text-decoration:underline}.euiDataGridColumnSorting__field:focus{background-color:rgba(0,119,204,.1)}.euiDataGridColumnSorting__field:disabled{cursor:not-allowed;text-decoration:none;color:#abb4c4}.euiDataGridColumnSorting__name{padding-right:24px}@media only screen and (max-width:574px){.euiDataGridColumnSorting__name{padding-right:4px}}@media only screen and (min-width:575px) and (max-width:767px){.euiDataGridColumnSorting__name{padding-right:4px}}.euiDataGridColumnSorting__order{min-width:200px}@media only screen and (max-width:574px){.euiDataGridColumnSorting__order{min-width:unset}}@media only screen and (min-width:575px) and (max-width:767px){.euiDataGridColumnSorting__order{min-width:unset}}.euiDataGridColumnSorting__order .euiButtonGroup__buttons{border:none}.euiDataGridColumnSorting__order .euiButtonGroupButton{font-size:12px}.euiDataGrid__displayPopoverPanel{width:416px}.euiDataGrid__keyboardShortcuts{display:block;max-inline-size:400px;max-block-size:80vh;overflow-y:auto;overflow-block:auto}.euiDataGrid__keyboardShortcuts .euiDescriptionList{row-gap:0}.euiDataGrid--fontSizeLarge .euiDataGridRowCell{font-size:16px;font-size:1.1428571429rem;line-height:1.7142857143rem}

package/es/components/basic_table/in_memory_table.js

@@ -946,7 +946,8 @@ EuiInMemoryTable.propTypes = {
       searchThreshold: PropTypes.number,
       available: PropTypes.func,
       autoClose: PropTypes.bool,
-      operator: PropTypes.oneOf(["eq", "exact", "gt", "gte", "lt", "lte"])
+      operator: PropTypes.oneOf(["eq", "exact", "gt", "gte", "lt", "lte"]),
+      autoSortOptions: PropTypes.bool
     }).isRequired, PropTypes.shape({
       type: PropTypes.oneOf(["field_value_toggle"]).isRequired,
       field: PropTypes.string.isRequired,

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

@@ -122,6 +122,7 @@ EuiDataGridCellContent.propTypes = {
        * This can be used to display a readable column name in column hiding/sorting, where `display` won't be used.
        * This will also be used as a `title` attribute that will display on mouseover (useful if the display text is being truncated by the column width).
        * If not passed, `id` will be shown as the column name.
+       * Passing this together with `display` is useful to ensure an accessible label is added to the column.
        */
     displayAsText: PropTypes.string,
     /**
@@ -1013,6 +1014,7 @@ EuiDataGridCell.propTypes = {
        * This can be used to display a readable column name in column hiding/sorting, where `display` won't be used.
        * This will also be used as a `title` attribute that will display on mouseover (useful if the display text is being truncated by the column width).
        * If not passed, `id` will be shown as the column name.
+       * Passing this together with `display` is useful to ensure an accessible label is added to the column.
        */
     displayAsText: PropTypes.string,
     /**

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

@@ -16,6 +16,8 @@ import React, { useEffect, useState, useMemo } from 'react';
 import PropTypes from "prop-types";
 import { tabbable } from 'tabbable';
 import { keys } from '../../../../services';
+import { useGeneratedHtmlId } from '../../../../services/accessibility';
+import { isDOMNode } from '../../../../utils';
 import { EuiFocusTrap } from '../../../focus_trap';
 import { EuiScreenReaderOnly } from '../../../accessibility';
 import { EuiI18n } from '../../../i18n';
@@ -35,7 +37,8 @@ export var HandleInteractiveChildren = function HandleInteractiveChildren(_ref)
   var cellEl = _ref.cellEl,
     children = _ref.children,
     updateCellFocusContext = _ref.updateCellFocusContext,
-    renderFocusTrap = _ref.renderFocusTrap;
+    renderFocusTrap = _ref.renderFocusTrap,
+    onInteractiveChildrenFound = _ref.onInteractiveChildrenFound;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     hasInteractiveChildren = _useState2[0],
@@ -44,12 +47,11 @@ export var HandleInteractiveChildren = function HandleInteractiveChildren(_ref)
   // On mount, disable all interactive children
   useEffect(function () {
     if (cellEl) {
-      var interactiveChildren = disableInteractives(cellEl);
-      if (renderFocusTrap) {
-        setHasInteractiveChildren(interactiveChildren.length > 0);
-      }
+      var interactives = disableInteractives(cellEl);
+      onInteractiveChildrenFound === null || onInteractiveChildrenFound === void 0 || onInteractiveChildrenFound(interactives);
+      setHasInteractiveChildren(interactives.length > 0);
     }
-  }, [cellEl, renderFocusTrap]);
+  }, [cellEl, onInteractiveChildrenFound]);
 
   // Ensure that any interactive children that are clicked update the latest cell focus context
   useEffect(function () {
@@ -83,7 +85,8 @@ export var HandleInteractiveChildren = function HandleInteractiveChildren(_ref)
 HandleInteractiveChildren.propTypes = {
   cellEl: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.oneOf([null])]),
   updateCellFocusContext: PropTypes.func.isRequired,
-  renderFocusTrap: PropTypes.bool
+  renderFocusTrap: PropTypes.bool,
+  onInteractiveChildrenFound: PropTypes.func
 };
 export var FocusTrappedChildren = function FocusTrappedChildren(_ref2) {
   var cellEl = _ref2.cellEl,
@@ -92,6 +95,24 @@ export var FocusTrappedChildren = function FocusTrappedChildren(_ref2) {
     _useState4 = _slicedToArray(_useState3, 2),
     isCellEntered = _useState4[0],
     setIsCellEntered = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isExited = _useState6[0],
+    setExited = _useState6[1];
+  var keyboardHintAriaId = useGeneratedHtmlId({
+    prefix: 'euiDataGridCellHeader',
+    suffix: 'keyboardHint'
+  });
+  var exitedHintAriaId = useGeneratedHtmlId({
+    prefix: 'euiDataGridCellHeader',
+    suffix: 'exited'
+  });
+
+  // direct DOM manipulation as workaround to attach required hints
+  useEffect(function () {
+    var currentAriaDescribedbyId = cellEl.getAttribute('aria-describedby');
+    cellEl.setAttribute('aria-describedby', "".concat(currentAriaDescribedbyId, " ").concat(exitedHintAriaId, " ").concat(keyboardHintAriaId, " "));
+  }, [cellEl, keyboardHintAriaId, exitedHintAriaId]);
   useEffect(function () {
     if (isCellEntered) {
       enableAndFocusInteractives(cellEl);
@@ -111,28 +132,52 @@ export var FocusTrappedChildren = function FocusTrappedChildren(_ref2) {
           event.preventDefault();
           setIsCellEntered(function (isCellEntered) {
             if (isCellEntered === true) {
+              setExited(true);
               requestAnimationFrame(function () {
                 return cellEl.focus();
               }); // move focus to cell
               return false;
+            } else if (
+            // when opened content is closed, we don't want Escape to return to the cell
+            // immediately but instead return focus to a trigger as expected
+            isCellEntered === false && isDOMNode(event.target) && isDOMNode(event.currentTarget) && event.currentTarget.contains(event.target)) {
+              return true;
             }
             return isCellEntered;
           });
           break;
       }
     };
+
+    // ensures the SR text is reset when navigating to a different cell
+    var onBlur = function onBlur() {
+      return setExited(false);
+    };
     cellEl.addEventListener('keyup', onKeyUp);
+    cellEl.addEventListener('blur', onBlur);
     return function () {
       cellEl.removeEventListener('keyup', onKeyUp);
+      cellEl.removeEventListener('blur', onBlur);
     };
   }, [cellEl]);
   return ___EmotionJSX(EuiFocusTrap, {
     disabled: !isCellEntered,
+    clickOutsideDisables: true,
     onDeactivation: function onDeactivation() {
       return setIsCellEntered(false);
-    },
-    clickOutsideDisables: true
-  }, children, ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("p", null, ' - ', ___EmotionJSX(EuiI18n
+    }
+  }, children, ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("p", {
+    id: exitedHintAriaId,
+    "aria-hidden": "true"
+  }, isExited && ___EmotionJSX(EuiI18n
+  // eslint-disable-next-line local/i18n
+  , {
+    token: "euiDataGridCell.focusTrapExitPrompt",
+    default: "Exited cell content."
+  }))), ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("p", {
+    id: keyboardHintAriaId,
+    "aria-hidden": "true"
+  }, !isCellEntered && ___EmotionJSX(EuiI18n
   // eslint-disable-next-line local/i18n
   , {
     token: "euiDataGridCell.focusTrapEnterPrompt",
@@ -158,7 +203,8 @@ var enableAndFocusInteractives = function enableAndFocusInteractives(cell) {
   var interactives = cell.querySelectorAll('[data-euigrid-tab-managed]');
   interactives.forEach(function (element, i) {
     element.setAttribute('tabIndex', '0');
-    if (i === 0) {
+    // focus the first element only if we're on the cell and not inside of it
+    if (i === 0 && !cell.contains(document.activeElement)) {
       element.focus();
     }
   });

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

@@ -102,6 +102,7 @@ EuiDataGridBody.propTypes = {
        * This can be used to display a readable column name in column hiding/sorting, where `display` won't be used.
        * This will also be used as a `title` attribute that will display on mouseover (useful if the display text is being truncated by the column width).
        * If not passed, `id` will be shown as the column name.
+       * Passing this together with `display` is useful to ensure an accessible label is added to the column.
        */
     displayAsText: PropTypes.string,
     /**

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

@@ -250,6 +250,7 @@ EuiDataGridBodyCustomRender.propTypes = {
        * This can be used to display a readable column name in column hiding/sorting, where `display` won't be used.
        * This will also be used as a `title` attribute that will display on mouseover (useful if the display text is being truncated by the column width).
        * If not passed, `id` will be shown as the column name.
+       * Passing this together with `display` is useful to ensure an accessible label is added to the column.
        */
     displayAsText: PropTypes.string,
     /**

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

@@ -390,6 +390,7 @@ EuiDataGridBodyVirtualized.propTypes = {
        * This can be used to display a readable column name in column hiding/sorting, where `display` won't be used.
        * This will also be used as a `title` attribute that will display on mouseover (useful if the display text is being truncated by the column width).
        * If not passed, `id` will be shown as the column name.
+       * Passing this together with `display` is useful to ensure an accessible label is added to the column.
        */
     displayAsText: PropTypes.string,
     /**