@elastic/eui 95.7.0 → 95.8.0-backport.0

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;-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;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}.euiCheckbox{position:relative}.euiCheckbox .euiCheckbox__input{width:16px;height:16px;top:3px;cursor:pointer;position:absolute;opacity:0;z-index:1}.euiCheckbox .euiCheckbox__input~.euiCheckbox__label{display:inline-block;padding-left:24px;line-height:24px;font-size:14px;position:relative;z-index:2;cursor:pointer}.euiCheckbox .euiCheckbox__input+.euiCheckbox__square{padding:7px;border:1px solid #939496;background:#fff no-repeat 50%;border-radius:4px;transition:background-color .15s ease-in,border-color .15s ease-in;display:inline-block;position:absolute;left:0;top:3px}.euiCheckbox .euiCheckbox__input:checked+.euiCheckbox__square{border-color:#07c;background-color:#07c;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3E%3Cpath d='M.875 3.625l3 3m0 0l5.25-5.25' fill='none' stroke='%23FFF' stroke-linecap='round' stroke-width='1.5'/%3E%3C/svg%3E")}.euiCheckbox .euiCheckbox__input:indeterminate+.euiCheckbox__square{border-color:#07c;background-color:#07c;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M0 0h6v6H0z'/%3E%3C/svg%3E")}.euiCheckbox .euiCheckbox__input:focus+.euiCheckbox__square{outline:2px solid currentColor;border-color:#07c}.euiCheckbox .euiCheckbox__input:focus+.euiCheckbox__square:focus-visible{outline-style:auto}.euiCheckbox .euiCheckbox__input:focus+.euiCheckbox__square:not(:focus-visible){outline:none}.euiCheckbox .euiCheckbox__input[readonly],.euiCheckbox .euiCheckbox__input[readonly]~.euiCheckbox__label{cursor:default!important}.euiCheckbox .euiCheckbox__input[readonly]:focus+.euiCheckbox__square{outline-color:#939496!important;border-color:#939496}.euiCheckbox .euiCheckbox__input[disabled]{cursor:not-allowed!important}.euiCheckbox .euiCheckbox__input[disabled]~.euiCheckbox__label{color:#98a2b3;cursor:not-allowed!important}.euiCheckbox .euiCheckbox__input[disabled]+.euiCheckbox__square{border-color:#d3dae6;background-color:#d3dae6;box-shadow:none}.euiCheckbox .euiCheckbox__input:checked[disabled]+.euiCheckbox__square{border-color:#d3dae6;background-color:#d3dae6;box-shadow:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3E%3Cpath d='M.875 3.625l3 3m0 0l5.25-5.25' fill='none' stroke='%235E646F' stroke-linecap='round' stroke-width='1.5'/%3E%3C/svg%3E")}.euiCheckbox .euiCheckbox__input:indeterminate[disabled]+.euiCheckbox__square{border-color:#d3dae6;background-color:#d3dae6;box-shadow:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath fill='%235E646F' fill-rule='evenodd' d='M0 0h6v6H0z'/%3E%3C/svg%3E")}.euiCheckbox.euiCheckbox--noLabel{min-height:16px;min-width:16px}.euiCheckbox.euiCheckbox--noLabel .euiCheckbox__input,.euiCheckbox.euiCheckbox--noLabel .euiCheckbox__square{top:0}.euiCheckbox.euiCheckbox--noLabel .euiCheckbox__input{margin:0}.euiDescribedFormGroup{max-width:800px}.euiDescribedFormGroup+*{margin-top:24px}.euiDescribedFormGroup.euiDescribedFormGroup--fullWidth{max-width:100%}.euiDescribedFormGroup .euiDescribedFormGroup__description{padding-top:8px}.euiDescribedFormGroup .euiDescribedFormGroup__fields{min-width:0}.euiDescribedFormGroup .euiDescribedFormGroup__fields>.euiFormRow--hasEmptyLabelSpace:first-child,.euiDescribedFormGroup .euiDescribedFormGroup__fields>.euiFormRow:first-child:not(.euiFormRow--hasLabel){margin-top:0}.euiDescribedFormGroup .euiDescribedFormGroup__fields>.euiFormRow--hasEmptyLabelSpace:first-child:before,.euiDescribedFormGroup .euiDescribedFormGroup__fields>.euiFormRow:first-child:not(.euiFormRow--hasLabel):before{content:""}.euiDescribedFormGroup__descriptionColumn{min-width:min(20rem,50%)}.euiForm__error{font-size:14px;font-size:1rem;line-height:1.7142857143rem;list-style:disc}.euiForm__errors{margin-bottom:16px}.euiFormControlLayout{max-width:400px;width:100%;height:40px}.euiFormControlLayout--fullWidth{max-width:100%}.euiFormControlLayout--compressed{height:32px}.euiFormControlLayout--inGroup{height:100%}.euiFormControlLayout--1icons{--eui-form-control-layout-icons-padding:34px;padding-right:34px}.euiFormControlLayout--1icons[class*=compressed]{--eui-form-control-layout-icons-padding:26px;padding-right:26px}.euiFormControlLayout--2icons{--eui-form-control-layout-icons-padding:56px;padding-right:56px}.euiFormControlLayout--2icons[class*=compressed]{--eui-form-control-layout-icons-padding:44px;padding-right:44px}.euiFormControlLayout--3icons{--eui-form-control-layout-icons-padding:78px;padding-right:78px}.euiFormControlLayout--3icons[class*=compressed]{--eui-form-control-layout-icons-padding:62px;padding-right:62px}.euiFormControlLayout--4icons{--eui-form-control-layout-icons-padding:100px;padding-right:100px}.euiFormControlLayout--4icons[class*=compressed]{--eui-form-control-layout-icons-padding:80px;padding-right:80px}.euiFormControlLayout--5icons{--eui-form-control-layout-icons-padding:122px;padding-right:122px}.euiFormControlLayout--5icons[class*=compressed]{--eui-form-control-layout-icons-padding:98px;padding-right:98px}.euiFormControlLayout__childrenWrapper{position:relative}.euiFormControlLayout--group{background-color:#fbfcfd;background-repeat:no-repeat;background-size:0 100%;box-shadow:0 0 transparent,inset 0 0 0 1px rgba(17,42,134,.1);transition:box-shadow .15s ease-in,background-image .15s ease-in,background-size .15s ease-in,background-color .15s ease-in;display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch;padding:1px}@supports (-moz-appearance:none){.euiFormControlLayout--group{transition-property:box-shadow,background-image,background-size}}.euiFormControlLayout--group .euiButtonEmpty,.euiFormControlLayout--group .euiButtonIcon,.euiFormControlLayout--group .euiFormLabel,.euiFormControlLayout--group .euiText,.euiFormControlLayout--group>*{height:100%}.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper{-webkit-flex-grow:1;flex-grow:1;overflow:hidden}.euiFormControlLayout--group .euiFormControlLayout__append,.euiFormControlLayout--group .euiFormControlLayout__prepend{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;-webkit-flex-shrink:0;flex-shrink:0;height:100%;border-radius:0}.euiFormControlLayout--group .euiFormControlLayout__append.euiIcon,.euiFormControlLayout--group .euiFormControlLayout__append .euiIcon,.euiFormControlLayout--group .euiFormControlLayout__prepend.euiIcon,.euiFormControlLayout--group .euiFormControlLayout__prepend .euiIcon{padding:0 8px;width:32px;border-radius:0;background-color:#e9edf3}.euiFormControlLayout--group .euiFormControlLayout__append.euiButtonEmpty,.euiFormControlLayout--group .euiFormControlLayout__append .euiButtonEmpty,.euiFormControlLayout--group .euiFormControlLayout__append.euiButtonIcon,.euiFormControlLayout--group .euiFormControlLayout__append .euiButtonIcon,.euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonEmpty,.euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonEmpty,.euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonIcon,.euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonIcon{-webkit-transform:none!important;transform:none!important}.euiFormControlLayout--group .euiFormControlLayout__append.euiButtonEmpty .euiIcon,.euiFormControlLayout--group .euiFormControlLayout__append .euiButtonEmpty .euiIcon,.euiFormControlLayout--group .euiFormControlLayout__append.euiButtonIcon .euiIcon,.euiFormControlLayout--group .euiFormControlLayout__append .euiButtonIcon .euiIcon,.euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonEmpty .euiIcon,.euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonEmpty .euiIcon,.euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonIcon .euiIcon,.euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonIcon .euiIcon{background:none!important;padding:0;width:16px}.euiFormControlLayout--group .euiButtonIcon{padding:0 8px;width:32px;border-radius:0}.euiFormControlLayout--group .euiButtonIcon:not(:focus){background-color:#e9edf3}.euiFormControlLayout--group .euiButtonIcon:focus-visible{outline:2px solid #0071c2;outline-offset:-2px}.euiFormControlLayout--group .euiToolTipAnchor>.euiIcon{height:100%;background-color:#e9edf3;padding:0 8px;width:32px;border-radius:0}.euiFormControlLayout--group>.euiFormControlLayout__append,.euiFormControlLayout--group>.euiFormControlLayout__prepend{max-width:50%}.euiFormControlLayout--group .euiFormLabel,.euiFormControlLayout--group .euiText:not(.euiFormControlLayoutDelimited__delimiter){background-color:#e9edf3;padding:12px;line-height:16px!important;cursor:default!important}.euiFormControlLayout--group .euiFormLabel+:not(.euiFormControlLayout__childrenWrapper):not(input),.euiFormControlLayout--group .euiText:not(.euiFormControlLayoutDelimited__delimiter)+:not(.euiFormControlLayout__childrenWrapper):not(input),.euiFormControlLayout--group>:not(.euiFormControlLayout__childrenWrapper)+.euiFormLabel,.euiFormControlLayout--group>:not(.euiFormControlLayout__childrenWrapper)+.euiText{margin-left:-12px}.euiFormControlLayout--group .euiButtonEmpty{border-right:none}.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper~* .euiButtonEmpty,.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper~.euiButtonEmpty{border-right:none;border-left:none}.euiFormControlLayout--group.euiFormControlLayout--compressed{background-color:#fbfcfd;background-repeat:no-repeat;background-size:0 100%;box-shadow:inset 0 0 0 1px rgba(17,42,134,.1);transition:box-shadow .15s ease-in,background-image .15s ease-in,background-size .15s ease-in,background-color .15s ease-in;border-radius:3px;overflow:hidden}@supports (-moz-appearance:none){.euiFormControlLayout--group.euiFormControlLayout--compressed{transition-property:box-shadow,background-image,background-size}}.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormLabel,.euiFormControlLayout--group.euiFormControlLayout--compressed .euiText:not(.euiFormControlLayoutDelimited__delimiter){padding:8px}.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormLabel+:not(.euiFormControlLayout__childrenWrapper),.euiFormControlLayout--group.euiFormControlLayout--compressed .euiText:not(.euiFormControlLayoutDelimited__delimiter)+:not(.euiFormControlLayout__childrenWrapper),.euiFormControlLayout--group.euiFormControlLayout--compressed>:not(.euiFormControlLayout__childrenWrapper)+.euiFormLabel,.euiFormControlLayout--group.euiFormControlLayout--compressed>:not(.euiFormControlLayout__childrenWrapper)+.euiText{margin-left:-8px}.euiFormControlLayout--group.euiFormControlLayout--readOnly{cursor:default;background:#e9edf3;border-color:transparent;box-shadow:inset 0 0 0 1px #e9edf3}.euiFormControlLayout--group.euiFormControlLayout--readOnly input{background-color:#fff}.euiFormControlLayoutDelimited{background-color:#fbfcfd;background-repeat:no-repeat;background-size:0 100%;box-shadow:0 0 transparent,inset 0 0 0 1px rgba(17,42,134,.1);transition:box-shadow .15s ease-in,background-image .15s ease-in,background-size .15s ease-in,background-color .15s ease-in;display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch;padding:1px}@supports (-moz-appearance:none){.euiFormControlLayoutDelimited{transition-property:box-shadow,background-image,background-size}}.euiFormControlLayoutDelimited>.euiFormControlLayout__childrenWrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;background-color:#fbfcfd}.euiFormControlLayoutDelimited[class*="--compressed"]{background-color:#fbfcfd;background-repeat:no-repeat;background-size:0 100%;box-shadow:inset 0 0 0 1px rgba(17,42,134,.1);transition:box-shadow .15s ease-in,background-image .15s ease-in,background-size .15s ease-in,background-color .15s ease-in;border-radius:3px}@supports (-moz-appearance:none){.euiFormControlLayoutDelimited[class*="--compressed"]{transition-property:box-shadow,background-image,background-size}}.euiFormControlLayoutDelimited[class*="--fullWidth"] .euiFormControlLayout__childrenWrapper,.euiFormControlLayoutDelimited[class*="--fullWidth"] .euiFormControlLayout__childrenWrapper>:not(.euiFormControlLayoutDelimited__delimiter):not(.euiFormControlLayoutIcons){width:100%;max-width:none}.euiFormControlLayoutDelimited[class*=-isDisabled]{color:#98a2b3;-webkit-text-fill-color:#98a2b3;cursor:not-allowed;background:#eef2f7;box-shadow:inset 0 0 0 1px rgba(17,42,134,.1)}.euiFormControlLayoutDelimited[class*=-isDisabled]::-webkit-input-placeholder{color:#98a2b3;opacity:1}.euiFormControlLayoutDelimited[class*=-isDisabled]::-moz-placeholder{color:#98a2b3;opacity:1}.euiFormControlLayoutDelimited[class*=-isDisabled]::placeholder{color:#98a2b3;opacity:1}.euiFormControlLayoutDelimited[class*=-isDisabled] .euiFormControlLayout__childrenWrapper{background-color:#eef2f7}.euiFormControlLayoutDelimited[class*="--readOnly"]{cursor:default;color:#343741;-webkit-text-fill-color:#343741;background:#fff;border-color:transparent;box-shadow:inset 0 0 0 1px rgba(17,42,134,.1)}.euiFormControlLayoutDelimited[class*="--readOnly"] .euiFormControlLayout__childrenWrapper{background-color:#fff}.euiFormControlLayoutDelimited--isInvalid .euiFormControlLayout__childrenWrapper{background-image:linear-gradient(0deg,#bd271e,#bd271e 2px,transparent 0,transparent);background-size:100%}.euiFormControlLayoutDelimited__input{box-shadow:none!important;border-radius:0!important;text-align:center;height:100%;min-width:0}.euiFormControlLayoutDelimited__delimiter{-webkit-align-self:stretch;align-self:stretch;-webkit-flex-grow:0;flex-grow:0;line-height:1}.euiFormControlLayoutDelimited__delimiter,.euiFormControlLayoutIcons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.euiFormControlLayoutIcons{pointer-events:none}.euiFormControlLayoutIcons>*+*{margin-left:6px}.euiFormControlLayoutIcons--absolute{position:absolute;top:0;bottom:0;left:12px}.euiFormControlLayout--compressed .euiFormControlLayoutIcons--absolute{left:8px}.euiFormControlLayoutIcons--static{position:static;height:100%;-webkit-align-self:stretch;align-self:stretch;-webkit-flex-grow:0;flex-grow:0;padding-inline:12px}.euiFormControlLayout--compressed .euiFormControlLayoutIcons--static{padding-inline:8px}.euiFormControlLayoutIcons--left{z-index:1}.euiFormControlLayoutIcons--right{left:auto;right:12px}.euiFormControlLayout--compressed .euiFormControlLayoutIcons--right{left:auto;right:8px}:disabled+.euiFormControlLayoutIcons{cursor:not-allowed;color:#98a2b3}.euiFormControlLayoutClearButton{width:16px;height:16px;pointer-events:all;background-color:#98a2b3;border-radius:16px;line-height:0}.euiFormControlLayoutClearButton:focus{outline:2px solid currentColor}.euiFormControlLayoutClearButton:focus:focus-visible{outline-style:auto}.euiFormControlLayoutClearButton:focus:not(:focus-visible){outline:none}.euiFormControlLayoutClearButton .euiFormControlLayoutClearButton__icon{width:8px;height:8px;fill:#fff;stroke:#fff;stroke-width:2px}.euiFormControlLayoutClearButton--small{width:12px;height:12px;pointer-events:all;background-color:#98a2b3;border-radius:12px;line-height:0}.euiFormControlLayoutClearButton--small:focus{outline:2px solid currentColor}.euiFormControlLayoutClearButton--small:focus:focus-visible{outline-style:auto}.euiFormControlLayoutClearButton--small:focus:not(:focus-visible){outline:none}.euiFormControlLayoutClearButton--small .euiFormControlLayoutClearButton__icon{width:6px;height:6px;fill:#fff;stroke:#fff;stroke-width:4px}.euiFormControlLayoutCustomIcon{pointer-events:none;font-size:0}.euiFormControlLayoutCustomIcon--clickable{width:16px;height:16px;pointer-events:all}.euiFormControlLayoutCustomIcon--clickable .euiFormControlLayoutCustomIcon__icon{vertical-align:baseline;-webkit-transform:none;transform:none}.euiFormControlLayoutCustomIcon--clickable:focus{outline:2px solid currentColor}.euiFormControlLayoutCustomIcon--clickable:focus:focus-visible{outline-style:auto}.euiFormControlLayoutCustomIcon--clickable:focus:not(:focus-visible){outline:none}.euiFormControlLayoutCustomIcon--clickable:disabled{cursor:not-allowed;color:#98a2b3}.euiFormErrorText{padding-top:4px;color:#bd271e}.euiFormErrorText,.euiFormLegend{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiFormLegend{overflow-wrap:break-word!important;word-break:break-word;color:#1a1c21;font-weight:600}.euiFormLegend:not(.euiFormLegend-isHidden){margin-bottom:8px}.euiFormLegend:not(.euiFormLegend-isHidden).euiFormLegend--compressed{margin-bottom:4px}.euiFormHelpText{padding-top:4px;color:#69707d}.euiFormHelpText,.euiFormLabel{font-size:12px;font-size:.8571428571rem;line-height:1.1428571429rem}.euiFormLabel{overflow-wrap:break-word!important;word-break:break-word;color:#1a1c21;font-weight:600;display:inline-block;transition:all .15s cubic-bezier(.694,.0482,.335,1)}.euiFormLabel.euiFormLabel-isInvalid{color:#bd271e}.euiFormLabel.euiFormLabel-isFocused{color:#07c}.euiFormLabel[for]{cursor:pointer}.euiFormLabel[for].euiFormLabel-isDisabled{cursor:default}.euiFormRow{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;max-width:400px}.euiFormRow+.euiButton,.euiFormRow+.euiFormRow{margin-top:16px}.euiFormRow--fullWidth{max-width:100%}.euiFormRow--hasEmptyLabelSpace{margin-top:20px;min-height:40px;padding-bottom:0;-webkit-justify-content:center;justify-content:center}.euiFormRow__labelWrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:4px}.euiFormRow--horizontal{-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;align-items:stretch}.euiFormRow--horizontal .euiFormRow__label{-webkit-hyphens:auto;hyphens:auto}.euiFormRow--horizontal .euiFormRow__labelWrapper{display:block;line-height:31px;width:calc(33% - 8px);margin-right:8px;margin-bottom:0}.euiFormRow--horizontal .euiFormRow__fieldWrapper{width:67%}.euiFormRow--horizontal+.euiFormRow--horizontal{margin-top:8px}.euiFormRow--horizontal+.euiFormRow--horizontal.euiFormRow--hasSwitch{margin-top:12px}.euiFormRow--horizontal.euiFormRow--hasSwitch .euiFormRow__labelWrapper{line-height:19px;width:auto;min-width:calc(33% - 8px)}.euiFormRow--horizontal.euiFormRow--hasSwitch .euiFormRow__fieldWrapper{width:auto}.euiFormRow--horizontal.euiFormRow--hasSwitch .euiFormRow__fieldWrapper .euiSwitch--compressed{margin-top:2px}.euiFormRow--horizontal.euiFormRow--hasSwitch+.euiFormRow--horizontal{margin-top:12px}.euiFormRow__fieldWrapperDisplayOnly{min-height:40px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.euiFormRow--compressed.euiFormRow--hasEmptyLabelSpace,.euiFormRow--compressed .euiFormRow__fieldWrapperDisplayOnly{min-height:32px}.euiRadio{position:relative}.euiRadio .euiRadio__input{width:16px;height:16px;top:3px;cursor:pointer;position:absolute;opacity:0;z-index:1}.euiRadio .euiRadio__input~.euiRadio__label{display:inline-block;padding-left:24px;line-height:24px;font-size:14px;position:relative;z-index:2;cursor:pointer}.euiRadio .euiRadio__input+.euiRadio__circle{padding:7px;border:1px solid #939496;background:#fff no-repeat 50%;border-radius:14px;transition:background-color .15s ease-in,border-color .15s ease-in;display:inline-block;position:absolute;left:0;top:3px}.euiRadio .euiRadio__input:checked+.euiRadio__circle{border-color:#07c;background-color:#07c;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='8' cy='11' r='3' fill='%23FFF' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E")}.euiRadio .euiRadio__input[disabled]{cursor:not-allowed!important}.euiRadio .euiRadio__input[disabled]~.euiRadio__label{color:#98a2b3;cursor:not-allowed!important}.euiRadio .euiRadio__input[disabled]+.euiRadio__circle{border-color:#d3dae6;background-color:#d3dae6;box-shadow:none}.euiRadio .euiRadio__input:checked[disabled]+.euiRadio__circle{border-color:#d3dae6;background-color:#d3dae6;box-shadow:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='8' cy='11' r='3' fill='%235E646F' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E")}.euiRadio .euiRadio__input:focus+.euiRadio__circle{outline:2px solid currentColor;border-color:#07c}.euiRadio .euiRadio__input:focus+.euiRadio__circle:focus-visible{outline-style:auto}.euiRadio .euiRadio__input:focus+.euiRadio__circle:not(:focus-visible){outline:none}.euiRadio.euiRadio--noLabel{min-height:16px;min-width:16px}.euiRadio.euiRadio--noLabel .euiRadio__circle,.euiRadio.euiRadio--noLabel .euiRadio__input{top:0}.euiRadio.euiRadio--noLabel .euiRadio__input{margin:0}.euiSwitch{position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:flex-start;align-items:flex-start;min-height:20px}.euiSwitch .euiSwitch__label{cursor:pointer;padding-left:8px;line-height:20px;font-size:14px;vertical-align:middle;display:inline-block}.euiSwitch .euiSwitch__button{-webkit-flex-shrink:0;flex-shrink:0;line-height:0}.euiSwitch .euiSwitch__button:focus .euiSwitch__track{outline:2px solid currentColor;outline-offset:2px;border-color:#07c}.euiSwitch .euiSwitch__button:focus .euiSwitch__track:focus-visible{outline-style:auto}.euiSwitch .euiSwitch__button:focus .euiSwitch__track:not(:focus-visible){outline:none}.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__body{background-color:rgba(105,112,125,.75)}.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__thumb{left:0}.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__icon{right:-8px}.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__icon.euiSwitch__icon--checked{right:auto;left:-34px}.euiSwitch .euiSwitch__button:disabled:hover,.euiSwitch .euiSwitch__button:disabled~.euiSwitch__label:hover{cursor:not-allowed}.euiSwitch .euiSwitch__button:disabled .euiSwitch__body{background-color:rgba(211,218,230,.5)}.euiSwitch .euiSwitch__button:disabled .euiSwitch__thumb{background-color:transparent;border-color:rgba(105,112,125,.5);box-shadow:none}.euiSwitch .euiSwitch__button:disabled .euiSwitch__icon{fill:#69707d}.euiSwitch .euiSwitch__button:disabled+.euiSwitch__label{color:#98a2b3}.euiSwitch .euiSwitch__body{pointer-events:none;width:44px;height:20px;background-color:#07c;display:inline-block;position:relative;border-radius:20px;vertical-align:middle}.euiSwitch .euiSwitch__thumb{padding:9px;border:1px solid #939496;background:#fff no-repeat 50%;border-radius:18px;transition:background-color .15s ease-in,border-color .15s ease-in;position:absolute;display:inline-block;left:24px;transition:border-color .25s cubic-bezier(.34,1.61,.7,1),background-color .25s cubic-bezier(.34,1.61,.7,1),left .25s cubic-bezier(.34,1.61,.7,1),-webkit-transform .25s cubic-bezier(.34,1.61,.7,1);transition:border-color .25s cubic-bezier(.34,1.61,.7,1),background-color .25s cubic-bezier(.34,1.61,.7,1),left .25s cubic-bezier(.34,1.61,.7,1),transform .25s cubic-bezier(.34,1.61,.7,1);transition:border-color .25s cubic-bezier(.34,1.61,.7,1),background-color .25s cubic-bezier(.34,1.61,.7,1),left .25s cubic-bezier(.34,1.61,.7,1),transform .25s cubic-bezier(.34,1.61,.7,1),-webkit-transform .25s cubic-bezier(.34,1.61,.7,1)}.euiSwitch .euiSwitch__track{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;border-radius:20px}.euiSwitch .euiSwitch__icon{position:absolute;right:-34px;top:2px;bottom:0;width:42px;height:16px;transition:left .25s cubic-bezier(.34,1.61,.7,1),right .25s cubic-bezier(.34,1.61,.7,1);fill:#fff}.euiSwitch .euiSwitch__icon--checked{right:auto;left:-8px;fill:#fff}.euiSwitch:hover .euiSwitch__button:not(:disabled) .euiSwitch__thumb{-webkit-transform:scale(1.05);transform:scale(1.05)}.euiSwitch:hover .euiSwitch__button:active .euiSwitch__thumb{-webkit-transform:scale(.95);transform:scale(.95)}.euiSwitch.euiSwitch--compressed{min-height:16px}.euiSwitch.euiSwitch--compressed .euiSwitch__label{line-height:16px}.euiSwitch.euiSwitch--compressed .euiSwitch__body{width:28px;height:16px;border-radius:16px}.euiSwitch.euiSwitch--compressed .euiSwitch__thumb{padding:6px;border:1px solid #939496;background:#fff no-repeat 50%;border-radius:12px;transition:background-color .15s ease-in,border-color .15s ease-in;left:13px;top:1px;transition:border-color .25s cubic-bezier(.34,1.61,.7,1),background-color .25s cubic-bezier(.34,1.61,.7,1),left .25s cubic-bezier(.34,1.61,.7,1),-webkit-transform .25s cubic-bezier(.34,1.61,.7,1);transition:border-color .25s cubic-bezier(.34,1.61,.7,1),background-color .25s cubic-bezier(.34,1.61,.7,1),left .25s cubic-bezier(.34,1.61,.7,1),transform .25s cubic-bezier(.34,1.61,.7,1);transition:border-color .25s cubic-bezier(.34,1.61,.7,1),background-color .25s cubic-bezier(.34,1.61,.7,1),left .25s cubic-bezier(.34,1.61,.7,1),transform .25s cubic-bezier(.34,1.61,.7,1),-webkit-transform .25s cubic-bezier(.34,1.61,.7,1)}.euiSwitch.euiSwitch--compressed .euiSwitch__track{border-radius:16px}.euiSwitch.euiSwitch--mini{min-height:10px}.euiSwitch.euiSwitch--mini .euiSwitch__label{line-height:10px;font-size:12px}.euiSwitch.euiSwitch--mini .euiSwitch__body{width:22px;height:10px;border-radius:10px}.euiSwitch.euiSwitch--mini .euiSwitch__thumb{padding:3px;border:1px solid #939496;background:#fff no-repeat 50%;border-radius:6px;transition:background-color .15s ease-in,border-color .15s ease-in;left:13px;top:1px;transition:border-color .25s cubic-bezier(.34,1.61,.7,1),background-color .25s cubic-bezier(.34,1.61,.7,1),left .25s cubic-bezier(.34,1.61,.7,1),-webkit-transform .25s cubic-bezier(.34,1.61,.7,1);transition:border-color .25s cubic-bezier(.34,1.61,.7,1),background-color .25s cubic-bezier(.34,1.61,.7,1),left .25s cubic-bezier(.34,1.61,.7,1),transform .25s cubic-bezier(.34,1.61,.7,1);transition:border-color .25s cubic-bezier(.34,1.61,.7,1),background-color .25s cubic-bezier(.34,1.61,.7,1),left .25s cubic-bezier(.34,1.61,.7,1),transform .25s cubic-bezier(.34,1.61,.7,1),-webkit-transform .25s cubic-bezier(.34,1.61,.7,1)}.euiSwitch.euiSwitch--mini .euiSwitch__track{border-radius:10px}.euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=false] .euiSwitch__thumb,.euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=false] .euiSwitch__thumb{left:1px}.euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=false] .euiSwitch__thumb,.euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=true]:disabled .euiSwitch__thumb,.euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=false] .euiSwitch__thumb,.euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=true]:disabled .euiSwitch__thumb{border-color:rgba(105,112,125,.5)}.euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=true] .euiSwitch__thumb,.euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=true] .euiSwitch__thumb{border-color:#07c}.euiDataGrid--fontSizeLarge .euiDataGridRowCell{font-size:16px;font-size:1.1428571429rem;line-height:1.7142857143rem}.euiFormControlLayout--group{border-radius:6px;background-color:#e9edf3}.euiFormControlLayout--group .euiFormControlLayout__prepend:first-child,.euiFormControlLayout--group .euiFormControlLayout__prepend:first-child [class*=euiButton]{border-radius:5px 0 0 5px}.euiFormControlLayout--group .euiFormControlLayout__append:last-child,.euiFormControlLayout--group .euiFormControlLayout__append:last-child [class*=euiButton]{border-radius:0 5px 5px 0}.euiFormControlLayout--group [class*=euiButton]:focus{outline:2px solid currentColor;outline-offset:-2px}.euiFormControlLayout--group [class*=euiButton]:focus:focus-visible{outline-style:auto}.euiFormControlLayout--group [class*=euiButton]:focus:not(:focus-visible){outline:none}.euiFormControlLayout--group .euiToolTipAnchor>.euiIcon{border-radius:0 5px 5px 0}.euiFormControlLayout--group .euiToolTipAnchor:first-child [class*=euiButton]{border-radius:5px 0 0 5px}.euiFormControlLayout--group .euiToolTipAnchor:last-child .euiText,.euiFormControlLayout--group .euiToolTipAnchor:last-child [class*=euiButton]{border-radius:0 5px 5px 0}.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:nth-child(2) [class*=euiField],.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:nth-child(3) [class*=euiField]{border-radius:0}.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child .euiSelect,.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child .euiSuperSelectControl,.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child [class*=euiField]{border-radius:6px 0 0 6px}.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:last-child .euiSelect,.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:last-child .euiSuperSelectControl,.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:last-child [class*=euiField]{border-radius:0 6px 6px 0}.euiFormControlLayout--group.euiFormControlLayout--compressed{border-radius:4px;background-color:#e9edf3}.euiFormControlLayout--group.euiFormControlLayout--compressed.euiFormControlLayout--readOnly input{background-color:#fff}.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend:first-child{border-radius:3px 0 0 3px}.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend:first-child [class*=euiButton]{border-radius:4px 0 0 4px}.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append:last-child,.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append:last-child [class*=euiButton],.euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor>.euiIcon{border-radius:0 3px 3px 0}.euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:first-child [class*=euiButton]{border-radius:3px 0 0 3px}.euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:last-child .euiText,.euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:last-child [class*=euiButton]{border-radius:0 3px 3px 0}.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:nth-child(2) [class*=euiField],.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:nth-child(3) [class*=euiField]{border-radius:0}.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:first-child .euiSelect,.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:first-child [class*=euiField]{border-radius:3px 0 0 3px}.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:last-child .euiSelect,.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:last-child [class*=euiField]{border-radius:0 3px 3px 0}.euiFormControlLayoutDelimited{border-radius:6px}.euiFormControlLayoutDelimited.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child{border-radius:6px 0 0 6px}.euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper:only-child{border-radius:6px;overflow:hidden}.euiFormControlLayoutDelimited .euiFormControlLayout__prepend+.euiFormControlLayout__childrenWrapper:last-child{border-radius:0 6px 6px 0}.euiFormControlLayoutDelimited.euiFormControlLayout--compressed.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child{border-radius:4px 0 0 4px}.euiFormControlLayoutDelimited.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:only-child{border-radius:4px;overflow:hidden}.euiFormControlLayoutDelimited.euiFormControlLayout--compressed .euiFormControlLayout__prepend+.euiFormControlLayout__childrenWrapper:last-child{border-radius:0 4px 4px 0}.euiRadio .euiRadio__input:focus+.euiRadio__circle,.euiRadio .euiRadio__input:focus:focus-visible+.euiRadio__circle{outline:2px solid #0071c2;outline-offset:2px}.euiRadio .euiRadio__input:focus:not(:focus-visible)+.euiRadio__circle{outline:none}.euiCheckbox .euiCheckbox__input:focus+.euiCheckbox__square,.euiCheckbox .euiCheckbox__input:focus:focus-visible+.euiCheckbox__square{outline:2px solid #0071c2;outline-offset:2px}.euiCheckbox .euiCheckbox__input:focus:not(:focus-visible)+.euiCheckbox__square{outline:none}.euiSwitch .euiSwitch__button:focus{outline:2px solid currentColor;outline-offset:2px}.euiSwitch .euiSwitch__button:focus:focus-visible{outline-style:auto}.euiSwitch .euiSwitch__button:focus .euiSwitch__track,.euiSwitch .euiSwitch__button:focus:not(:focus-visible){outline:none}
+@-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}

