@elastic/eui 76.1.0 → 76.2.0

package/dist/eui_theme_light.css

@@ -3156,6 +3156,27 @@ The following files still use the Sass version:
   font-feature-settings: "tnum" 1;
 }
 
+.euiDataGrid__customRenderBody {
+  scrollbar-color: rgba(105, 112, 125, 0.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, 0.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;
@@ -3227,6 +3248,9 @@ The following files still use the Sass version:
   position: -webkit-sticky;
   position: sticky;
   top: 0;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
 }
 
 .euiDataGridHeaderCell {
@@ -3404,6 +3428,9 @@ The following files still use the Sass version:
 .euiDataGridFooter {
   display: -webkit-flex;
   display: flex;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
 }
 
 .euiDataGridRowCell.euiDataGridFooterCell {
@@ -3499,6 +3526,7 @@ The following files still use the Sass version:
   border-right-color: #D3DAE6;
 }
 .euiDataGridRowCell:focus {
+  position: relative;
   outline: none;
 }
 .euiDataGridRowCell:focus::after {
@@ -8855,14 +8883,10 @@ The following files still use the Sass version:
   height: 100%;
 }
 
-.euiSelectableList:focus-within {
+.euiSelectableList:has(:focus-visible) {
   outline: 2px solid currentColor;
-}
-.euiSelectableList:focus-within:focus-visible {
   outline-style: auto;
-}
-.euiSelectableList:focus-within:not(:focus-visible) {
-  outline: none;
+  outline-offset: 1px;
 }
 
 .euiSelectableList-fullHeight {
@@ -8895,6 +8919,9 @@ The following files still use the Sass version:
 .euiSelectableList__list::-webkit-scrollbar-corner, .euiSelectableList__list::-webkit-scrollbar-track {
   background-color: transparent;
 }
+.euiSelectableList__list:focus, .euiSelectableList__list > ul:focus {
+  outline: none;
+}
 
 .euiSelectableList__groupLabel {
   overflow-wrap: break-word !important;