@splunk/react-ui 4.1.0 → 4.4.1

package/Menu.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 104);
+/******/ 	return __webpack_require__(__webpack_require__.s = 106);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 104:
+/***/ 106:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -109,10 +109,11 @@ module.exports = require("prop-types");
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_Menu_Menu; });
+__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ Menu_Menu; });
 __webpack_require__.d(__webpack_exports__, "Item", function() { return /* reexport */ Menu_Item; });
 __webpack_require__.d(__webpack_exports__, "Heading", function() { return /* reexport */ Menu_Heading; });
 __webpack_require__.d(__webpack_exports__, "Divider", function() { return /* reexport */ Menu_Divider; });
+__webpack_require__.d(__webpack_exports__, "MenuContext", function() { return /* reexport */ MenuContext; });
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(2);
@@ -123,11 +124,14 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/omit"
-var omit_ = __webpack_require__(29);
+var omit_ = __webpack_require__(32);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
+// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
+var Popover_ = __webpack_require__(17);
+
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(26);
+var focus_ = __webpack_require__(24);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
 var keyboard_ = __webpack_require__(9);
@@ -155,11 +159,18 @@ var Styled = external_styled_components_default.a.div.withConfig({
   }
 }));
 
+// CONCATENATED MODULE: ./src/Menu/MenuContext.tsx
+
+var MenuContext = /*#__PURE__*/Object(external_react_["createContext"])({
+  role: 'menu'
+});
+
 // CONCATENATED MODULE: ./src/Menu/Divider.tsx
 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 propTypes = {};
 
 /**
@@ -169,7 +180,15 @@ function Divider(_ref) {
   var otherProps = _extends({}, _ref);
 
   // @docs-props-type DividerPropsBase
-  return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
+  var _useContext = Object(external_react_["useContext"])(MenuContext),
+      role = _useContext.role;
+
+  return /*#__PURE__*/external_react_default.a.createElement(Styled // dividers are not supported in role="listbox"
+  // this causes Firefox to incorrectly read the total number
+  // of items in the list if it contains a heading or divider
+  // so we set them to aria-hidden to prevent that
+  , _extends({
+    "aria-hidden": role === 'listbox',
     "data-test": "divider",
     role: "separator"
   }, otherProps));
@@ -187,11 +206,11 @@ Divider.filterConsecutive = true;
 Divider.filterLast = true;
 /* harmony default export */ var Menu_Divider = (Divider);
 // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
-var Heading_ = __webpack_require__(59);
+var Heading_ = __webpack_require__(61);
 var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
 
 // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
-var useSplunkTheme_ = __webpack_require__(34);
+var useSplunkTheme_ = __webpack_require__(38);
 var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
 
 // CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
@@ -219,6 +238,12 @@ var PrismaSectionTitle = external_styled_components_default.a.h5.withConfig({
 })(["", " font-size:", ";line-height:", ";font-weight:", ";letter-spacing:0.02em;text-transform:uppercase;"], themes_["mixins"].reset('block'), themes_["variables"].fontSizeSmall, themes_["variables"].lineHeight, themes_["variables"].fontWeightBold);
 
 // CONCATENATED MODULE: ./src/Menu/Heading.tsx
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function Heading_extends() { Heading_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 Heading_extends.apply(this, arguments); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -230,9 +255,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var Heading_propTypes = {
   children: external_prop_types_default.a.node,
-  title: external_prop_types_default.a.bool
+  title: external_prop_types_default.a.bool,
+  outerStyle: external_prop_types_default.a.object
 };
 
 /**
@@ -241,21 +268,34 @@ var Heading_propTypes = {
 function Heading(_ref) {
   var children = _ref.children,
       title = _ref.title,
-      otherProps = _objectWithoutProperties(_ref, ["children", "title"]);
+      outerStyle = _ref.outerStyle,
+      otherProps = _objectWithoutProperties(_ref, ["children", "title", "outerStyle"]);
+
+  var _useContext = Object(external_react_["useContext"])(MenuContext),
+      role = _useContext.role;
 
   var _useSplunkTheme = useSplunkTheme_default()(),
       family = _useSplunkTheme.family;
 
-  return family === 'prisma' ? /*#__PURE__*/external_react_default.a.createElement(HeadingStyles_Styled, null, /*#__PURE__*/external_react_default.a.createElement(PrismaSectionTitle, Heading_extends({
+  var inner = family === 'prisma' ? /*#__PURE__*/external_react_default.a.createElement(HeadingStyles_Styled, {
+    style: outerStyle
+  }, /*#__PURE__*/external_react_default.a.createElement(PrismaSectionTitle, Heading_extends({
     as: title ? 'h4' : 'h5',
     "data-test": "heading"
-  }, otherProps), children)) : /*#__PURE__*/external_react_default.a.createElement(HeadingStyles_Styled, null, /*#__PURE__*/external_react_default.a.createElement(Heading_default.a, Heading_extends({
-    style: {
+  }, otherProps), children)) : /*#__PURE__*/external_react_default.a.createElement(Heading_default.a, Heading_extends({
+    style: _objectSpread(_objectSpread({}, outerStyle), {}, {
       margin: 0
-    },
+    }),
     level: title ? 4 : 'ss',
     "data-test": "heading"
-  }, otherProps), children));
+  }, otherProps), children); // headings are not supported in role="listbox"
+  // this causes Firefox to incorrectly read the total number
+  // of items in the list if it contains a heading or divider
+  // so we set them to aria-hidden to prevent that
+
+  return /*#__PURE__*/external_react_default.a.createElement(HeadingStyles_Styled, {
+    "aria-hidden": role === 'listbox'
+  }, inner);
 }
 
 Heading.propTypes = Heading_propTypes;