package/es/components/combo_box/combo_box_input/combo_box_input.js

@@ -250,13 +250,14 @@ export var EuiComboBoxInput = /*#__PURE__*/function (_Component) {
       return ___EmotionJSX(RenderWithEuiStylesMemoizer, null, function (stylesMemoizer) {
         var styles = stylesMemoizer(euiComboBoxInputStyles);
         var cssStyles = [styles.euiComboBoxInputWrapper, !singleSelection && styles.multiSelect, compressed ? styles.compressed : styles.uncompressed].concat(_toConsumableArray(_this2.asPlainText || showPlaceholder ? [styles.plainText.plainText, compressed ? styles.plainText.compressed : styles.plainText.uncompressed] : []), [isDisabled ? styles.disabled : isInvalid ? styles.invalid : isListOpen ? styles.open : undefined, isInGroup && styles.inGroup]);
-        var formLayoutStyles = [styles.formLayout.euiComboBox__formControlLayout, !singleSelection && styles.formLayout.multiSelect, isInGroup && !append && styles.formLayout.prependOnly, isInGroup && !prepend && styles.formLayout.appendOnly];
+        var formLayoutStyles = [styles.formLayout.euiComboBox__formControlLayout, !singleSelection && styles.formLayout.multiSelect];
         return ___EmotionJSX(EuiFormControlLayout, _extends({
           icon: icon
         }, clickProps, {
           inputId: id,
           isLoading: isLoading,
           isInvalid: isInvalid,
+          isDisabled: isDisabled,
           compressed: compressed,
           fullWidth: fullWidth,
           prepend: prepend,

package/es/components/combo_box/combo_box_input/combo_box_input.styles.js

@@ -50,11 +50,7 @@ export var euiComboBoxInputStyles = function euiComboBoxInputStyles(euiThemeCont
     formLayout: {
       euiComboBox__formControlLayout: /*#__PURE__*/css(";label:euiComboBox__formControlLayout;"),
       // Allow the form control to expand to any height to accommodate multiple rows of pills
-      // TODO: Remove && specificity override once EuiFormControlLayout is on Emotion
-      multiSelect: /*#__PURE__*/css("&&{", logicalCSS('height', 'auto'), ";};label:multiSelect;"),
-      // Fix overflowing input wrapper background
-      prependOnly: /*#__PURE__*/css(".euiFormControlLayout__childrenWrapper{", logicalCSS('border-top-right-radius', 'inherit'), " ", logicalCSS('border-bottom-right-radius', 'inherit'), ";};label:prependOnly;"),
-      appendOnly: /*#__PURE__*/css(".euiFormControlLayout__childrenWrapper{", logicalCSS('border-top-left-radius', 'inherit'), " ", logicalCSS('border-bottom-left-radius', 'inherit'), ";};label:appendOnly;")
+      multiSelect: /*#__PURE__*/css(logicalCSS('height', 'auto'), ";;label:multiSelect;")
     }
   };
 };

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

@@ -159,8 +159,7 @@ export var useDataGridColumnSelector = function useDataGridColumnSelector(availa
           label: displayValues[id] || id,
           showLabel: false,
           checked: visibleColumnIds.has(id),
-          compressed: true,
-          className: "euiSwitch--mini",
+          mini: true,
           onChange: function onChange(event) {
             var checked = event.target.checked;
             var nextVisibleColumns = sortedColumns.filter(function (columnId) {

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

@@ -182,7 +182,7 @@ describe('EuiDataGrid', function () {
     it('has zero violations when the columns reorder searchbox returns multiple results', function () {
       cy.get('button[data-test-subj="dataGridColumnSelectorButton"]').realClick();
       cy.get('input[data-test-subj="dataGridColumnSelectorSearch"]').type('a');
-      cy.get('div.euiSwitch--compressed').should(function ($s) {
+      cy.get('.euiSwitch').should(function ($s) {
         expect($s).to.have.length(5);
       });
       cy.checkAxe();
@@ -190,7 +190,7 @@ describe('EuiDataGrid', function () {
     it('has zero violations when the columns reorder searchbox returns 1 result', function () {
       cy.get('button[data-test-subj="dataGridColumnSelectorButton"]').realClick();
       cy.get('input[data-test-subj="dataGridColumnSelectorSearch"]').type('favorite');
-      cy.get('div.euiSwitch--compressed').should(function ($s) {
+      cy.get('.euiSwitch').should(function ($s) {
         expect($s).to.have.length(1);
       });
       cy.checkAxe();

package/es/components/date_picker/date_picker.js

@@ -2,10 +2,14 @@ var _excluded = ["adjustDateOnChange", "calendarClassName", "className", "compre
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
 /*
@@ -106,14 +110,13 @@ export var EuiDatePicker = function EuiDatePicker(_ref) {
     timeFormat = _ref$timeFormat === void 0 ? euiDatePickerDefaultTimeFormat : _ref$timeFormat,
     utcOffset = _ref.utcOffset,
     rest = _objectWithoutProperties(_ref, _excluded);
+  // Check for whether the passed `selected` moment date is valid
+  var isInvalid = _isInvalid || ((selected === null || selected === void 0 ? void 0 : selected.isValid()) === false ? true : undefined);
   var styles = useEuiMemoizedStyles(euiDatePickerStyles);
-  var cssStyles = [styles.euiDatePicker, inline && styles.inline, inline && shadow && styles.shadow];
+  var cssStyles = [styles.euiDatePicker].concat(_toConsumableArray(inline ? [styles.inline.inline, isInvalid && !(disabled || readOnly) && styles.inline.invalid, shadow ? styles.inline.shadow : styles.inline.noShadow, disabled && styles.inline.disabled, readOnly && styles.inline.readOnly] : []));
   var calendarStyles = useEuiMemoizedStyles(euiReactDatePickerStyles);
   var classes = classNames('euiDatePicker', className);
 
-  // Check for whether the passed `selected` moment date is valid
-  var isInvalid = _isInvalid || ((selected === null || selected === void 0 ? void 0 : selected.isValid()) === false ? true : undefined);
-
   // Passed to the default EuiFieldText input, not passed to custom inputs
   var defaultInputProps = !inline && !customInput ? {
     compressed: compressed,
@@ -204,11 +207,8 @@ export var EuiDatePicker = function EuiDatePicker(_ref) {
     isInvalid: isInvalid,
     isDisabled: disabled,
     readOnly: readOnly,
-    className: classNames({
-      // Take advantage of `euiFormControlLayoutDelimited`'s replacement input styling
-      euiFormControlLayoutDelimited: inline,
-      'euiFormControlLayoutDelimited--isInvalid': inline && isInvalid && !disabled && !readOnly
-    }),
+    isDelimited: inline // Styling shortcut for inline calendars
+    ,
     iconsPosition: inline ? 'static' : undefined
   }, control));
 };

package/es/components/date_picker/date_picker.styles.js

@@ -10,6 +10,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { css } from '@emotion/react';
 import { logicalCSS } from '../../global_styling';
 import { euiShadowMedium } from '../../themes/amsterdam/global_styling/mixins';
+import { euiFormControlDisabledStyles, euiFormControlReadOnlyStyles, euiFormControlDefaultShadow, euiFormControlInvalidStyles } from '../form/form.styles';
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1gj9wh1-euiDatePicker",
   styles: "display:block;label:euiDatePicker;"
@@ -22,7 +23,18 @@ export var euiDatePickerStyles = function euiDatePickerStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   return {
     euiDatePicker: _ref,
-    inline: /*#__PURE__*/css(".euiFormControlLayout{", logicalCSS('height', 'auto'), " ", logicalCSS('width', 'fit-content'), " background-color:transparent;box-shadow:none;padding:0;}.euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper{background-color:transparent;flex-direction:column;}.euiFormControlLayoutIcons{justify-content:center;", logicalCSS('padding-bottom', euiTheme.size.s), ";};label:inline;"),
-    shadow: /*#__PURE__*/css(".euiFormControlLayout{", euiShadowMedium(euiThemeContext), ";}.euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper{background-color:", euiTheme.colors.emptyShade, ";};label:shadow;")
+    inline: {
+      inline: /*#__PURE__*/css(".euiFormControlLayout{", logicalCSS('height', 'auto'), " ", logicalCSS('width', 'fit-content'), " box-shadow:none;padding:0;}.euiFormControlLayout__childrenWrapper{flex-direction:column;}.euiFormControlLayoutIcons{justify-content:center;", logicalCSS('padding-bottom', euiTheme.size.s), ";};label:inline;"),
+      // Skip css`` to avoid generating an Emotion className
+      noShadow: "\n        .euiFormControlLayout {\n          background-color: transparent;\n        }\n      ",
+      shadow: /*#__PURE__*/css(".euiFormControlLayout{background-color:", euiTheme.colors.emptyShade, ";", euiShadowMedium(euiThemeContext), ";};label:shadow;"),
+      // Needs to come before shadow CSS so that it doesn't override their background-colors
+      invalid: /*#__PURE__*/css(".euiFormControlLayout{", euiFormControlDefaultShadow(euiThemeContext, {
+        withBorder: false
+      }), " ", euiFormControlInvalidStyles(euiThemeContext), ";};label:invalid;"),
+      // Should come after shadow CSS to override their background-colors
+      disabled: /*#__PURE__*/css(".euiFormControlLayout{", euiFormControlDisabledStyles(euiThemeContext), ";};label:disabled;"),
+      readOnly: /*#__PURE__*/css(".euiFormControlLayout{", euiFormControlReadOnlyStyles(euiThemeContext), ";};label:readOnly;")
+    }
   };
 };

package/es/components/date_picker/date_picker_range.js

@@ -114,7 +114,8 @@ export var EuiDatePickerRange = function EuiDatePickerRange(_ref) {
     isInvalid: isInvalid,
     isLoading: isLoading,
     append: inline ? undefined : append,
-    prepend: inline ? undefined : prepend
+    prepend: inline ? undefined : prepend,
+    css: inline && !disabled && (shadow ? inlineStyles.formLayout.shadow : inlineStyles.formLayout.noShadow)
   }));
 };
 EuiDatePickerRange.propTypes = {

package/es/components/date_picker/date_picker_range.styles.js

@@ -1,3 +1,4 @@
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -12,6 +13,14 @@ import { euiShadowMedium } from '../../themes/amsterdam/global_styling/mixins';
 export var euiDatePickerRangeStyles = {
   euiDatePickerRange: /*#__PURE__*/css(".euiPopover,.react-datepicker__input-container,.euiDatePicker{", logicalCSS('height', '100%'), ";};label:euiDatePickerRange;")
 };
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "bicgs9-noShadow",
+  styles: "background-color:transparent;label:noShadow;"
+} : {
+  name: "bicgs9-noShadow",
+  styles: "background-color:transparent;label:noShadow;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
 export var euiDatePickerRangeInlineStyles = function euiDatePickerRangeInlineStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
 
@@ -23,9 +32,15 @@ export var euiDatePickerRangeInlineStyles = function euiDatePickerRangeInlineSty
     return "\n    display: block;\n    container-type: inline-size;\n\n    .euiFormControlLayout__childrenWrapper {\n      /* Use static px widths for now, since render behavior comes from a third party library */\n      @container (max-width: ".concat(datePickerWidth * 2 + delimiterWidth, "px) {\n        /* Unset grid display */\n        display: block !important;\n\n        /* Center and point the default delimiter arrow downwards */\n        .euiFormControlLayoutDelimited__delimiter .euiIcon {\n          transform: rotate(90deg);\n          margin-inline: auto;\n        }\n      }\n    }");
   };
   return {
-    euiDatePickerRangeInline: /*#__PURE__*/css(".euiFormControlLayoutDelimited{", logicalCSS('height', 'auto'), " ", logicalCSS('width', 'fit-content'), " ", logicalCSS('max-width', '100%'), " background-color:transparent;box-shadow:none;padding:0;.euiFormControlLayout__childrenWrapper{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;align-items:stretch;background-color:transparent;}&.euiFormControlLayout--group{&>*,.euiFormControlLayoutDelimited__delimiter{", logicalCSS('height', 'auto'), ";}}.euiFormControlLayoutIcons{justify-content:center;grid-column:1/span 3;", logicalCSS('height', 'auto'), " ", logicalCSS('padding-bottom', euiTheme.size.s), ";}}.react-datepicker{position:relative;};label:euiDatePickerRangeInline;"),
+    euiDatePickerRangeInline: /*#__PURE__*/css(".euiFormControlLayoutDelimited{", logicalCSS('height', 'auto'), " ", logicalCSS('width', 'fit-content'), " ", logicalCSS('max-width', '100%'), " box-shadow:none;padding:0;.euiFormControlLayout__childrenWrapper{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;align-items:stretch;background-color:transparent;}.euiFormControlLayoutIcons{justify-content:center;grid-column:1/span 3;", logicalCSS('height', 'auto'), " ", logicalCSS('padding-bottom', euiTheme.size.s), ";}}.react-datepicker{position:relative;};label:euiDatePickerRangeInline;"),
     responsive: /*#__PURE__*/css(containerQuery(268), ";;label:responsive;"),
     responsiveWithTimeSelect: /*#__PURE__*/css(containerQuery(374), ";;label:responsiveWithTimeSelect;"),
-    shadow: /*#__PURE__*/css(".euiFormControlLayoutDelimited{", euiShadowMedium(euiThemeContext), " .euiFormControlLayout__childrenWrapper{background-color:", euiTheme.colors.emptyShade, ";}};label:shadow;")
+    shadow: /*#__PURE__*/css(".euiFormControlLayoutDelimited{", euiShadowMedium(euiThemeContext), ";};label:shadow;"),
+    // Applied directly to EuiFormControlLayout so we can check if `disabled`
+    // and allow the disabled background-color to take precedence
+    formLayout: {
+      noShadow: _ref,
+      shadow: /*#__PURE__*/css("background-color:", euiTheme.colors.emptyShade, ";;label:shadow;")
+    }
   };
 };

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

@@ -1,4 +1,9 @@
+var _excluded = ["isDisabled"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
@@ -281,7 +286,7 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
         compressed: compressed,
         isInvalid: isInvalid,
         isLoading: isLoading && !showUpdateButton,
-        disabled: !!isDisabled,
+        isDisabled: !!isDisabled,
         prepend: _this.renderQuickSelect(),
         append: autoRefreshAppend,
         fullWidth: true,
@@ -312,9 +317,16 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
         })));
       }
       var rangeCssStyles = [styles.euiSuperDatePicker__range, formControlLayoutProps.css];
+
+      // EuiFormControlLayout wants `isDisabled`, EuiDatePickerRange wants `disabled` :T
+      var _ = formControlLayoutProps.isDisabled,
+        _rangeProps = _objectWithoutProperties(formControlLayoutProps, _excluded);
+      var rangeProps = _objectSpread(_objectSpread({}, _rangeProps), {}, {
+        disabled: formControlLayoutProps.isDisabled
+      });
       return ___EmotionJSX(EuiI18nConsumer, null, function (_ref4) {
         var contextLocale = _ref4.locale;
-        return ___EmotionJSX(EuiDatePickerRange, _extends({}, formControlLayoutProps, {
+        return ___EmotionJSX(EuiDatePickerRange, _extends({}, rangeProps, {
           css: rangeCssStyles,
           isCustom: true,
           iconType: false,

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

@@ -42,7 +42,7 @@ export var euiSuperDatePickerStyles = function euiSuperDatePickerStyles(euiTheme
   var needsUpdatingBackgroundColor = colorMode === 'DARK' ? shade(euiTheme.colors.success, 0.7) : tint(euiTheme.colors.success, 0.9);
   var needsUpdatingTextColor = makeHighContrastColor(euiTheme.colors.success)(needsUpdatingBackgroundColor);
   return {
-    euiSuperDatePicker: /*#__PURE__*/css("display:flex;gap:", gap, ";", logicalCSS('max-width', '100%'), " ", euiMaxBreakpoint(euiThemeContext, 'm'), "{", logicalCSS('width', '100%'), ";}.euiFormControlLayout__childrenWrapper:last-child{", logicalCSS('border-top-right-radius', 'inherit'), " ", logicalCSS('border-bottom-right-radius', 'inherit'), ";};label:euiSuperDatePicker;"),
+    euiSuperDatePicker: /*#__PURE__*/css("display:flex;gap:", gap, ";", logicalCSS('max-width', '100%'), " ", euiMaxBreakpoint(euiThemeContext, 'm'), "{", logicalCSS('width', '100%'), ";};label:euiSuperDatePicker;"),
     widths: {
       restricted: /*#__PURE__*/css(logicalCSS('width', restrictedWidth), ";;label:restricted;"),
       full: /*#__PURE__*/css(logicalCSS('width', '100%'), ";;label:full;"),
@@ -62,9 +62,9 @@ export var euiSuperDatePickerStyles = function euiSuperDatePickerStyles(euiTheme
       full: "\n        label: isAutoRefreshOnly;\n        display: block;\n      "
     },
     // isQuickSelectOnly forces `width` to be `auto`
-    isQuickSelectOnly: /*#__PURE__*/css(logicalCSS('min-width', 0), ";;label:isQuickSelectOnly;"),
+    isQuickSelectOnly: /*#__PURE__*/css(logicalCSS('min-width', 0), ".euiFormControlLayout__prepend{", logicalCSS('max-width', 'none'), ";};label:isQuickSelectOnly;"),
     euiSuperDatePicker__range: _ref,
-    euiSuperDatePicker__rangeInput: /*#__PURE__*/css("flex-grow:1;", logicalCSS('width', 'auto !important'), ";;label:euiSuperDatePicker__rangeInput;"),
+    euiSuperDatePicker__rangeInput: /*#__PURE__*/css("flex-grow:1;", logicalCSS('width', 'auto'), ";;label:euiSuperDatePicker__rangeInput;"),
     euiSuperDatePicker__prettyFormat: /*#__PURE__*/css(_buttonStyles(euiThemeContext), " text-align:start;;label:euiSuperDatePicker__prettyFormat;"),
     // Form states
     states: {
@@ -72,7 +72,7 @@ export var euiSuperDatePickerStyles = function euiSuperDatePickerStyles(euiTheme
       default: /*#__PURE__*/css(".euiFormControlLayout__childrenWrapper{color:", forms.textColor, ";background-color:", forms.backgroundColor, ";}.euiDatePopoverButton{", euiFormControlDefaultShadow(euiThemeContext), " box-shadow:none;}.euiDatePopoverButton:focus,.euiPopover-isOpen .euiDatePopoverButton{--euiFormControlStateColor:", euiTheme.colors.primary, ";background-size:100% 100%;};label:default;"),
       disabled: /*#__PURE__*/css(".euiFormControlLayout__childrenWrapper{", euiFormControlDisabledStyles(euiThemeContext), ";};label:disabled;"),
       invalid: /*#__PURE__*/css(".euiFormControlLayout__childrenWrapper{color:", euiTheme.colors.dangerText, ";background-color:", forms.backgroundColor, ";", euiFormControlInvalidStyles(euiThemeContext), ";};label:invalid;"),
-      needsUpdating: /*#__PURE__*/css(".euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper{color:", needsUpdatingTextColor, ";background-color:", needsUpdatingBackgroundColor, ";}.euiFormControlLayoutDelimited__delimiter{color:inherit;}.euiDatePopoverButton{", euiFormControlDefaultShadow(euiThemeContext), " background-color:inherit;box-shadow:none;}.euiDatePopoverButton:focus,.euiPopover-isOpen .euiDatePopoverButton{--euiFormControlStateColor:", euiTheme.colors.success, ";background-size:100% 100%;};label:needsUpdating;")
+      needsUpdating: /*#__PURE__*/css(".euiFormControlLayout__childrenWrapper{color:", needsUpdatingTextColor, ";background-color:", needsUpdatingBackgroundColor, ";}.euiFormControlLayoutDelimited__delimiter{color:inherit;}.euiDatePopoverButton{", euiFormControlDefaultShadow(euiThemeContext), " background-color:inherit;box-shadow:none;}.euiDatePopoverButton:focus,.euiPopover-isOpen .euiDatePopoverButton{--euiFormControlStateColor:", euiTheme.colors.success, ";background-size:100% 100%;};label:needsUpdating;")
     }
   };
 };

package/es/components/form/checkbox/checkbox.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "css", "id", "checked", "label", "onChange", "type", "disabled", "indeterminate", "inputRef", "labelProps"];
+var _excluded = ["className", "id", "checked", "label", "onChange", "type", "disabled", "readOnly", "indeterminate", "inputRef", "labelProps"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
@@ -10,15 +10,15 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
  * Side Public License, v 1.
  */
 
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback } from 'react';
 import PropTypes from "prop-types";
-import { css } from '@emotion/react';
 import classNames from 'classnames';
-import { useCombinedRefs } from '../../../services';
+import { useCombinedRefs, useEuiMemoizedStyles } from '../../../services';
+import { EuiIcon } from '../../icon';
+import { euiCheckboxStyles } from './checkbox.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiCheckbox = function EuiCheckbox(_ref) {
   var className = _ref.className,
-    customCss = _ref.css,
     id = _ref.id,
     _ref$checked = _ref.checked,
     checked = _ref$checked === void 0 ? false : _ref$checked,
@@ -27,26 +27,19 @@ export var EuiCheckbox = function EuiCheckbox(_ref) {
     type = _ref.type,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     _ref$indeterminate = _ref.indeterminate,
     indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
     inputRef = _ref.inputRef,
     labelProps = _ref.labelProps,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var classes = classNames('euiCheckbox', {
-    'euiCheckbox--noLabel': !label
-  }, className);
-  var styles = {
-    euiCheckbox: /*#__PURE__*/css(";label:euiCheckbox;")
-  }; // TODO: Emotion conversion
-  var cssStyles = [styles.euiCheckbox, customCss];
-  var optionalLabel = useMemo(function () {
-    if (!label) return;
-    var labelClasses = classNames('euiCheckbox__label', labelProps === null || labelProps === void 0 ? void 0 : labelProps.className);
-    return ___EmotionJSX("label", _extends({}, labelProps, {
-      className: labelClasses,
-      htmlFor: id
-    }), label);
-  }, [label, labelProps, id]);
+  var classes = classNames('euiCheckbox', className);
+  var styles = useEuiMemoizedStyles(euiCheckboxStyles);
+  var inputStyles = [styles.input.euiCheckbox__square, disabled ? checked || indeterminate ? styles.input.disabled.selected : styles.input.disabled.unselected : checked || indeterminate ? styles.input.enabled.selected : styles.input.enabled.unselected, readOnly && styles.input.readOnly];
+  var labelClasses = classNames('euiCheckbox__label', labelProps === null || labelProps === void 0 ? void 0 : labelProps.className);
+  var labelStyles = [styles.label.euiCheckbox__label, disabled ? styles.label.disabled : styles.label.enabled, readOnly && styles.label.readOnly, labelProps === null || labelProps === void 0 ? void 0 : labelProps.css];
+  var iconStyles = [styles.input.icon.euiCheckbox__icon, indeterminate ? styles.input.icon.indeterminate : styles.input.icon.check];
 
   // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes
   var setIndeterminateState = useCallback(function (input) {
@@ -54,19 +47,29 @@ export var EuiCheckbox = function EuiCheckbox(_ref) {
   }, [indeterminate]);
   var refs = useCombinedRefs([inputRef, setIndeterminateState]);
   return ___EmotionJSX("div", {
-    css: cssStyles,
+    css: styles.euiCheckbox,
     className: classes
-  }, ___EmotionJSX("input", _extends({
+  }, ___EmotionJSX("div", {
+    css: inputStyles,
+    className: "euiCheckbox__square"
+  }, ___EmotionJSX(EuiIcon, {
+    css: iconStyles,
+    type: indeterminate ? 'stopFilled' : checked ? 'check' : 'empty'
+  }), ___EmotionJSX("input", _extends({
+    css: styles.input.euiCheckbox__input,
     className: "euiCheckbox__input",
     type: "checkbox",
     id: id,
     checked: checked,
     onChange: onChange,
     disabled: disabled,
+    readOnly: readOnly,
     ref: refs
-  }, rest)), ___EmotionJSX("div", {
-    className: "euiCheckbox__square"
-  }), optionalLabel);
+  }, rest))), label && ___EmotionJSX("label", _extends({}, labelProps, {
+    css: labelStyles,
+    className: labelClasses,
+    htmlFor: id
+  }), label));
 };
 EuiCheckbox.propTypes = {
   id: PropTypes.string.isRequired,

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

@@ -0,0 +1,62 @@
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import { css } from '@emotion/react';
+import { euiFormCustomControlStyles, euiFormCustomControlVariables } from '../form.styles';
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1m8ob9b-readOnly",
+  styles: "cursor:default;label:readOnly;"
+} : {
+  name: "1m8ob9b-readOnly",
+  styles: "cursor:default;label:readOnly;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "u54glv-indeterminate",
+  styles: "transform:scale(0.5);label:indeterminate;"
+} : {
+  name: "u54glv-indeterminate",
+  styles: "transform:scale(0.5);label:indeterminate;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var euiCheckboxStyles = function euiCheckboxStyles(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  var controlStyles = euiFormCustomControlStyles(euiThemeContext);
+  var _euiFormCustomControl = euiFormCustomControlVariables(euiThemeContext),
+    unselectedBorder = _euiFormCustomControl.colors.unselectedBorder;
+  return {
+    euiCheckbox: /*#__PURE__*/css(controlStyles.wrapper, ";label:euiCheckbox;"),
+    input: {
+      euiCheckbox__square: /*#__PURE__*/css(controlStyles.input.fauxInput, " border-radius:", euiTheme.border.radius.small, ";;label:euiCheckbox__square;"),
+      enabled: {
+        selected: /*#__PURE__*/css(controlStyles.input.enabled.selected, ";label:selected;"),
+        unselected: /*#__PURE__*/css(controlStyles.input.enabled.unselected, ";label:unselected;")
+      },
+      disabled: {
+        selected: /*#__PURE__*/css(controlStyles.input.disabled.selected, ";label:selected;"),
+        unselected: /*#__PURE__*/css(controlStyles.input.disabled.unselected, ";label:unselected;")
+      },
+      // Readonly checkboxes are used by EuiMarkdownEditor
+      // Maintain the initial color to enforce that clicks are not doing anything
+      readOnly: /*#__PURE__*/css("&:has(input:focus-visible){outline:", euiTheme.focus.width, " solid ", unselectedBorder, ";}&:has(input:focus){border-color:", unselectedBorder, ";};label:readOnly;"),
+      icon: {
+        euiCheckbox__icon: /*#__PURE__*/css(";label:euiCheckbox__icon;"),
+        check: /*#__PURE__*/css(controlStyles.input.icon, " stroke:currentColor;;label:check;"),
+        indeterminate: _ref2
+      },
+      euiCheckbox__input: /*#__PURE__*/css(controlStyles.input.hiddenInput, " &[readonly]{cursor:default;};label:euiCheckbox__input;")
+    },
+    label: {
+      euiCheckbox__label: /*#__PURE__*/css(controlStyles.label.label, ";label:euiCheckbox__label;"),
+      enabled: controlStyles.label.enabled,
+      disabled: /*#__PURE__*/css(controlStyles.label.disabled, ";label:disabled;"),
+      readOnly: _ref
+    }
+  };
+};