@elastic/eui 62.2.1 → 64.0.0

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

@@ -159,6 +159,7 @@ EuiDataGridCellContent.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
 
         /**
              * Size of the label text
@@ -264,6 +265,7 @@ EuiDataGridCellContent.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -293,6 +295,7 @@ EuiDataGridCellContent.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -320,6 +323,7 @@ EuiDataGridCellContent.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -335,6 +339,7 @@ EuiDataGridCellContent.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -362,6 +367,7 @@ EuiDataGridCellContent.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -377,6 +383,7 @@ EuiDataGridCellContent.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -404,6 +411,7 @@ EuiDataGridCellContent.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -419,6 +427,7 @@ EuiDataGridCellContent.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -446,6 +455,7 @@ EuiDataGridCellContent.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -461,6 +471,7 @@ EuiDataGridCellContent.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -488,6 +499,7 @@ EuiDataGridCellContent.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -1285,6 +1297,7 @@ EuiDataGridCell.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -1312,6 +1325,7 @@ EuiDataGridCell.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -1327,6 +1341,7 @@ EuiDataGridCell.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -1354,6 +1369,7 @@ EuiDataGridCell.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -1369,6 +1385,7 @@ EuiDataGridCell.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -1396,6 +1413,7 @@ EuiDataGridCell.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -1411,6 +1429,7 @@ EuiDataGridCell.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -1438,6 +1457,7 @@ EuiDataGridCell.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -1453,6 +1473,7 @@ EuiDataGridCell.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -1480,6 +1501,7 @@ EuiDataGridCell.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -1495,6 +1517,7 @@ EuiDataGridCell.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -1522,6 +1545,7 @@ EuiDataGridCell.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),

package/es/components/datagrid/body/header/data_grid_header_cell.js

@@ -225,6 +225,7 @@ EuiDataGridHeaderCell.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
 
         /**
              * Size of the label text
@@ -330,6 +331,7 @@ EuiDataGridHeaderCell.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -359,6 +361,7 @@ EuiDataGridHeaderCell.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -386,6 +389,7 @@ EuiDataGridHeaderCell.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -401,6 +405,7 @@ EuiDataGridHeaderCell.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -428,6 +433,7 @@ EuiDataGridHeaderCell.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -443,6 +449,7 @@ EuiDataGridHeaderCell.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -470,6 +477,7 @@ EuiDataGridHeaderCell.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -485,6 +493,7 @@ EuiDataGridHeaderCell.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -512,6 +521,7 @@ EuiDataGridHeaderCell.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -527,6 +537,7 @@ EuiDataGridHeaderCell.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -554,6 +565,7 @@ EuiDataGridHeaderCell.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),

package/es/components/datagrid/body/header/data_grid_header_row.js

@@ -79,6 +79,7 @@ EuiDataGridHeaderRow.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   leadingControlColumns: PropTypes.arrayOf(PropTypes.shape({
     /**
        * Used as the React `key` when rendering content
@@ -183,6 +184,7 @@ EuiDataGridHeaderRow.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
 
         /**
              * Size of the label text
@@ -288,6 +290,7 @@ EuiDataGridHeaderRow.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -317,6 +320,7 @@ EuiDataGridHeaderRow.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -344,6 +348,7 @@ EuiDataGridHeaderRow.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -359,6 +364,7 @@ EuiDataGridHeaderRow.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -386,6 +392,7 @@ EuiDataGridHeaderRow.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -401,6 +408,7 @@ EuiDataGridHeaderRow.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -428,6 +436,7 @@ EuiDataGridHeaderRow.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -443,6 +452,7 @@ EuiDataGridHeaderRow.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -470,6 +480,7 @@ EuiDataGridHeaderRow.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -485,6 +496,7 @@ EuiDataGridHeaderRow.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -512,6 +524,7 @@ EuiDataGridHeaderRow.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),

package/es/components/datagrid/data_grid.js

@@ -409,6 +409,7 @@ EuiDataGrid.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
        * An array of #EuiDataGridColumn objects. Lists the columns available and the schema and settings tied to it.
@@ -475,6 +476,7 @@ EuiDataGrid.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
 
         /**
              * Size of the label text
@@ -580,6 +582,7 @@ EuiDataGrid.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -609,6 +612,7 @@ EuiDataGrid.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -636,6 +640,7 @@ EuiDataGrid.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -651,6 +656,7 @@ EuiDataGrid.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -678,6 +684,7 @@ EuiDataGrid.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -693,6 +700,7 @@ EuiDataGrid.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -720,6 +728,7 @@ EuiDataGrid.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -735,6 +744,7 @@ EuiDataGrid.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -762,6 +772,7 @@ EuiDataGrid.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -777,6 +788,7 @@ EuiDataGrid.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -804,6 +816,7 @@ EuiDataGrid.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),

package/es/components/datagrid/utils/in_memory.js

@@ -282,6 +282,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
 
         /**
              * Size of the label text
@@ -387,6 +388,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -416,6 +418,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -443,6 +446,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -458,6 +462,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -485,6 +490,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -500,6 +506,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -527,6 +534,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -542,6 +550,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -569,6 +578,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -584,6 +594,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -611,6 +622,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),

package/es/components/date_picker/auto_refresh/auto_refresh.js

@@ -212,10 +212,12 @@ EuiAutoRefreshButton.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
     ref: PropTypes.any,
     "data-text": PropTypes.string
   }),
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/date_picker/date_picker.js

@@ -216,6 +216,7 @@ EuiDatePicker.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * Applies classes to the numbered days provided. Check docs for example.

package/es/components/date_picker/date_picker_range.js

@@ -1,4 +1,4 @@
-var _excluded = ["children", "className", "startDateControl", "endDateControl", "iconType", "fullWidth", "isCustom", "readOnly", "isInvalid", "disabled"];
+var _excluded = ["children", "className", "startDateControl", "endDateControl", "iconType", "fullWidth", "isCustom", "readOnly", "isInvalid", "disabled", "onFocus", "onBlur"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -30,6 +30,8 @@ export var EuiDatePickerRange = function EuiDatePickerRange(_ref) {
       readOnly = _ref.readOnly,
       isInvalid = _ref.isInvalid,
       disabled = _ref.disabled,
+      _onFocus = _ref.onFocus,
+      _onBlur = _ref.onBlur,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var classes = classNames('euiDatePickerRange', {
@@ -49,7 +51,19 @@ export var EuiDatePickerRange = function EuiDatePickerRange(_ref) {
       readOnly: readOnly,
       disabled: disabled || startDateControl.props.disabled,
       isInvalid: isInvalid || startDateControl.props.isInvalid,
-      className: classNames('euiDatePickerRange__start', startDateControl.props.className)
+      className: classNames('euiDatePickerRange__start', startDateControl.props.className),
+      onBlur: function onBlur(event) {
+        var _startDateControl$pro, _startDateControl$pro2;
+
+        (_startDateControl$pro = startDateControl.props) === null || _startDateControl$pro === void 0 ? void 0 : (_startDateControl$pro2 = _startDateControl$pro.onBlur) === null || _startDateControl$pro2 === void 0 ? void 0 : _startDateControl$pro2.call(_startDateControl$pro, event);
+        _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(event);
+      },
+      onFocus: function onFocus(event) {
+        var _startDateControl$pro3, _startDateControl$pro4;
+
+        (_startDateControl$pro3 = startDateControl.props) === null || _startDateControl$pro3 === void 0 ? void 0 : (_startDateControl$pro4 = _startDateControl$pro3.onFocus) === null || _startDateControl$pro4 === void 0 ? void 0 : _startDateControl$pro4.call(_startDateControl$pro3, event);
+        _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(event);
+      }
     });
     endControl = /*#__PURE__*/cloneElement(endDateControl, {
       showIcon: false,
@@ -58,7 +72,19 @@ export var EuiDatePickerRange = function EuiDatePickerRange(_ref) {
       disabled: disabled || endDateControl.props.disabled,
       isInvalid: isInvalid || endDateControl.props.isInvalid,
       popoverPlacement: 'downRight',
-      className: classNames('euiDatePickerRange__end', endDateControl.props.className)
+      className: classNames('euiDatePickerRange__end', endDateControl.props.className),
+      onBlur: function onBlur(event) {
+        var _endDateControl$props, _endDateControl$props2;
+
+        (_endDateControl$props = endDateControl.props) === null || _endDateControl$props === void 0 ? void 0 : (_endDateControl$props2 = _endDateControl$props.onBlur) === null || _endDateControl$props2 === void 0 ? void 0 : _endDateControl$props2.call(_endDateControl$props, event);
+        _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(event);
+      },
+      onFocus: function onFocus(event) {
+        var _endDateControl$props3, _endDateControl$props4;
+
+        (_endDateControl$props3 = endDateControl.props) === null || _endDateControl$props3 === void 0 ? void 0 : (_endDateControl$props4 = _endDateControl$props3.onFocus) === null || _endDateControl$props4 === void 0 ? void 0 : _endDateControl$props4.call(_endDateControl$props3, event);
+        _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(event);
+      }
     });
   }
 
@@ -77,6 +103,7 @@ EuiDatePickerRange.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * Including any children will replace all innards with the provided children
@@ -117,5 +144,19 @@ EuiDatePickerRange.propTypes = {
      * Passes through to each control
      */
   readOnly: PropTypes.bool,
-  fullWidth: PropTypes.bool
+
+  /**
+     * Passes through to each control
+     */
+  fullWidth: PropTypes.bool,
+
+  /**
+     * Triggered whenever the start or end controls are blurred
+     */
+  onBlur: PropTypes.any,
+
+  /**
+     * Triggered whenever the start or end controls are focused
+     */
+  onFocus: PropTypes.any
 };