@elastic/eui 76.0.2 → 76.2.0

package/dist/eui_theme_dark.css

@@ -3156,6 +3156,27 @@ The following files still use the Sass version:
   font-feature-settings: "tnum" 1;
 }
 
+.euiDataGrid__customRenderBody {
+  scrollbar-color: rgba(152, 162, 179, 0.5) #1D1E24;
+  scrollbar-width: thin;
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+}
+.euiDataGrid__customRenderBody::-webkit-scrollbar {
+  width: 16px;
+  height: 16px;
+}
+.euiDataGrid__customRenderBody::-webkit-scrollbar-thumb {
+  background-color: rgba(152, 162, 179, 0.5);
+  background-clip: content-box;
+  border-radius: 16px;
+  border: 6px solid #1D1E24;
+}
+.euiDataGrid__customRenderBody::-webkit-scrollbar-corner, .euiDataGrid__customRenderBody::-webkit-scrollbar-track {
+  background-color: #1D1E24;
+}
+
 .euiDataGrid__pagination {
   z-index: 2;
   padding-top: 4px;
@@ -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: #343741;
 }
 .euiDataGridRowCell:focus {
+  position: relative;
   outline: none;
 }
 .euiDataGridRowCell:focus::after {
@@ -5889,6 +5917,10 @@ The following files still use the Sass version:
   padding-top: 0; /* 1 */
   padding-bottom: 0; /* 1 */
 }
+.euiSuperSelectControl__placeholder {
+  color: #535966;
+  -webkit-text-fill-color: #535966;
+}
 .euiSuperSelectControl.euiSuperSelect--isOpen__button {
   background-color: #111216;
   background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
@@ -8851,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 {
@@ -8891,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;