@@ -270,10 +310,10 @@ Heading.filterLast = true;
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: ./src/icons/Check.tsx
-var Check = __webpack_require__(45);
+var Check = __webpack_require__(47);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/TriangleRightSmall"
-var TriangleRightSmall_ = __webpack_require__(84);
+var TriangleRightSmall_ = __webpack_require__(86);
 var TriangleRightSmall_default = /*#__PURE__*/__webpack_require__.n(TriangleRightSmall_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -308,14 +348,14 @@ function CaretRight(props) {
   }, props));
 }
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
-var ChevronRight = __webpack_require__(25);
+var ChevronRight = __webpack_require__(27);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
 var Clickable_ = __webpack_require__(11);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Switch"
-var Switch_ = __webpack_require__(60);
+var Switch_ = __webpack_require__(62);
 var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
 
 // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
@@ -366,18 +406,18 @@ var StyledItemIcon = external_styled_components_default.a.span.withConfig({
 var StyledClickable = external_styled_components_default()(Clickable_default.a).withConfig({
   displayName: "ItemStyles__StyledClickable",
   componentId: "sc-4kc053-4"
-})(["display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", ""], Object(themes_["pick"])({
+})(["display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", ""], Object(themes_["pick"])({
   prisma: themes_["variables"].contentColorActive,
   enterprise: {
     dark: themes_["variables"].gray96,
-    light: themes_["variables"].gray45
+    light: themes_["variables"].gray22
   }
 }), Object(themes_["pick"])({
   prisma: {
-    comfortable: '10px 16px 10px 16px',
-    compact: '6px 16px 6px 16px'
+    comfortable: '10px 16px',
+    compact: '6px 16px'
   },
-  enterprise: '6px 10px 6px 10px'
+  enterprise: '6px 10px'
 }), function (_ref) {
   var $isSelectable = _ref.$isSelectable,
       $selectableAppearance = _ref.$selectableAppearance;
@@ -390,15 +430,23 @@ var StyledClickable = external_styled_components_default()(Clickable_default.a).
     })
   });
 }, function (_ref2) {
-  var $active = _ref2.$active;
-  return $active && Object(external_styled_components_["css"])(["box-shadow:", ";background:", ";"], themes_["variables"].focusShadowInset, Object(themes_["pick"])({
-    prisma: themes_["variables"].interactiveColorOverlayHover
-  }));
+  var $active = _ref2.$active,
+      $preventFocus = _ref2.$preventFocus;
+  return $active && !$preventFocus && Object(external_styled_components_["css"])(["box-shadow:", ";"], themes_["variables"].focusShadowInset);
+}, function (_ref3) {
+  var $active = _ref3.$active;
+  return $active && Object(external_styled_components_["css"])(["background:", ";font-weight:", ";"], Object(themes_["pick"])({
+    enterprise: {
+      light: themes_["variables"].gray92,
+      dark: themes_["variables"].gray22
+    },
+    prisma: themes_["variables"].neutral100
+  }), themes_["variables"].fontWeightBold);
 }, Object(themes_["pick"])({
   prisma: themes_["variables"].interactiveColorOverlayHover,
   enterprise: themes_["variables"].backgroundColorHover
-}), function (_ref3) {
-  var $selected = _ref3.$selected;
+}), function (_ref4) {
+  var $selected = _ref4.$selected;
   return $selected && Object(themes_["pick"])({
     prisma: Object(external_styled_components_["css"])(["background:", ";"], themes_["mixins"].overlayColors(themes_["variables"].interactiveColorOverlaySelected, themes_["variables"].interactiveColorOverlayHover))
   });
@@ -406,12 +454,18 @@ var StyledClickable = external_styled_components_default()(Clickable_default.a).
   prisma: Object(external_styled_components_["css"])(["background:", ";"], themes_["variables"].interactiveColorOverlayHover)
 }), Object(themes_["pick"])({
   prisma: Object(external_styled_components_["css"])(["&:active{background:", ";}"], themes_["variables"].interactiveColorOverlayActive)
-}), function (_ref4) {
-  var $selected = _ref4.$selected;
+}), function (_ref5) {
+  var $selected = _ref5.$selected;
   return $selected && Object(themes_["pick"])({
     prisma: Object(external_styled_components_["css"])(["background:", ";&:active{background:", ";}"], themes_["variables"].interactiveColorOverlaySelected, themes_["mixins"].overlayColors(themes_["variables"].interactiveColorOverlaySelected, themes_["variables"].interactiveColorOverlayActive))
   });
-}, themes_["variables"].contentColorDisabled,
+}, Object(themes_["pick"])({
+  enterprise: {
+    light: themes_["variables"].gray45,
+    dark: themes_["variables"].contentColorDisabled
+  },
+  prisma: themes_["variables"].contentColorDisabled
+}),
 /* sc-sel */
 StyledItemDescriptionBottom,
 /* sc-sel */
