@elastic/eui 65.0.1 → 67.0.0

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

@@ -712,7 +712,13 @@ EuiDataGridBody.propTypes = {
              * Pass-through ref reference specifically for targeting
              * instances where the item content is rendered as a `button`
              */
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+
+        /**
+             * Text to be displayed in the tooltip when `showToolTip` is true.
+             * By default the text will be same as the label text.
+             */
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -756,7 +762,8 @@ EuiDataGridBody.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -800,7 +807,8 @@ EuiDataGridBody.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -844,7 +852,8 @@ EuiDataGridBody.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -888,7 +897,8 @@ EuiDataGridBody.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -932,7 +942,8 @@ EuiDataGridBody.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired)
     }).isRequired]),
 

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

@@ -307,7 +307,13 @@ EuiDataGridCellContent.propTypes = {
              * Pass-through ref reference specifically for targeting
              * instances where the item content is rendered as a `button`
              */
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+
+        /**
+             * Text to be displayed in the tooltip when `showToolTip` is true.
+             * By default the text will be same as the label text.
+             */
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -351,7 +357,8 @@ EuiDataGridCellContent.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -395,7 +402,8 @@ EuiDataGridCellContent.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -439,7 +447,8 @@ EuiDataGridCellContent.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -483,7 +492,8 @@ EuiDataGridCellContent.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -527,7 +537,8 @@ EuiDataGridCellContent.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired)
     }).isRequired]),
 
@@ -1352,7 +1363,8 @@ EuiDataGridCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -1396,7 +1408,8 @@ EuiDataGridCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -1440,7 +1453,8 @@ EuiDataGridCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -1484,7 +1498,8 @@ EuiDataGridCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -1528,7 +1543,8 @@ EuiDataGridCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -1572,7 +1588,8 @@ EuiDataGridCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired)
     }).isRequired]),
 

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

@@ -379,7 +379,13 @@ EuiDataGridHeaderCell.propTypes = {
              * Pass-through ref reference specifically for targeting
              * instances where the item content is rendered as a `button`
              */
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+
+        /**
+             * Text to be displayed in the tooltip when `showToolTip` is true.
+             * By default the text will be same as the label text.
+             */
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -423,7 +429,8 @@ EuiDataGridHeaderCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -467,7 +474,8 @@ EuiDataGridHeaderCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -511,7 +519,8 @@ EuiDataGridHeaderCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -555,7 +564,8 @@ EuiDataGridHeaderCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -599,7 +609,8 @@ EuiDataGridHeaderCell.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired)
     }).isRequired]),
 

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

@@ -326,7 +326,13 @@ EuiDataGridHeaderRow.propTypes = {
              * Pass-through ref reference specifically for targeting
              * instances where the item content is rendered as a `button`
              */
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+
+        /**
+             * Text to be displayed in the tooltip when `showToolTip` is true.
+             * By default the text will be same as the label text.
+             */
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -370,7 +376,8 @@ EuiDataGridHeaderRow.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -414,7 +421,8 @@ EuiDataGridHeaderRow.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -458,7 +466,8 @@ EuiDataGridHeaderRow.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -502,7 +511,8 @@ EuiDataGridHeaderRow.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -546,7 +556,8 @@ EuiDataGridHeaderRow.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired)
     }).isRequired]),
 

package/lib/components/datagrid/data_grid.js

@@ -632,7 +632,13 @@ EuiDataGrid.propTypes = {
              * Pass-through ref reference specifically for targeting
              * instances where the item content is rendered as a `button`
              */
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+
+        /**
+             * Text to be displayed in the tooltip when `showToolTip` is true.
+             * By default the text will be same as the label text.
+             */
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -676,7 +682,8 @@ EuiDataGrid.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -720,7 +727,8 @@ EuiDataGrid.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -764,7 +772,8 @@ EuiDataGrid.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -808,7 +817,8 @@ EuiDataGrid.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -852,7 +862,8 @@ EuiDataGrid.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired)
     }).isRequired]),
 

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

@@ -426,7 +426,13 @@ EuiDataGridInMemoryRenderer.propTypes = {
              * Pass-through ref reference specifically for targeting
              * instances where the item content is rendered as a `button`
              */
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+
+        /**
+             * Text to be displayed in the tooltip when `showToolTip` is true.
+             * By default the text will be same as the label text.
+             */
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -470,7 +476,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -514,7 +521,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -558,7 +566,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -602,7 +611,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired]),
 
       /**
@@ -646,7 +656,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         }),
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
-        buttonRef: _propTypes.default.any
+        buttonRef: _propTypes.default.any,
+        toolTipText: _propTypes.default.string
       }).isRequired)
     }).isRequired]),
 

package/lib/components/date_picker/auto_refresh/auto_refresh.js

@@ -226,7 +226,12 @@ EuiAutoRefreshButton.propTypes = {
   /**
      * Object of props passed to the <span/> wrapping the button's content
      */
