@elastic/eui 12.3.1 → 12.4.0

package/lib/components/form/range/range_thumb.js

@@ -38,15 +38,19 @@ var EuiRangeThumb = function EuiRangeThumb(_ref) {
     "aria-valuemax": max,
     "aria-valuenow": Number(value),
     "aria-disabled": !!disabled,
-    tabIndex: showInput || !!disabled ? '-1' : '0'
+    tabIndex: showInput || !!disabled ? -1 : 0
   }, rest));
 };
 
 exports.EuiRangeThumb = EuiRangeThumb;
 EuiRangeThumb.propTypes = {
+  className: _propTypes.default.string,
+  "aria-label": _propTypes.default.string,
+  "data-test-subj": _propTypes.default.string,
   min: _propTypes.default.number.isRequired,
   max: _propTypes.default.number.isRequired,
-  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  value: _propTypes.default.oneOfType([_propTypes.default.number.isRequired, _propTypes.default.string.isRequired]),
+  disabled: _propTypes.default.bool,
   showInput: _propTypes.default.bool,
   showTicks: _propTypes.default.bool
 };
@@ -55,6 +59,27 @@ EuiRangeThumb.__docgenInfo = {
   "methods": [],
   "displayName": "EuiRangeThumb",
   "props": {
+    "className": {
+      "type": {
+        "name": "string"
+      },
+      "required": false,
+      "description": ""
+    },
+    "aria-label": {
+      "type": {
+        "name": "string"
+      },
+      "required": false,
+      "description": ""
+    },
+    "data-test-subj": {
+      "type": {
+        "name": "string"
+      },
+      "required": false,
+      "description": ""
+    },
     "min": {
       "type": {
         "name": "number"
@@ -81,6 +106,13 @@ EuiRangeThumb.__docgenInfo = {
       "required": false,
       "description": ""
     },
+    "disabled": {
+      "type": {
+        "name": "bool"
+      },
+      "required": false,
+      "description": ""
+    },
     "showInput": {
       "type": {
         "name": "bool"

package/lib/components/form/range/range_ticks.js

@@ -13,8 +13,18 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _find = _interopRequireDefault(require("lodash/find"));
 
+var _inner_text = require("../../inner_text");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var EuiRangeTicks = function EuiRangeTicks(_ref) {
   var disabled = _ref.disabled,
       onChange = _ref.onChange,
@@ -23,7 +33,8 @@ var EuiRangeTicks = function EuiRangeTicks(_ref) {
       value = _ref.value,
       max = _ref.max,
       min = _ref.min,
-      interval = _ref.interval;
+      _ref$interval = _ref.interval,
+      interval = _ref$interval === void 0 ? 1 : _ref$interval;
   // Calculate the width of each tick mark
   var percentageWidth = interval / (max - min + interval) * 100; // Align with item labels across the range by adding
   // left and right negative margins that is half of the tick marks
@@ -57,6 +68,12 @@ var EuiRangeTicks = function EuiRangeTicks(_ref) {
       'euiRangeTick--isCustom': customTick
     });
     var label = customTick ? customTick.label : tickValue;
+
+    var _useInnerText = (0, _inner_text.useInnerText)(),
+        _useInnerText2 = _slicedToArray(_useInnerText, 2),
+        ref = _useInnerText2[0],
+        innerText = _useInnerText2[1];
+
     return _react.default.createElement("button", {
       type: "button",
       className: tickClasses,
@@ -65,41 +82,39 @@ var EuiRangeTicks = function EuiRangeTicks(_ref) {
       disabled: disabled,
       onClick: onChange,
       style: tickStyle,
-      tabIndex: "-1",
-      title: label
+      tabIndex: -1,
+      ref: ref,
+      title: typeof label === 'string' ? label : innerText
     }, label);
   }));
 };
 
 exports.EuiRangeTicks = EuiRangeTicks;
 EuiRangeTicks.propTypes = {
-  disabled: _propTypes.default.bool,
-  onChange: _propTypes.default.func,
   ticks: _propTypes.default.arrayOf(_propTypes.default.shape({
     value: _propTypes.default.number.isRequired,
     label: _propTypes.default.node.isRequired
-  })),
-  tickSequence: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
-  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]))]),
+  }).isRequired),
+  tickSequence: _propTypes.default.arrayOf(_propTypes.default.number.isRequired).isRequired,
+  value: _propTypes.default.oneOfType([_propTypes.default.number.isRequired, _propTypes.default.string.isRequired, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.number.isRequired]).isRequired).isRequired]),
   min: _propTypes.default.number.isRequired,
   max: _propTypes.default.number.isRequired,