@@ -424,8 +478,8 @@ StyledItemSelectedIcon, Object(themes_["pick"])({
   prisma: Object(external_styled_components_["css"])(["& > * > ", "{color:", ";}"],
   /* sc-sel */
   StyledItemIcon, themes_["variables"].contentColorDisabled)
-}), function (_ref5) {
-  var $selected = _ref5.$selected;
+}), function (_ref6) {
+  var $selected = _ref6.$selected;
   return $selected && Object(themes_["pick"])({
     prisma: Object(external_styled_components_["css"])(["", "{color:", ";}"],
     /* sc-sel */
@@ -439,11 +493,11 @@ var StyledSwitch = external_styled_components_default()(Switch_default.a).withCo
   prisma: '16px',
   enterprise: '8px'
 }), Object(themes_["pick"])({
-  prisma: {
-    comfortable: '2px',
-    compact: '-2px'
-  },
-  enterprise: '0px'
+  prisma: '0px',
+  enterprise: {
+    comfortable: '-1px',
+    compact: '2px'
+  }
 }));
 var StyledInnerWrapper = external_styled_components_default.a.span.withConfig({
   displayName: "ItemStyles__StyledInnerWrapper",
@@ -452,28 +506,26 @@ var StyledInnerWrapper = external_styled_components_default.a.span.withConfig({
 var StyledTitleAndDescriptionWrapper = external_styled_components_default.a.span.withConfig({
   displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
   componentId: "sc-4kc053-7"
-})(["max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", ""], function (_ref6) {
-  var $truncate = _ref6.$truncate;
+})(["max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", ""], function (_ref7) {
+  var $truncate = _ref7.$truncate;
   return $truncate && Object(external_styled_components_["css"])(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
 });
 var StyledLabel = external_styled_components_default.a.div.withConfig({
   displayName: "ItemStyles__StyledLabel",
   componentId: "sc-4kc053-8"
-})(["overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", " ", ""], function (_ref7) {
-  var $truncate = _ref7.$truncate;
+})(["overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", ""], function (_ref8) {
+  var $truncate = _ref8.$truncate;
   return $truncate && Object(external_styled_components_["css"])(["display:block;clear:both;"]);
-}, function (_ref8) {
-  var $matching = _ref8.$matching;
-  return $matching && Object(themes_["pick"])({
-    prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorMuted)
-  });
 });
 var StyledMatch = external_styled_components_default.a.span.withConfig({
   displayName: "ItemStyles__StyledMatch",
   componentId: "sc-4kc053-9"
-})(["color:", ";"], Object(themes_["pick"])({
+})(["border-bottom:1px solid ", ";"], Object(themes_["pick"])({
   prisma: themes_["variables"].contentColorActive,
-  enterprise: themes_["variables"].accentColor
+  enterprise: {
+    dark: themes_["variables"].gray96,
+    light: themes_["variables"].gray45
+  }
 }));
 var StyledSubmenu = external_styled_components_default.a.span.withConfig({
   displayName: "ItemStyles__StyledSubmenu",
@@ -515,7 +567,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function Item_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 
 
@@ -535,12 +587,21 @@ var Item_propTypes = {
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
   hasSubmenu: external_prop_types_default.a.bool,
   icon: external_prop_types_default.a.node,
+
+  /** @private. The internal key of the tab */
+  itemKey: external_prop_types_default.a.number,
   matchRanges: external_prop_types_default.a.arrayOf(external_prop_types_default.a.shape({
     start: external_prop_types_default.a.number.isRequired,
     end: external_prop_types_default.a.number.isRequired
   })),
   onClick: external_prop_types_default.a.func,
+
+  /** @private */
+  onFocus: external_prop_types_default.a.func,
   openInNewContext: external_prop_types_default.a.bool,
+
+  /** @private */
+  preventFocus: external_prop_types_default.a.bool,
   role: external_prop_types_default.a.oneOf(['menuitem', 'menuitemradio', 'menuitemcheckbox', 'listboxitem', 'option']),
   selectable: external_prop_types_default.a.bool,
   selectableAppearance: external_prop_types_default.a.oneOf(['checkmark', 'checkbox']),
@@ -557,6 +618,7 @@ var defaultProps = {
   disabled: false,
   hasSubmenu: false,
   openInNewContext: false,
+  preventFocus: false,
   selectable: false,
   selectableAppearance: 'checkmark',
   selected: false,
@@ -583,9 +645,18 @@ var Item_Item = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
-    _defineProperty(_assertThisInitialized(_this), "el", null);
+    Item_defineProperty(_assertThisInitialized(_this), "el", null);
+
+    Item_defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
+      var _this$props = _this.props,
+          onFocus = _this$props.onFocus,
+          itemKey = _this$props.itemKey;
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus(e, {
+        itemKey: itemKey
+      });
+    });
 
-    _defineProperty(_assertThisInitialized(_this), "handleMount", function (el) {
+    Item_defineProperty(_assertThisInitialized(_this), "handleMount", function (el) {
       _this.el = el;
       Object(updateReactRef["a" /* updateReactRef */])(_this.props.elementRef, el);
     });
@@ -631,9 +702,9 @@ var Item_Item = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderLabel",
     value: function renderLabel() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          matchRanges = _this$props.matchRanges;
+      var _this$props2 = this.props,
+          children = _this$props2.children,
+          matchRanges = _this$props2.matchRanges;
 
       if (!matchRanges || !Object(external_lodash_["isString"])(children)) {
         return children;
@@ -662,25 +733,25 @@ var Item_Item = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-          active = _this$props2.active,
-          children = _this$props2.children,
-          hasSubmenu = _this$props2.hasSubmenu,
-          selectable = _this$props2.selectable,
-          selectableAppearance = _this$props2.selectableAppearance,
-          selected = _this$props2.selected,
-          icon = _this$props2.icon,
-          description = _this$props2.description,
-          disabled = _this$props2.disabled,
-          matchRanges = _this$props2.matchRanges,
-          onClick = _this$props2.onClick,
-          role = _this$props2.role,
-          splunkTheme = _this$props2.splunkTheme,
-          to = _this$props2.to,
-          truncate = _this$props2.truncate,
-          descriptionPosition = _this$props2.descriptionPosition,
-          openInNewContext = _this$props2.openInNewContext,
-          otherProps = Item_objectWithoutProperties(_this$props2, ["active", "children", "hasSubmenu", "selectable", "selectableAppearance", "selected", "icon", "description", "disabled", "matchRanges", "onClick", "role", "splunkTheme", "to", "truncate", "descriptionPosition", "openInNewContext"]);
+      var _this$props3 = this.props,
+          active = _this$props3.active,
+          children = _this$props3.children,
+          hasSubmenu = _this$props3.hasSubmenu,
+          selectable = _this$props3.selectable,
+          selectableAppearance = _this$props3.selectableAppearance,
+          selected = _this$props3.selected,
+          icon = _this$props3.icon,
+          description = _this$props3.description,
+          disabled = _this$props3.disabled,
+          onClick = _this$props3.onClick,
+          preventFocus = _this$props3.preventFocus,
+          role = _this$props3.role,
+          splunkTheme = _this$props3.splunkTheme,
+          to = _this$props3.to,
+          truncate = _this$props3.truncate,
+          descriptionPosition = _this$props3.descriptionPosition,
+          openInNewContext = _this$props3.openInNewContext,
+          otherProps = Item_objectWithoutProperties(_this$props3, ["active", "children", "hasSubmenu", "selectable", "selectableAppearance", "selected", "icon", "description", "disabled", "onClick", "preventFocus", "role", "splunkTheme", "to", "truncate", "descriptionPosition", "openInNewContext"]);
 
       var family = splunkTheme.family;
       var isSelectable = selectable || selected;
@@ -707,16 +778,23 @@ var Item_Item = /*#__PURE__*/function (_Component) {
         $selectableAppearance: selectableAppearance,
         $selected: selected,
         $active: active,
+        $preventFocus: preventFocus,
         "data-test-selected": isSelectable ? selected : null,
         "data-test": "item",
         "data-has-icon": !!icon,
         disabled: disabled,
         onClick: onClick,
+        onFocus: this.handleFocus,
+        onMouseDown: function onMouseDown(e) {
+          if (preventFocus) {
+            e.preventDefault();
+          }
+        },
         role: role || defaultRole,
         to: to,
         title: truncate && Object(external_lodash_["isString"])(children) ? children : undefined,
         openInNewContext: openInNewContext
-      }, ariaProps, otherProps, {
+      }, ariaProps, Object(external_lodash_["omit"])(otherProps, 'onFocus'), {
         elementRef: this.handleMount
       }), selectablePosition === 'left' && selectableCheckmark, selectable && selectableAppearance === 'checkbox' && /*#__PURE__*/external_react_default.a.createElement(StyledSwitch, {
         interactive: false,
@@ -730,7 +808,6 @@ var Item_Item = /*#__PURE__*/function (_Component) {
         $truncate: truncate
       }, /*#__PURE__*/external_react_default.a.createElement(StyledLabel, {
         $truncate: truncate,
-        $matching: !!matchRanges,
         "data-test": "label"
       }, this.renderLabel()), descriptionBottom && /*#__PURE__*/external_react_default.a.createElement(StyledItemDescriptionBottom, {
         "data-test": "description"
@@ -741,15 +818,15 @@ var Item_Item = /*#__PURE__*/function (_Component) {
   return Item;
 }(external_react_["Component"]);
 
-_defineProperty(Item_Item, "propTypes", Item_propTypes);
+Item_defineProperty(Item_Item, "propTypes", Item_propTypes);
 
-_defineProperty(Item_Item, "defaultProps", defaultProps);
+Item_defineProperty(Item_Item, "defaultProps", defaultProps);
 
 var ItemWithTheme = Object(themes_["withSplunkTheme"])(Item_Item);
 ItemWithTheme.propTypes = Item_Item.propTypes;
 /* harmony default export */ var Menu_Item = (ItemWithTheme);
 // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
-var Scroll_ = __webpack_require__(56);
+var Scroll_ = __webpack_require__(58);
 var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
 
 // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
@@ -779,35 +856,25 @@ MenuStyles_Styled,
 MenuStyles_Styled, adjacentSiblingStyles);
 
 // CONCATENATED MODULE: ./src/Menu/Menu.tsx
-function Menu_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Menu_typeof = function _typeof(obj) { return typeof obj; }; } else { Menu_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Menu_typeof(obj); }
-
 function Menu_extends() { Menu_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 Menu_extends.apply(this, arguments); }
 
-function Menu_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Menu_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function Menu_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function Menu_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function Menu_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function Menu_createClass(Constructor, protoProps, staticProps) { if (protoProps) Menu_defineProperties(Constructor.prototype, protoProps); if (staticProps) Menu_defineProperties(Constructor, staticProps); return Constructor; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function Menu_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) Menu_setPrototypeOf(subClass, superClass); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function Menu_setPrototypeOf(o, p) { Menu_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Menu_setPrototypeOf(o, p); }
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; 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 Menu_createSuper(Derived) { var hasNativeReflectConstruct = Menu_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = Menu_getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Menu_getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Menu_possibleConstructorReturn(this, result); }; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function Menu_possibleConstructorReturn(self, call) { if (call && (Menu_typeof(call) === "object" || typeof call === "function")) { return call; } return Menu_assertThisInitialized(self); }
-
-function Menu_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function Menu_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Menu_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function Menu_isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function Menu_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function Menu_getPrototypeOf(o) { Menu_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return Menu_getPrototypeOf(o); }
 
-function Menu_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 
 
@@ -821,147 +888,158 @@ function Menu_defineProperty(obj, key, value) { if (key in obj) { Object.defineP
 
 var Menu_propTypes = {
   children: external_prop_types_default.a.node,
+
+  /** @private */
+  controlledExternally: external_prop_types_default.a.bool,
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
   retainFocus: external_prop_types_default.a.bool,
   stopScrollPropagation: external_prop_types_default.a.bool
 };
 var Menu_defaultProps = {
-  retainFocus: true,
   stopScrollPropagation: false
 };
 
-var Menu_Menu = /*#__PURE__*/function (_Component) {
-  Menu_inherits(Menu, _Component);
-
-  var _super = Menu_createSuper(Menu);
+function Menu(_ref) {
+  var children = _ref.children,
+      controlledExternally = _ref.controlledExternally,
+      elementRef = _ref.elementRef,
+      retainFocusProp = _ref.retainFocus,
+      stopScrollPropagation = _ref.stopScrollPropagation,
+      otherProps = Menu_objectWithoutProperties(_ref, ["children", "controlledExternally", "elementRef", "retainFocus", "stopScrollPropagation"]);
 
   // @docs-props-type MenuPropsBase
-  function Menu(props) {
-    var _this;
+  var _useContext = Object(external_react_["useContext"])(MenuContext),
+      _useContext$role = _useContext.role,
+      role = _useContext$role === void 0 ? 'menu' : _useContext$role;
 
-    Menu_classCallCheck(this, Menu);
+  var _useContext2 = Object(external_react_["useContext"])(Popover_["PopoverContext"]),
+      retainFocusFromContext = _useContext2.retainFocus;
 
-    _this = _super.call(this, props);
-    _this.state = {
-      containerEl: null
-    };
-    _this.handleMount = _this.handleMount.bind(Menu_assertThisInitialized(_this));
-    _this.handleKeyDown = _this.handleKeyDown.bind(Menu_assertThisInitialized(_this));
-    return _this;
+  var retainFocus = true;
+
+  if (retainFocusProp != null) {
+    retainFocus = retainFocusProp;
+  } else if (retainFocusFromContext != null) {
+    retainFocus = retainFocusFromContext;
   }
 
-  Menu_createClass(Menu, [{
-    key: "handleMount",
-    value: function handleMount(el) {
-      this.setState({
-        containerEl: el
-      });
-      Object(updateReactRef["a" /* updateReactRef */])(this.props.elementRef, el);
+  var _useState = Object(external_react_["useState"])(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      focusedItemKey = _useState2[0],
+      setFocusedItemKey = _useState2[1];
+
+  var itemRefs = [];
+  var itemKeyCounter = 0;
+
+  var handleKeyDown = function handleKeyDown(e) {
+    // SUI-2734: keeping this active even if controlledExternally is set
+    // because Firefox + Voiceover (and possibly other a11y tools)
+    // can still set focus on the Menu items and this avoids the
+    // whole page scrolling when that happens
+    var key = Object(keyboard_["keycode"])(e.nativeEvent);
+    var itemToFocusRef; // the "retainFocus" checks here mimic the prior tab key functionality
+
+    if (key === 'down' || retainFocus && Object(focus_["isTabKey"])(e)) {
+      itemToFocusRef = itemRefs[focusedItemKey + 1] || itemRefs[0];
+    } else if (key === 'up' || retainFocus && Object(focus_["isTabKey"])(e) && e.shiftKey) {
+      itemToFocusRef = itemRefs[focusedItemKey - 1] || itemRefs[itemRefs.length - 1];
+    } else if (key === 'home') {
+      // eslint-disable-next-line prefer-destructuring
+      itemToFocusRef = itemRefs[0];
+    } else if (key === 'end') {
+      itemToFocusRef = itemRefs[itemRefs.length - 1];
     }
-  }, {
-    key: "handleKeyDown",
-    value: function handleKeyDown(e) {
-      if (!this.state.containerEl) {
-        return;
-      }
 
-      if (Object(keyboard_["keycode"])(e.nativeEvent) === 'tab' && this.props.retainFocus) {
-        Object(focus_["handleTab"])(this.state.containerEl, e.nativeEvent);
-        return;
-      }
+    if (itemToFocusRef != null) {
+      var _itemToFocusRef$curre, _itemToFocusRef$curre2;
 
-      if (Object(keyboard_["keycode"])(e.nativeEvent) !== 'down' && Object(keyboard_["keycode"])(e.nativeEvent) !== 'up') {
-        return;
-      } // getSortedTabbableElements returns an Element[], but focus() only exists on HTMLElement (officially)
+      (_itemToFocusRef$curre = itemToFocusRef.current) === null || _itemToFocusRef$curre === void 0 ? void 0 : (_itemToFocusRef$curre2 = _itemToFocusRef$curre.focus) === null || _itemToFocusRef$curre2 === void 0 ? void 0 : _itemToFocusRef$curre2.call(_itemToFocusRef$curre);
+      e.preventDefault();
+    }
+  };
 
+  var childrenCleaned = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).reduce(function (acc, item, index, original) {
+    /* Filter out initial Dividers
+     * Requires reduce() over filter() because a Heading may have been
+     * before the Divider.
+     */
+    if (item.type === Menu_Divider && item.type.filterFirst && acc.length === 0) {
+      return acc;
+    } // Filter out consecutive Dividers and Headings
 
-      var tabbableElements = Object(focus_["getSortedTabbableElements"])(this.state.containerEl).filter(function (el) {
-        return typeof el.focus === 'function';
-      });
-      var currentIndex = tabbableElements.indexOf(e.target);
 
-      if (currentIndex === -1) {
-        return;
-      }
+    if ((item.type === Menu_Divider || item.type === Menu_Heading) && item.type.filterConsecutive && !item.props.title && original.length > index + 1) {
+      var consec = original[index + 1];
 
-      if (Object(keyboard_["keycode"])(e.nativeEvent) === 'up' && currentIndex > 0) {
-        tabbableElements[currentIndex - 1].focus();
-      } else if (Object(keyboard_["keycode"])(e.nativeEvent) === 'down' && currentIndex < tabbableElements.length - 1) {
-        tabbableElements[currentIndex + 1].focus();
+      if ((consec.type === Menu_Divider || consec.type === Menu_Heading) && consec.type.filterConsecutive) {
+        return acc;
       }
-
-      e.preventDefault();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          elementRef = _this$props.elementRef,
-          retainFocus = _this$props.retainFocus,
-          stopScrollPropagation = _this$props.stopScrollPropagation,
-          otherProps = Menu_objectWithoutProperties(_this$props, ["children", "elementRef", "retainFocus", "stopScrollPropagation"]);
-
-      var childrenCleaned = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).reduce(function (acc, item, index, original) {
-        /* Filter out initial Dividers
-         * Requires reduce() over filter() because a Heading may have been
-         * before the Divider.
-         */
-        if (item.type === Menu_Divider && item.type.filterFirst && acc.length === 0) {
-          return acc;
-        } // Filter out consecutive Dividers and Headings
-
-
-        if ((item.type === Menu_Divider || item.type === Menu_Heading) && item.type.filterConsecutive && !item.props.title && original.length > index + 1) {
-          var consec = original[index + 1];
-
-          if ((consec.type === Menu_Divider || consec.type === Menu_Heading) && consec.type.filterConsecutive) {
-            return acc;
-          }
-        } // Filter out last Dividers and Headings
+    } // Filter out last Dividers and Headings
 
 
-        if ((item.type === Menu_Divider || item.type === Menu_Heading) && item.type.filterLast && index === original.length - 1) {
-          return acc;
-        }
+    if ((item.type === Menu_Divider || item.type === Menu_Heading) && item.type.filterLast && index === original.length - 1) {
+      return acc;
+    } // the typeof check prevents props from being applied to HTML elements
+    // such as the zero-height scroll bottom div in <ResultsMenu>
 
-        acc.push(item);
-        return acc;
-      }, []);
-      return stopScrollPropagation ? /*#__PURE__*/external_react_default.a.createElement(StyledScroll, Menu_extends({
-        "data-test": "menu",
-        elementRef: this.handleMount,
-        onKeyDown: this.handleKeyDown,
-        role: "menu",
-        stopScrollPropagation: true
-      }, omit_default()(otherProps, 'tagName')), childrenCleaned) : /*#__PURE__*/external_react_default.a.createElement(MenuStyles_Styled, Menu_extends({
-        "data-test": "menu",
-        onKeyDown: this.handleKeyDown,
-        ref: this.handleMount,
-        role: "menu"
-      }, otherProps), childrenCleaned);
-    }
-  }]);
 
-  return Menu;
-}(external_react_["Component"]);
+    if (!(item.type === Menu_Divider || item.type === Menu_Heading) && typeof item.type !== 'string') {
+      var _ref2 = /*#__PURE__*/external_react_default.a.createRef();
 
-Menu_defineProperty(Menu_Menu, "propTypes", Menu_propTypes);
+      itemRefs.push(_ref2);
 
-Menu_defineProperty(Menu_Menu, "defaultProps", Menu_defaultProps);
+      var itemOnFocus = function itemOnFocus(e, data) {
+        var itemKey = data.itemKey;
 
-Menu_defineProperty(Menu_Menu, "Item", Menu_Item);
+        if (itemKey != null) {
+          setFocusedItemKey(itemKey);
+        }
+      };
 
-Menu_defineProperty(Menu_Menu, "Divider", Menu_Divider);
+      var tabIndex = !controlledExternally && focusedItemKey === itemKeyCounter ? undefined : -1;
+      acc.push( /*#__PURE__*/external_react_default.a.cloneElement(item, {
+        itemKey: itemKeyCounter,
+        onFocus: itemOnFocus,
+        preventFocus: controlledExternally,
+        ref: function ref(c) {
+          Object(updateReactRef["a" /* updateReactRef */])(item.ref, c);
+          Object(updateReactRef["a" /* updateReactRef */])(_ref2, c);
+        },
+        tabIndex: tabIndex
+      }));
+      itemKeyCounter += 1;
+      return acc;
+    }
 
-Menu_defineProperty(Menu_Menu, "Heading", Menu_Heading);
+    acc.push(item);
+    return acc;
+  }, []);
+  return stopScrollPropagation ? /*#__PURE__*/external_react_default.a.createElement(StyledScroll, Menu_extends({
+    "data-test": "menu",
+    elementRef: elementRef,
+    onKeyDown: handleKeyDown,
+    role: role,
+    stopScrollPropagation: true
+  }, omit_default()(otherProps, 'tagName')), childrenCleaned) : /*#__PURE__*/external_react_default.a.createElement(MenuStyles_Styled, Menu_extends({
+    "data-test": "menu",
+    onKeyDown: handleKeyDown,
+    ref: elementRef,
+    role: role
+  }, otherProps), childrenCleaned);
+}
 
-/* harmony default export */ var src_Menu_Menu = (Menu_Menu);
+Menu.propTypes = Menu_propTypes;
+Menu.defaultProps = Menu_defaultProps;
+Menu.Item = Menu_Item;
+Menu.Divider = Menu_Divider;
+Menu.Heading = Menu_Heading;
+/* harmony default export */ var Menu_Menu = (Menu);
 
 // CONCATENATED MODULE: ./src/Menu/index.ts
 
 
 
+
 /***/ }),
 
 /***/ 11:
@@ -996,6 +1074,13 @@ function updateReactRef(ref, current) {
 
 
 
+/***/ }),
+
+/***/ 17:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Popover");
+
 /***/ }),
 
 /***/ 2:
@@ -1005,14 +1090,21 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 25:
+/***/ 24:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/focus");
+
+/***/ }),
+
+/***/ 27:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28);
+/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31);
 /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1055,35 +1147,28 @@ function ChevronRight(props) {
 
 /***/ }),
 
-/***/ 26:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/focus");
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 28:
+/***/ 31:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronRight");
 
 /***/ }),
 
-/***/ 29:
+/***/ 32:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/omit");
 
 /***/ }),
 
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 34:
+/***/ 38:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/useSplunkTheme");
@@ -1097,21 +1182,21 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 42:
+/***/ 44:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Check");
 
 /***/ }),
 
-/***/ 45:
+/***/ 47:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Check; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(42);
+/* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
 /* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1154,20 +1239,13 @@ function Check(props) {
 
 /***/ }),
 
-/***/ 56:
+/***/ 58:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Scroll");
 
 /***/ }),
 
-/***/ 59:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Heading");
-
-/***/ }),
-
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1193,7 +1271,14 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 60:
+/***/ 61:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Heading");
+
+/***/ }),
+
+/***/ 62:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Switch");
@@ -1318,7 +1403,7 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 84:
+/***/ 86:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/TriangleRightSmall");