-  contentProps: _propTypes.default.any,
+  contentProps: _propTypes.default.shape({
+    className: _propTypes.default.string,
+    "aria-label": _propTypes.default.string,
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
+  }),
 
   /**
      * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)

package/lib/components/date_picker/react-datepicker/original.package.json

@@ -0,0 +1,124 @@
+{
+  "author": "HackerOne",
+  "name": "@elastic/react-datepicker",
+  "description": "Forked from Hacker0x01/react-datepicker for accessibility - simple and reusable datepicker component for React",
+  "private": true,
+  "version": "2.0.0",
+  "license": "MIT",
+  "homepage": "https://github.com/Hacker0x01/react-datepicker",
+  "main": "lib",
+  "files": [
+    "*.md",
+    "dist",
+    "datepicker-lib",
+    "es",
+    "src/stylesheets"
+  ],
+  "resolutions": {
+    "**/diff": "^3.5.0"
+  },
+  "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-eslint": "^8.0.2",
+    "babel-loader": "^6.2.10",
+    "babel-plugin-add-react-displayname": "^0.0.4",
+    "babel-plugin-external-helpers": "^6.22.0",
+    "babel-plugin-react-transform": "^3.0.0",
+    "babel-plugin-transform-class-properties": "^6.24.1",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.10",
+    "babel-polyfill": "^6.26.0",
+    "babel-preset-airbnb": "^2.4.0",
+    "babel-preset-env": "^1.6.1",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
+    "chai": "^3.5.0",
+    "cross-env": "^5.1.1",
+    "css-loader": "^1.0.0",
+    "enzyme": "^3.10.0",
+    "enzyme-adapter-react-16": "^1.14.0",
+    "eslint": "^4.18.2",
+    "eslint-plugin-import": "^2.8.0",
+    "eslint-plugin-node": "^5.2.1",
+    "eslint-plugin-promise": "^3.6.0",
+    "eslint-plugin-react": "^7.4.0",
+    "express": "^4.16.2",
+    "extract-text-webpack-plugin": "^1.0.1",
+    "flow-bin": "^0.68.0",
+    "highlight.js": "^9.12.0",
+    "husky": "^0.14.3",
+    "isparta-loader": "^2.0.0",
+    "karma": "^1.7.1",
+    "karma-chai": "^0.1.0",
+    "karma-coverage": "^1.1.1",
+    "karma-firefox-launcher": "^1.0.1",
+    "karma-mocha": "^1.3.0",
+    "karma-sinon": "^1.0.5",
+    "karma-sourcemap-loader": "^0.3.7",
+    "karma-webpack": "^2.0.5",
+    "lint-staged": "^6.0.0",
+    "lodash": "^4.17.13",
+    "mocha": "^4.0.1",
+    "moment": "^2.20.1",
+    "node-sass": "^4.13.1",
+    "npm-run-all": "^4.1.2",
+    "prettier": "^1.9.2",
+    "react": "^16.2.0",
+    "react-docgen": "^2.20.0",
+    "react-dom": "^16.2.0",
+    "react-test-renderer": "^16.8.6",
+    "react-transform-hmr": "^1.0.4",
+    "rimraf": "^2.6.2",
+    "rollup": "^0.62.0",
+    "rollup-plugin-babel": "^3.0.2",
+    "rollup-plugin-commonjs": "^8.2.6",
+    "rollup-plugin-node-resolve": "^3.0.0",
+    "rollup-plugin-uglify": "^2.0.1",
+    "sass-lint": "^1.12.1",
+    "sass-loader": "^4.1.1",
+    "sinon": "^4.1.2",
+    "style-loader": "^0.19.0",
+    "webpack": "^1.13.0",
+    "webpack-dev-middleware": "^1.12.0",
+    "webpack-dev-server": "^3.1.14",
+    "webpack-hot-middleware": "^2.20.0"
+  },
+  "peerDependencies": {
+    "moment": "^2.20.0",
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0"
+  },
+  "dependencies": {
+    "classnames": "^2.2.5",
+    "focus-trap-react": "^4.0.0",
+    "json-loader": "^0.5.7",
+    "prop-types": "^15.6.0",
+    "react-onclickoutside": "^6.7.1",
+    "react-popper": "^1.0.2"
+  },
+  "scripts": {
+    "eslint": "eslint {src,test,docs-site/src}/**/*.{js,jsx} *.js",
+    "flow": "flow",
+    "precommit": "lint-staged",
+    "sass-lint": "sass-lint --config .sass-lint.yml 'src/stylesheets/*.scss, docs-site/src/*.scss' -i 'docs-site/src/higlight.scss, docs-site/src/reset.scss'",
+    "lint": "run-p eslint flow sass-lint",
+    "start": "cross-env MODULES=false node server.js",
+    "test": "cross-env NODE_ENV=test karma start karma.conf.js --single-run",
+    "prepublish": "test $(npm -v | tr . '\\n' | head -n 1) -ge '4' || exit 1",
+    "prepare": "npm run build",
+    "prebuild": "rimraf es lib dist",
+    "build": "cross-env NODE_ENV=production run-p build:** && run-p css:**",
+    "build-dev": "cross-env NODE_ENV=development run-p build:** && run-p css:**",
+    "css:prod": "mkdir -p lib && node-sass --output-style compressed src/stylesheets/datepicker.scss > lib/react-datepicker.min.css",
+    "css:modules:prod": "mkdir -p lib && node-sass --output-style compressed src/stylesheets/datepicker-cssmodules.scss > lib/react-datepicker-cssmodules.min.css",
+    "css:dev": "mkdir -p lib && node-sass --output-style expanded src/stylesheets/datepicker.scss > lib/react-datepicker.css",
+    "css:modules:dev": "mkdir -p lib && node-sass --output-style expanded src/stylesheets/datepicker-cssmodules.scss > lib/react-datepicker-cssmodules.css",
+    "build:es": "cross-env BABEL_ENV=cjs rollup -c -i src/index.jsx -o ../react-datepicker.js",
+    "build:docs": "cross-env MODULES=false webpack --config webpack.docs.config.js"
+  },
+  "lint-staged": {
+    "*.{js,jsx,json,css,scss,md}": [
+      "prettier --write",
+      "git add"
+    ]
+  }
+}