-  interval: _propTypes.default.number
+  interval: _propTypes.default.number,
+  disabled: _propTypes.default.bool,
+  onChange: _propTypes.default.func
 };
 EuiRangeTicks.__docgenInfo = {
   "description": "",
   "methods": [],
   "displayName": "EuiRangeTicks",
   "props": {
-    "disabled": {
-      "type": {
-        "name": "bool"
+    "interval": {
+      "defaultValue": {
+        "value": "1",
+        "computed": false
       },
-      "required": false,
-      "description": ""
-    },
-    "onChange": {
       "type": {
-        "name": "func"
+        "name": "number"
       },
       "required": false,
       "description": ""
@@ -146,9 +161,9 @@ EuiRangeTicks.__docgenInfo = {
           "value": {
             "name": "union",
             "value": [{
-              "name": "number"
-            }, {
               "name": "string"
+            }, {
+              "name": "number"
             }]
           }
         }]
@@ -170,9 +185,16 @@ EuiRangeTicks.__docgenInfo = {
       "required": true,
       "description": ""
     },
-    "interval": {
+    "disabled": {
       "type": {
-        "name": "number"
+        "name": "bool"
+      },
+      "required": false,
+      "description": ""
+    },
+    "onChange": {
+      "type": {
+        "name": "func"
       },
       "required": false,
       "description": ""

package/lib/components/form/range/range_tooltip.js

@@ -22,7 +22,15 @@ var EuiRangeTooltip = function EuiRangeTooltip(_ref) {
       name = _ref.name,
       showTicks = _ref.showTicks;
   // Calculate the left position based on value
-  var decimal = (value - min) / (max - min); // Must be between 0-100%
+  var val = 0;
+
+  if (typeof value === 'number') {
+    val = value;
+  } else if (typeof value === 'string') {
+    val = parseFloat(value);
+  }
+
+  var decimal = (val - min) / (max - min); // Must be between 0-100%
 
   var valuePosition = decimal <= 1 ? decimal : 1;
   valuePosition = valuePosition >= 0 ? valuePosition : 0;
@@ -56,12 +64,13 @@ var EuiRangeTooltip = function EuiRangeTooltip(_ref) {
 
 exports.EuiRangeTooltip = EuiRangeTooltip;
 EuiRangeTooltip.propTypes = {
-  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  value: _propTypes.default.oneOfType([_propTypes.default.number.isRequired, _propTypes.default.string.isRequired]),
   valueAppend: _propTypes.default.node,
   valuePrepend: _propTypes.default.node,
   max: _propTypes.default.number.isRequired,
   min: _propTypes.default.number.isRequired,
-  name: _propTypes.default.string
+  name: _propTypes.default.string,
+  showTicks: _propTypes.default.bool
 };
 EuiRangeTooltip.__docgenInfo = {
   "description": "",
@@ -114,6 +123,13 @@ EuiRangeTooltip.__docgenInfo = {
       },
       "required": false,
       "description": ""
+    },
+    "showTicks": {
+      "type": {
+        "name": "bool"
+      },
+      "required": false,
+      "description": ""
     }
   }
 };

package/lib/components/form/range/range_track.js

@@ -193,19 +193,20 @@ EuiRangeTrack.propTypes = {
   min: _propTypes.default.number.isRequired,
   max: _propTypes.default.number.isRequired,
   step: _propTypes.default.number,
-  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]))]),
+  value: _propTypes.default.oneOfType([_propTypes.default.number.isRequired, _propTypes.default.string.isRequired, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.number.isRequired]).isRequired).isRequired]),
+  disabled: _propTypes.default.bool,
   showTicks: _propTypes.default.bool,
   tickInterval: _propTypes.default.number,
   ticks: _propTypes.default.arrayOf(_propTypes.default.shape({
     value: _propTypes.default.number.isRequired,
     label: _propTypes.default.node.isRequired
-  })),
+  }).isRequired),
   onChange: _propTypes.default.func,
   levels: _propTypes.default.arrayOf(_propTypes.default.shape({
-    min: _propTypes.default.number,
-    max: _propTypes.default.number,
-    color: _propTypes.default.oneOf(_range_levels.LEVEL_COLORS)
-  }))
+    min: _propTypes.default.number.isRequired,
+    max: _propTypes.default.number.isRequired,
+    color: _propTypes.default.oneOf(["primary", "success", "warning", "danger"]).isRequired
+  }).isRequired)
 };
 EuiRangeTrack.__docgenInfo = {
   "description": "",
@@ -290,9 +291,9 @@ EuiRangeTrack.__docgenInfo = {
           "value": {
             "name": "union",
             "value": [{
-              "name": "number"
-            }, {
               "name": "string"
+            }, {
+              "name": "number"
             }]
           }
         }]
@@ -300,6 +301,13 @@ EuiRangeTrack.__docgenInfo = {
       "required": false,
       "description": ""
     },
+    "disabled": {
+      "type": {
+        "name": "bool"
+      },
+      "required": false,
+      "description": ""
+    },
     "showTicks": {
       "type": {
         "name": "bool"
@@ -349,17 +357,28 @@ EuiRangeTrack.__docgenInfo = {
           "value": {
             "min": {
               "name": "number",
-              "required": false
+              "required": true
             },
             "max": {
               "name": "number",
-              "required": false
+              "required": true
             },
             "color": {
               "name": "enum",
-              "computed": true,
-              "value": "LEVEL_COLORS",
-              "required": false
+              "value": [{
+                "value": "\"primary\"",
+                "computed": false
+              }, {
+                "value": "\"success\"",
+                "computed": false
+              }, {
+                "value": "\"warning\"",
+                "computed": false
+              }, {
+                "value": "\"danger\"",
+                "computed": false
+              }],
+              "required": true
             }
           }
         }

package/lib/components/form/range/range_track.test.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _required_props = require("../../../test/required_props");
+
+var _range_track = require("./range_track");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+describe('EuiRangeTrack', function () {
+  test('is rendered', function () {
+    var component = (0, _enzyme.render)(_react.default.createElement(_range_track.EuiRangeTrack, _extends({
+      min: 0,
+      max: 100,
+      step: 10,
+      showTicks: true,
+      value: "10",
+      onChange: function onChange() {}
+    }, _required_props.requiredProps)));
+    expect(component).toMatchSnapshot();
+  });
+  test('should throw error if `max` does not line up with `step` interval', function () {
+    var component = function component() {
+      return (0, _enzyme.render)(_react.default.createElement(_range_track.EuiRangeTrack, {
+        min: 0,
+        max: 105,
+        step: 10
+      }));
+    };
+
+    expect(component).toThrowErrorMatchingSnapshot();
+  });
+  test('should throw error if there are too many ticks to render', function () {
+    var component = function component() {
+      return (0, _enzyme.render)(_react.default.createElement(_range_track.EuiRangeTrack, {
+        min: 0,
+        max: 21,
+        showTicks: true
+      }));
+    };
+
+    expect(component).toThrowErrorMatchingSnapshot();
+  });
+  test('should throw error if `tickInterval` is off sequence from `step`', function () {
+    var component = function component() {
+      return (0, _enzyme.render)(_react.default.createElement(_range_track.EuiRangeTrack, {
+        min: 0,
+        max: 100,
+        step: 10,
+        showTicks: true,
+        tickInterval: 3
+      }));
+    };
+
+    expect(component).toThrowErrorMatchingSnapshot();
+  });
+  test('should throw error if custom tick value is lower than `min`', function () {
+    var component = function component() {
+      return (0, _enzyme.render)(_react.default.createElement(_range_track.EuiRangeTrack, {
+        min: 0,
+        max: 100,
+        showTicks: true,
+        ticks: [{
+          label: '-100',
+          value: -100
+        }]
+      }));
+    };
+
+    expect(component).toThrowErrorMatchingSnapshot();
+  });
+  test('should throw error if custom tick value is higher than `max`', function () {
+    var component = function component() {
+      return (0, _enzyme.render)(_react.default.createElement(_range_track.EuiRangeTrack, {
+        min: 0,
+        max: 100,
+        showTicks: true,
+        ticks: [{
+          label: '200',
+          value: 200
+        }]
+      }));
+    };
+
+    expect(component).toThrowErrorMatchingSnapshot();
+  });
+  test('should throw error if custom tick value is off sequence from `step`', function () {
+    var component = function component() {
+      return (0, _enzyme.render)(_react.default.createElement(_range_track.EuiRangeTrack, {
+        min: 0,
+        max: 100,
+        step: 50,
+        showTicks: true,
+        ticks: [{
+          label: '10',
+          value: 10
+        }]
+      }));
+    };
+
+    expect(component).toThrowErrorMatchingSnapshot();
+  });
+});

package/lib/components/form/range/range_wrapper.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EuiRangeWrapper = exports.LEVEL_COLORS = void 0;
+exports.EuiRangeWrapper = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -13,9 +13,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var LEVEL_COLORS = ['primary', 'success', 'warning', 'danger'];
-exports.LEVEL_COLORS = LEVEL_COLORS;
-
 var EuiRangeWrapper = function EuiRangeWrapper(_ref) {
   var children = _ref.children,
       className = _ref.className,
@@ -30,6 +27,7 @@ var EuiRangeWrapper = function EuiRangeWrapper(_ref) {
 
 exports.EuiRangeWrapper = EuiRangeWrapper;
 EuiRangeWrapper.propTypes = {
+  className: _propTypes.default.string,
   fullWidth: _propTypes.default.bool
 };
 EuiRangeWrapper.__docgenInfo = {
@@ -37,6 +35,13 @@ EuiRangeWrapper.__docgenInfo = {
   "methods": [],
   "displayName": "EuiRangeWrapper",
   "props": {
+    "className": {
+      "type": {
+        "name": "string"
+      },
+      "required": false,
+      "description": ""
+    },
     "fullWidth": {
       "type": {
         "name": "bool"

package/lib/components/header/header_logo.js

@@ -51,7 +51,7 @@ EuiHeaderLogo.propTypes = {
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
   href: _propTypes.default.string,
-  iconType: _propTypes.default.oneOfType([_propTypes.default.oneOf(["addDataApp", "advancedSettingsApp", "alert", "apmApp", "apmTrace", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "asterisk", "auditbeatApp", "beaker", "bell", "bolt", "boxesHorizontal", "boxesVertical", "branch", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "codeApp", "check", "checkInCircleFilled", "clock", "compute", "console", "consoleApp", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "crossInACircleFilled", "cut", "dashboardApp", "database", "dataVisualizer", "devToolsApp", "discoverApp", "document", "dot", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignLeft", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "exit", "expand", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "folderClosed", "folderOpen", "fullScreen", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "iInCircle", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexSettings", "infraApp", "inputOutput", "inspect", "invert", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "link", "list", "listAdd", "lock", "lockOpen", "loggingApp", "logoAerospike", "logoApache", "logoAPM", "logoAppSearch", "logoAWS", "logoAWSMono", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticsearch", "logoElasticStack", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menuLeft", "menuRight", "merge", "metricbeatApp", "minusInCircle", "minusInCircleFilled", "monitoringApp", "moon", "node", "notebookApp", "number", "offline", "online", "packetbeatApp", "pause", "pencil", "pin", "pinFilled", "pipelineApp", "play", "plusInCircle", "plusInCircleFilled", "popout", "questionInCircle", "refresh", "reportingApp", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "shard", "share", "snowflake", "sortable", "sortDown", "sortLeft", "sortRight", "sortUp", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "swatchInput", "symlink", "tableOfContents", "tag", "tear", "temperature", "timelionApp", "trash", "upgradeAssistantApp", "uptimeApp", "user", "usersRolesApp", "vector", "visArea", "visBarHorizontal", "visBarVertical", "visControls", "visGauge", "visGoal", "visHeatmap", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visualizeApp", "visVega", "visVisualBuilder", "watchesApp", "wrench", "tokenClass", "tokenProperty", "tokenEnum", "tokenVariable", "tokenMethod", "tokenAnnotation", "tokenException", "tokenInterface", "tokenParameter", "tokenField", "tokenElement", "tokenFunction", "tokenBoolean", "tokenString", "tokenArray", "tokenNumber", "tokenConstant", "tokenObject", "tokenEvent", "tokenKey", "tokenNull", "tokenStruct", "tokenPackage", "tokenOperator", "tokenEnumMember", "tokenRepo", "tokenSymbol", "tokenFile", "tokenModule", "tokenNamespace"]).isRequired, _propTypes.default.string.isRequired, _propTypes.default.element.isRequired]),
+  iconType: _propTypes.default.oneOfType([_propTypes.default.oneOf(["addDataApp", "advancedSettingsApp", "alert", "apmApp", "apmTrace", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "asterisk", "auditbeatApp", "beaker", "bell", "bolt", "boxesHorizontal", "boxesVertical", "branch", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "codeApp", "check", "checkInCircleFilled", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "compute", "console", "consoleApp", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "crossInACircleFilled", "cut", "dashboardApp", "database", "dataVisualizer", "devToolsApp", "discoverApp", "document", "documentEdit", "documents", "dot", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignLeft", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "exit", "expand", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "folderClosed", "folderOpen", "fullScreen", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "iInCircle", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexSettings", "infraApp", "inputOutput", "inspect", "invert", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "link", "list", "listAdd", "lock", "lockOpen", "loggingApp", "logoAerospike", "logoApache", "logoAPM", "logoAppSearch", "logoAWS", "logoAWSMono", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticsearch", "logoElasticStack", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menuLeft", "menuRight", "merge", "metricbeatApp", "minusInCircle", "minusInCircleFilled", "monitoringApp", "moon", "node", "notebookApp", "number", "offline", "online", "packetbeatApp", "pause", "pencil", "pin", "pinFilled", "pipelineApp", "play", "plusInCircle", "plusInCircleFilled", "popout", "questionInCircle", "refresh", "reportingApp", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "shard", "share", "snowflake", "sortable", "sortDown", "sortLeft", "sortRight", "sortUp", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "swatchInput", "symlink", "tableOfContents", "tag", "tear", "temperature", "timelionApp", "training", "trash", "upgradeAssistantApp", "uptimeApp", "user", "usersRolesApp", "vector", "videoPlayer", "visArea", "visBarHorizontal", "visBarVertical", "visControls", "visGauge", "visGoal", "visHeatmap", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visualizeApp", "visVega", "visVisualBuilder", "watchesApp", "wrench", "tokenClass", "tokenProperty", "tokenEnum", "tokenVariable", "tokenMethod", "tokenAnnotation", "tokenException", "tokenInterface", "tokenParameter", "tokenField", "tokenElement", "tokenFunction", "tokenBoolean", "tokenString", "tokenArray", "tokenNumber", "tokenConstant", "tokenObject", "tokenEvent", "tokenKey", "tokenNull", "tokenStruct", "tokenPackage", "tokenOperator", "tokenEnumMember", "tokenRepo", "tokenSymbol", "tokenFile", "tokenModule", "tokenNamespace"]).isRequired, _propTypes.default.string.isRequired, _propTypes.default.element.isRequired]),
   iconTitle: _propTypes.default.string,
   children: _propTypes.default.node
 };
@@ -153,6 +153,15 @@ EuiHeaderLogo.__docgenInfo = {
           }, {
             "value": "\"clock\"",
             "computed": false
+          }, {
+            "value": "\"cloudDrizzle\"",
+            "computed": false
+          }, {
+            "value": "\"cloudStormy\"",
+            "computed": false
+          }, {
+            "value": "\"cloudSunny\"",
+            "computed": false
           }, {
             "value": "\"compute\"",
             "computed": false
@@ -219,6 +228,12 @@ EuiHeaderLogo.__docgenInfo = {
           }, {
             "value": "\"document\"",
             "computed": false
+          }, {
+            "value": "\"documentEdit\"",
+            "computed": false
+          }, {
+            "value": "\"documents\"",
+            "computed": false
           }, {
             "value": "\"dot\"",
             "computed": false
@@ -870,6 +885,9 @@ EuiHeaderLogo.__docgenInfo = {
           }, {
             "value": "\"timelionApp\"",
             "computed": false
+          }, {
+            "value": "\"training\"",
+            "computed": false
           }, {
             "value": "\"trash\"",
             "computed": false
@@ -888,6 +906,9 @@ EuiHeaderLogo.__docgenInfo = {
           }, {
             "value": "\"vector\"",
             "computed": false
+          }, {
+            "value": "\"videoPlayer\"",
+            "computed": false
           }, {
             "value": "\"visArea\"",
             "computed": false

package/lib/components/icon/assets/cloudDrizzle.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+var EuiIconCloudDrizzle = function EuiIconCloudDrizzle(props) {
+  return _react.default.createElement("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _react.default.createElement("path", {
+    d: "M6.348 3.761A3.995 3.995 0 0 1 8 7a.5.5 0 0 1-1 0 3 3 0 1 0-4.878 2.34.5.5 0 0 1-.627.779 4 4 0 0 1 3.973-6.84 5.502 5.502 0 0 1 10.096 4.37.5.5 0 1 1-.92-.39 4.5 4.5 0 0 0-8.296-3.497zm-1.61 4.935a.5.5 0 1 1 .775.633l-1.466 1.792a.5.5 0 1 1-.774-.633l1.466-1.792zm-3.12 3.647a.5.5 0 0 1 .774.634l-1.505 1.84a.5.5 0 0 1-.774-.634l1.505-1.84zm7.62-3.647a.5.5 0 0 1 .775.633l-1.466 1.792a.5.5 0 1 1-.774-.633l1.466-1.792zm-3.12 3.647a.5.5 0 0 1 .774.634l-1.505 1.84a.5.5 0 0 1-.774-.634l1.505-1.84zm7.62-3.647a.5.5 0 1 1 .775.633l-1.466 1.792a.5.5 0 1 1-.774-.633l1.466-1.792zm-3.12 3.647a.5.5 0 0 1 .774.634l-1.505 1.84a.5.5 0 0 1-.774-.634l1.505-1.84z"
+  }));
+};
+
+var icon = EuiIconCloudDrizzle;
+exports.icon = icon;
+EuiIconCloudDrizzle.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "EuiIconCloudDrizzle"
+};

package/lib/components/icon/assets/cloudDrizzle.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M6.34796295,3.7612724 C7.34905879,4.48828842 8,5.66812648 8,7 C8,7.27614237 7.77614237,7.5 7.5,7.5 C7.22385763,7.5 7,7.27614237 7,7 C7,5.34314575 5.65685425,4 4,4 C2.34314575,4 1,5.34314575 1,7 C1,7.92115576 1.41714177,8.77277176 2.12153877,9.33925791 C2.33672666,9.51231508 2.37088035,9.82704989 2.19782318,10.0422378 C2.024766,10.2574257 1.7100312,10.2915793 1.49484331,10.1185222 C0.556873412,9.36419337 2.57571691e-14,8.22730815 2.57571691e-14,7 C2.57571691e-14,4.790861 1.790861,3 4,3 C4.51803212,3 5.01306401,3.09847572 5.46739703,3.27772854 C6.33458245,1.31348553 8.29158597,1.77635684e-15 10.5,1.77635684e-15 C13.5375661,1.77635684e-15 16,2.46243388 16,5.5 C16,6.24782941 15.8503941,6.97561874 15.5638398,7.64981687 C15.4558229,7.90395652 15.162237,8.02241241 14.9080974,7.9143955 C14.6539577,7.8063786 14.5355018,7.51279271 14.6435188,7.25865306 C14.8777296,6.70760721 15,6.11279738 15,5.5 C15,3.01471863 12.9852814,1 10.5,1 C8.66337455,1 7.03910079,2.11041963 6.34796295,3.7612724 Z M4.73892177,8.69616948 C4.91378556,8.48244707 5.22879691,8.45094594 5.44251931,8.62580973 C5.65624172,8.80067351 5.68774286,9.11568486 5.51287907,9.32940727 L4.04681069,11.1212686 C3.8719469,11.334991 3.55693555,11.3664922 3.34321314,11.1916284 C3.12949074,11.0167646 3.0979896,10.7017532 3.27285339,10.4880308 L4.73892177,8.69616948 Z M1.61838761,12.343489 C1.7932514,12.1297666 2.10826275,12.0982655 2.32198515,12.2731293 C2.53570756,12.447993 2.5672087,12.7630044 2.39234491,12.9767268 L0.88697865,14.8166189 C0.712114862,15.0303413 0.397103512,15.0618424 0.183381105,14.8869786 C-0.0303413018,14.7121149 -0.0618424369,14.3971035 0.11302135,14.1833811 L1.61838761,12.343489 Z M9.23892177,8.69616948 C9.41378556,8.48244707 9.72879691,8.45094594 9.94251931,8.62580973 C10.1562417,8.80067351 10.1877429,9.11568486 10.0128791,9.32940727 L8.54681069,11.1212686 C8.3719469,11.334991 8.05693555,11.3664922 7.84321314,11.1916284 C7.62949074,11.0167646 7.5979896,10.7017532 7.77285339,10.4880308 L9.23892177,8.69616948 Z M6.11838761,12.343489 C6.2932514,12.1297666 6.60826275,12.0982655 6.82198515,12.2731293 C7.03570756,12.447993 7.0672087,12.7630044 6.89234491,12.9767268 L5.38697865,14.8166189 C5.21211486,15.0303413 4.89710351,15.0618424 4.6833811,14.8869786 C4.4696587,14.7121149 4.43815756,14.3971035 4.61302135,14.1833811 L6.11838761,12.343489 Z M13.7389218,8.69616948 C13.9137856,8.48244707 14.2287969,8.45094594 14.4425193,8.62580973 C14.6562417,8.80067351 14.6877429,9.11568486 14.5128791,9.32940727 L13.0468107,11.1212686 C12.8719469,11.334991 12.5569356,11.3664922 12.3432131,11.1916284 C12.1294907,11.0167646 12.0979896,10.7017532 12.2728534,10.4880308 L13.7389218,8.69616948 Z M10.6183876,12.343489 C10.7932514,12.1297666 11.1082627,12.0982655 11.3219852,12.2731293 C11.5357076,12.447993 11.5672087,12.7630044 11.3923449,12.9767268 L9.88697865,14.8166189 C9.71211486,15.0303413 9.39710351,15.0618424 9.1833811,14.8869786 C8.9696587,14.7121149 8.93815756,14.3971035 9.11302135,14.1833811 L10.6183876,12.343489 Z"/>
+</svg>

package/lib/components/icon/assets/cloudStormy.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+var EuiIconCloudStormy = function EuiIconCloudStormy(props) {
+  return _react.default.createElement("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _react.default.createElement("path", {
+    d: "M7.421 4.93a.5.5 0 0 1-.87.49 3 3 0 1 0-4.43 3.918.5.5 0 0 1-.626.78 4 4 0 0 1 3.973-6.84l.032.018V3.28a5.5 5.5 0 1 1 7.003 7.357.5.5 0 1 1-.36-.934 4.5 4.5 0 1 0-5.77-5.923c.42.31.778.701 1.05 1.15h-.002zM9.6 11c.669.002.794.67.36 1.003l-4.68 3.882c-.457.378-1.053-.26-.643-.689l3.08-3.193A5411.7 5411.7 0 0 1 5.113 12c-.668-.001-.793-.669-.36-1.003l4.68-3.881c.458-.379 1.053.26.643.688l-3.08 3.193L9.6 11z"
+  }));
+};
+
+var icon = EuiIconCloudStormy;
+exports.icon = icon;
+EuiIconCloudStormy.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "EuiIconCloudStormy"
+};

package/lib/components/icon/assets/cloudStormy.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M7.42145268,4.93085369 C7.47117501,5.00855159 7.5,5.10090957 7.5,5.2 C7.5,5.47614237 7.27614237,5.7 7,5.7 C6.80334671,5.7 6.63320962,5.58647063 6.55155469,5.42137785 C6.02258719,4.56821152 5.07765005,4 4,4 C2.34314575,4 1,5.34314575 1,7 C1,7.92115576 1.41714177,8.77277176 2.12153877,9.33925791 C2.33672666,9.51231508 2.37088035,9.82704989 2.19782318,10.0422378 C2.024766,10.2574257 1.7100312,10.2915793 1.49484331,10.1185222 C0.556873412,9.36419337 -6.39488462e-14,8.22730815 -6.39488462e-14,7 C-6.39488462e-14,4.790861 1.790861,3 4,3 C4.51803212,3 5.01306401,3.09847572 5.46739703,3.27772854 L5.49976132,3.2955007 L5.49974266,3.27950651 C6.08228236,1.95912474 7.16749914,0.901403894 8.56021411,0.366790704 C11.3960264,-0.72177564 14.5773638,0.694647049 15.6659302,3.53045933 C16.7544965,6.3662716 15.3380738,9.54760905 12.5022616,10.6361754 C12.2444604,10.735136 11.9552479,10.6063703 11.8562874,10.3485692 C11.7573268,10.090768 11.8860925,9.80155555 12.1438936,9.70259497 C14.4641037,8.81194978 15.6229949,6.20903732 14.7323498,3.88882728 C13.8417046,1.56861723 11.2387921,0.40972594 8.91858206,1.30037113 C7.74500667,1.75086452 6.83898418,2.6542308 6.37333233,3.77984838 C6.793857,4.09030265 7.15139874,4.48116326 7.42325999,4.92973266 L7.42145268,4.93085369 Z M9.6,11 C10.2687622,11.0015869 10.3937622,11.66952 9.95961914,12.0030823 L5.27964399,15.8845282 C4.82278514,16.2633477 4.22728643,15.6249636 4.63734555,15.195974 L7.71707676,12.0030823 C6.15957655,12.0010979 5.29166499,11.9998942 5.11334209,11.999471 C4.44457988,11.9978841 4.31957988,11.329951 4.75372295,10.9963888 L9.4336981,7.1149428 C9.89055695,6.73612329 10.4860557,7.37450743 10.0759965,7.80349706 L6.99626533,10.9963888 C8.55376555,10.9983731 9.4216771,10.9995769 9.6,11 Z"/>
+</svg>