package/lib/components/date_picker/super_date_picker/date_popover/date_popover_button.js

@@ -103,7 +103,12 @@ var EuiDatePopoverButton = function EuiDatePopoverButton(props) {
 exports.EuiDatePopoverButton = EuiDatePopoverButton;
 EuiDatePopoverButton.propTypes = {
   className: _propTypes.default.string,
-  buttonProps: _propTypes.default.any,
+  buttonProps: _propTypes.default.shape({
+    className: _propTypes.default.string,
+    "aria-label": _propTypes.default.string,
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
+  }),
   dateFormat: _propTypes.default.string.isRequired,
   isDisabled: _propTypes.default.bool,
   isInvalid: _propTypes.default.bool,

package/lib/components/description_list/description_list.js

@@ -23,7 +23,7 @@ var _description_list_context = require("./description_list_context");
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["align", "children", "className", "compressed", "descriptionProps", "listItems", "textStyle", "titleProps", "type"];
+var _excluded = ["align", "children", "className", "compressed", "descriptionProps", "listItems", "textStyle", "titleProps", "type", "gutterSize"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -47,6 +47,8 @@ var EuiDescriptionList = function EuiDescriptionList(_ref) {
       titleProps = _ref.titleProps,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'row' : _ref$type,
+      _ref$gutterSize = _ref.gutterSize,
+      gutterSize = _ref$gutterSize === void 0 ? 'm' : _ref$gutterSize,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var euiTheme = (0, _services.useEuiTheme)();
@@ -72,7 +74,8 @@ var EuiDescriptionList = function EuiDescriptionList(_ref) {
       type: type,
       compressed: compressed,
       textStyle: textStyle,
-      align: align
+      align: align,
+      gutterSize: gutterSize
     }
   }, (0, _react2.jsx)("dl", _extends({
     className: classes,
@@ -132,5 +135,10 @@ EuiDescriptionList.propTypes = {
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
     css: _propTypes.default.any
-  })
+  }),
+
+  /**
+     * Vertical spacing added between `EuiDescriptionList` elements
+     */
+  gutterSize: _propTypes.default.any
 };

package/lib/components/description_list/description_list_context.js

@@ -17,7 +17,8 @@ var _react = require("react");
 var contextDefaults = {
   type: 'row',
   textStyle: 'normal',
-  align: 'left'
+  align: 'left',
+  gutterSize: 'm'
 };
 exports.contextDefaults = contextDefaults;
 var EuiDescriptionListContext = /*#__PURE__*/(0, _react.createContext)(contextDefaults);

package/lib/components/description_list/description_list_description.js

@@ -56,7 +56,8 @@ var EuiDescriptionListDescription = function EuiDescriptionListDescription(_ref)
       type = _useContext.type,
       textStyle = _useContext.textStyle,
       compressed = _useContext.compressed,
-      align = _useContext.align;
+      align = _useContext.align,
+      gutterSize = _useContext.gutterSize;
 
   var theme = (0, _services.useEuiTheme)();
   var styles = (0, _description_list_description.euiDescriptionListDescriptionStyles)(theme);
@@ -73,6 +74,7 @@ var EuiDescriptionListDescription = function EuiDescriptionListDescription(_ref)
         conditionalStyles.push(styles.left);
       }
 
+      conditionalStyles.push(styles[gutterSize]);
       break;
   }