@splunk/react-ui 4.19.0 → 4.20.0

package/Menu.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 172);
+/******/ 	return __webpack_require__(__webpack_require__.s = 174);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -135,14 +135,14 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 143:
+/***/ 145:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/CaretSmallRight");
 
 /***/ }),
 
-/***/ 172:
+/***/ 174:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -172,13 +172,13 @@ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 var Popover_ = __webpack_require__(21);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(29);
+var focus_ = __webpack_require__(31);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
 var keyboard_ = __webpack_require__(7);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/useForceUpdate"
-var useForceUpdate_ = __webpack_require__(45);
+var useForceUpdate_ = __webpack_require__(48);
 var useForceUpdate_default = /*#__PURE__*/__webpack_require__.n(useForceUpdate_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -254,11 +254,11 @@ Divider.filterLast = true;
 Divider.as = 'Divider';
 /* harmony default export */ var Menu_Divider = (Divider);
 // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
-var Heading_ = __webpack_require__(78);
+var Heading_ = __webpack_require__(80);
 var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
 
 // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
-var useSplunkTheme_ = __webpack_require__(68);
+var useSplunkTheme_ = __webpack_require__(70);
 var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
 
 // CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
@@ -361,209 +361,30 @@ var isString_ = __webpack_require__(23);
 var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/CaretSmallRight"
-var CaretSmallRight_ = __webpack_require__(143);
+var CaretSmallRight_ = __webpack_require__(145);
 var CaretSmallRight_default = /*#__PURE__*/__webpack_require__.n(CaretSmallRight_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Checkmark"
-var Checkmark_ = __webpack_require__(76);
+var Checkmark_ = __webpack_require__(78);
 var Checkmark_default = /*#__PURE__*/__webpack_require__.n(Checkmark_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Check"
-var Check_ = __webpack_require__(95);
+var Check_ = __webpack_require__(97);
 var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
-var ChevronRight_ = __webpack_require__(35);
+var ChevronRight_ = __webpack_require__(38);
 var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_);
 
-// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(12);
-var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Switch"
-var Switch_ = __webpack_require__(58);
-var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
-
-// CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
-
-
-
-
-var itemDescription = Object(external_styled_components_["css"])(["color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;"], Object(themes_["pick"])({
-  prisma: themes_["variables"].contentColorDefault,
-  enterprise: themes_["variables"].textGray
-}), themes_["variables"].fontSizeSmall, Object(themes_["pick"])({
-  prisma: '16px'
-}));
-var StyledItemDescriptionBottom = external_styled_components_default.a.span.withConfig({
-  displayName: "ItemStyles__StyledItemDescriptionBottom",
-  componentId: "sc-4kc053-0"
-})(["", ";display:block;"], itemDescription);
-var StyledItemDescriptionRight = external_styled_components_default.a.span.withConfig({
-  displayName: "ItemStyles__StyledItemDescriptionRight",
-  componentId: "sc-4kc053-1"
-})(["", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;"], itemDescription, themes_["variables"].spacing);
-var StyledItemSelectedIcon = external_styled_components_default.a.div.withConfig({
-  displayName: "ItemStyles__StyledItemSelectedIcon",
-  componentId: "sc-4kc053-2"
-})(["position:absolute;", " color:", ";"], Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["right:16px;"]),
-  enterprise: Object(external_styled_components_["css"])(["top:5px;right:3px;left:8px;"])
-}), Object(themes_["pick"])({
-  prisma: themes_["variables"].contentColorActive,
-  enterprise: themes_["variables"].accentColorL10
-}));
-var StyledItemIcon = external_styled_components_default.a.span.withConfig({
-  displayName: "ItemStyles__StyledItemIcon",
-  componentId: "sc-4kc053-3"
-})(["flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", ""], Object(themes_["pick"])({
-  prisma: '8px',
-  enterprise: '3px'
-}), Object(themes_["pick"])({
-  prisma: 'initial',
-  enterprise: 'middle'
-}), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}"], themes_["variables"].contentColorMuted),
-  enterprise: Object(external_styled_components_["css"])(["transform:translateY(-1px);"])
-}));
-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"])({
-  prisma: themes_["variables"].contentColorActive,
-  enterprise: {
-    dark: themes_["variables"].gray96,
-    light: themes_["variables"].gray22
-  }
-}), Object(themes_["pick"])({
-  prisma: {
-    comfortable: '10px 16px',
-    compact: '6px 16px'
-  },
-  enterprise: '6px 10px'
-}), function (_ref) {
-  var $isSelectable = _ref.$isSelectable,
-      $selectableAppearance = _ref.$selectableAppearance;
-  return $isSelectable && Object(themes_["pick"])({
-    prisma: Object(external_styled_components_["css"])(["padding-right:44px;", ""], function () {
-      return $selectableAppearance === 'checkbox' && 'padding-left: 42px;';
-    }),
-    enterprise: Object(external_styled_components_["css"])(["padding-right:10px;padding-left:", ";"], function () {
-      return $selectableAppearance === 'checkbox' ? '32px' : '28px';
-    })
-  });
-}, function (_ref2) {
-  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 (_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))
-  });
-}, themes_["variables"].focusShadowInset, Object(themes_["pick"])({
-  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 (_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))
-  });
-}, Object(themes_["pick"])({
-  enterprise: {
-    light: themes_["variables"].gray45,
-    dark: themes_["variables"].contentColorDisabled
-  },
-  prisma: themes_["variables"].contentColorDisabled
-}),
-/* sc-sel */
-StyledItemDescriptionBottom,
-/* sc-sel */
-StyledItemDescriptionRight,
-/* sc-sel */
-StyledItemSelectedIcon, Object(themes_["pick"])({
-  prisma: themes_["variables"].contentColorDisabled,
-  enterprise: themes_["variables"].gray80
-}), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["& > * > ", "{color:", ";}"],
-  /* sc-sel */
-  StyledItemIcon, themes_["variables"].contentColorDisabled)
-}), function (_ref6) {
-  var $selected = _ref6.$selected;
-  return $selected && Object(themes_["pick"])({
-    prisma: Object(external_styled_components_["css"])(["", "{color:", ";}"],
-    /* sc-sel */
-    StyledItemIcon, themes_["variables"].contentColorActive)
-  });
-});
-var StyledSwitch = external_styled_components_default()(Switch_default.a).withConfig({
-  displayName: "ItemStyles__StyledSwitch",
-  componentId: "sc-4kc053-5"
-})(["position:absolute;left:", ";top:", ";"], Object(themes_["pick"])({
-  prisma: '16px',
-  enterprise: '8px'
-}), Object(themes_["pick"])({
-  prisma: '0px',
-  enterprise: {
-    comfortable: '-1px',
-    compact: '2px'
-  }
-}));
-var StyledInnerWrapper = external_styled_components_default.a.span.withConfig({
-  displayName: "ItemStyles__StyledInnerWrapper",
-  componentId: "sc-4kc053-6"
-})(["display:flex;align-items:flex-start;"]);
-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 (_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 (_ref8) {
-  var $truncate = _ref8.$truncate;
-  return $truncate && Object(external_styled_components_["css"])(["display:block;clear:both;"]);
-});
-var StyledMatch = external_styled_components_default.a.span.withConfig({
-  displayName: "ItemStyles__StyledMatch",
-  componentId: "sc-4kc053-9"
-})(["border-bottom:1px solid ", ";"], Object(themes_["pick"])({
-  prisma: themes_["variables"].contentColorActive,
-  enterprise: {
-    dark: themes_["variables"].gray96,
-    light: themes_["variables"].gray45
-  }
-}));
-var StyledSubmenu = external_styled_components_default.a.span.withConfig({
-  displayName: "ItemStyles__StyledSubmenu",
-  componentId: "sc-4kc053-10"
-})(["float:right;padding-left:", ";color:", ";"], themes_["variables"].spacingSmall, Object(themes_["pick"])({
-  prisma: 'inherit',
-  enterprise: themes_["variables"].textGray
-}));
+// EXTERNAL MODULE: ./src/Menu/ItemStyles.ts
+var ItemStyles = __webpack_require__(25);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
-var ArrowSquareTopRight_ = __webpack_require__(94);
+var ArrowSquareTopRight_ = __webpack_require__(96);
 var ArrowSquareTopRight_default = /*#__PURE__*/__webpack_require__.n(ArrowSquareTopRight_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
-var External_ = __webpack_require__(63);
+var External_ = __webpack_require__(65);
 var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -609,7 +430,7 @@ function External() {
 var updateReactRef = __webpack_require__(10);
 
 // EXTERNAL MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
-var utils_scrollIntoViewIfNeeded = __webpack_require__(89);
+var utils_scrollIntoViewIfNeeded = __webpack_require__(91);
 
 // CONCATENATED MODULE: ./src/Menu/Item.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -777,7 +598,7 @@ var Item_Item = /*#__PURE__*/function (_Component) {
         segments.push(
         /*#__PURE__*/
         // eslint-disable-next-line react/no-array-index-key
-        external_react_default.a.createElement(StyledMatch, {
+        external_react_default.a.createElement(ItemStyles["h" /* StyledMatch */], {
           key: index,
           "data-test": "match"
         }, children.substring(match.start, match.end)));
@@ -829,7 +650,7 @@ var Item_Item = /*#__PURE__*/function (_Component) {
       var selectablePosition = isPrisma ? 'right' : 'left';
       var descriptionRight = description && descriptionPosition === 'right' && selectablePosition !== 'right';
       var descriptionBottom = description && !descriptionRight;
-      var selectableCheckmark = selected && selectableAppearance === 'checkmark' && /*#__PURE__*/external_react_default.a.createElement(StyledItemSelectedIcon, null, isPrisma ? /*#__PURE__*/external_react_default.a.createElement(Checkmark_default.a, {
+      var selectableCheckmark = selected && selectableAppearance === 'checkmark' && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["f" /* StyledItemSelectedIcon */], null, isPrisma ? /*#__PURE__*/external_react_default.a.createElement(Checkmark_default.a, {
         inline: true,
         height: "16",
         width: "16"
@@ -839,7 +660,7 @@ var Item_Item = /*#__PURE__*/function (_Component) {
         screenReaderText: null,
         size: 0.85
       }));
-      return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, Item_extends({
+      return /*#__PURE__*/external_react_default.a.createElement(ItemStyles["a" /* StyledClickable */], Item_extends({
         $isSelectable: isSelectable,
         $selectableAppearance: selectableAppearance,
         $selected: selected,
@@ -862,25 +683,25 @@ var Item_Item = /*#__PURE__*/function (_Component) {
         openInNewContext: openInNewContext
       }, ariaProps, omit_default()(otherProps, 'onFocus'), {
         elementRef: this.handleMount
-      }), selectablePosition === 'left' && selectableCheckmark, selectable && selectableAppearance === 'checkbox' && /*#__PURE__*/external_react_default.a.createElement(StyledSwitch, {
+      }), selectablePosition === 'left' && selectableCheckmark, selectable && selectableAppearance === 'checkbox' && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["j" /* StyledSwitch */], {
         interactive: false,
         selected: selected,
         selectedLabel: "Selected",
         value: "menu-item"
-      }), hasSubmenu && /*#__PURE__*/external_react_default.a.createElement(StyledSubmenu, null, isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(ChevronRight_default.a, {
+      }), hasSubmenu && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["i" /* StyledSubmenu */], null, isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(ChevronRight_default.a, {
         hideDefaultTooltip: true,
         screenReaderText: null
       }) : /*#__PURE__*/external_react_default.a.createElement(CaretSmallRight_default.a, {
         height: "24",
         width: "24"
-      })), descriptionRight && /*#__PURE__*/external_react_default.a.createElement(StyledItemDescriptionRight, {
+      })), descriptionRight && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["d" /* StyledItemDescriptionRight */], {
         "data-test": "description"
-      }, description), /*#__PURE__*/external_react_default.a.createElement(StyledInnerWrapper, null, icon && /*#__PURE__*/external_react_default.a.createElement(StyledItemIcon, null, icon), /*#__PURE__*/external_react_default.a.createElement(StyledTitleAndDescriptionWrapper, {
+      }, description), /*#__PURE__*/external_react_default.a.createElement(ItemStyles["b" /* StyledInnerWrapper */], null, icon && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["e" /* StyledItemIcon */], null, icon), /*#__PURE__*/external_react_default.a.createElement(ItemStyles["k" /* StyledTitleAndDescriptionWrapper */], {
         $truncate: truncate
-      }, /*#__PURE__*/external_react_default.a.createElement(StyledLabel, {
+      }, /*#__PURE__*/external_react_default.a.createElement(ItemStyles["g" /* StyledLabel */], {
         $truncate: truncate,
         "data-test": "label"
-      }, this.renderLabel(), openInNewContext && /*#__PURE__*/external_react_default.a.createElement(icons_External, null)), descriptionBottom && /*#__PURE__*/external_react_default.a.createElement(StyledItemDescriptionBottom, {
+      }, this.renderLabel(), openInNewContext && /*#__PURE__*/external_react_default.a.createElement(icons_External, null)), descriptionBottom && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["c" /* StyledItemDescriptionBottom */], {
         "data-test": "description"
       }, description)), selectablePosition === 'right' && selectableCheckmark));
     }
@@ -901,7 +722,7 @@ ItemWithTheme.propTypes = Item_Item.propTypes;
 ItemWithTheme.as = 'Item';
 /* harmony default export */ var Menu_Item = (ItemWithTheme);
 // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
-var Scroll_ = __webpack_require__(87);
+var Scroll_ = __webpack_require__(89);
 var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
 
 // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
@@ -933,7 +754,7 @@ MenuStyles_Styled,
 MenuStyles_Styled, adjacentSiblingStyles);
 
 // EXTERNAL MODULE: ./src/utils/navigateList.ts
-var navigateList = __webpack_require__(57);
+var navigateList = __webpack_require__(60);
 
 // CONCATENATED MODULE: ./src/Menu/Menu.tsx
 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); }
@@ -1157,10 +978,202 @@ module.exports = require("lodash/isString");
 
 /***/ }),
 
-/***/ 29:
-/***/ (function(module, exports) {
+/***/ 25:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return StyledClickable; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return StyledInnerWrapper; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return StyledItemDescriptionBottom; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return StyledItemDescriptionRight; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return StyledItemIcon; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return StyledItemSelectedIcon; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return StyledLabel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return StyledMatch; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return StyledSubmenu; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return StyledSwitch; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return StyledTitleAndDescriptionWrapper; });
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12);
+/* harmony import */ var _splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(39);
+/* harmony import */ var _splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
+/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+var itemDescription = Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDefault,
+  enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].textGray
+}), _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].fontSizeSmall, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: '16px'
+}));
+var StyledItemDescriptionBottom = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
+  displayName: "ItemStyles__StyledItemDescriptionBottom",
+  componentId: "sc-4kc053-0"
+})(["", ";display:block;"], itemDescription);
+var StyledItemDescriptionRight = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
+  displayName: "ItemStyles__StyledItemDescriptionRight",
+  componentId: "sc-4kc053-1"
+})(["", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;"], itemDescription, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].spacing);
+var StyledItemSelectedIcon = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.div.withConfig({
+  displayName: "ItemStyles__StyledItemSelectedIcon",
+  componentId: "sc-4kc053-2"
+})(["position:absolute;", " color:", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["right:16px;"]),
+  enterprise: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["top:5px;right:3px;left:8px;"])
+}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive,
+  enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].accentColorL10
+}));
+var StyledItemIcon = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
+  displayName: "ItemStyles__StyledItemIcon",
+  componentId: "sc-4kc053-3"
+})(["flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", ""], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: '8px',
+  enterprise: '3px'
+}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: 'initial',
+  enterprise: 'middle'
+}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorMuted),
+  enterprise: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["transform:translateY(-1px);"])
+}));
+var StyledClickable = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1___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(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive,
+  enterprise: {
+    dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray96,
+    light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray22
+  }
+}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: {
+    comfortable: '10px 16px',
+    compact: '6px 16px'
+  },
+  enterprise: '6px 10px'
+}), function (_ref) {
+  var $isSelectable = _ref.$isSelectable,
+      $selectableAppearance = _ref.$selectableAppearance;
+  return $isSelectable && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+    prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["padding-right:44px;", ""], function () {
+      return $selectableAppearance === 'checkbox' && 'padding-left: 42px;';
+    }),
+    enterprise: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["padding-right:10px;padding-left:", ";"], function () {
+      return $selectableAppearance === 'checkbox' ? '32px' : '28px';
+    })
+  });
+}, function (_ref2) {
+  var $active = _ref2.$active,
+      $preventFocus = _ref2.$preventFocus;
+  return $active && !$preventFocus && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["box-shadow:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].focusShadowInset);
+}, function (_ref3) {
+  var $active = _ref3.$active;
+  return $active && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";font-weight:", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+    enterprise: {
+      light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray92,
+      dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray22
+    },
+    prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].neutral100
+  }), _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].fontWeightBold);
+}, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayHover,
+  enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].backgroundColorHover
+}), function (_ref4) {
+  var $selected = _ref4.$selected;
+  return $selected && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+    prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["mixins"].overlayColors(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlaySelected, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayHover))
+  });
+}, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].focusShadowInset, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayHover)
+}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["&:active{background:", ";}"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayActive)
+}), function (_ref5) {
+  var $selected = _ref5.$selected;
+  return $selected && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+    prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";&:active{background:", ";}"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlaySelected, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["mixins"].overlayColors(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlaySelected, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayActive))
+  });
+}, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  enterprise: {
+    light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray45,
+    dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled
+  },
+  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled
+}),
+/* sc-sel */
+StyledItemDescriptionBottom,
+/* sc-sel */
+StyledItemDescriptionRight,
+/* sc-sel */
+StyledItemSelectedIcon, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled,
+  enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray80
+}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["& > * > ", "{color:", ";}"],
+  /* sc-sel */
+  StyledItemIcon, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled)
+}), function (_ref6) {
+  var $selected = _ref6.$selected;
+  return $selected && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+    prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["", "{color:", ";}"],
+    /* sc-sel */
+    StyledItemIcon, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive)
+  });
+});
+var StyledSwitch = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2___default.a).withConfig({
+  displayName: "ItemStyles__StyledSwitch",
+  componentId: "sc-4kc053-5"
+})(["position:absolute;left:", ";top:", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: '16px',
+  enterprise: '8px'
+}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: '0px',
+  enterprise: {
+    comfortable: '-1px',
+    compact: '2px'
+  }
+}));
+var StyledInnerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
+  displayName: "ItemStyles__StyledInnerWrapper",
+  componentId: "sc-4kc053-6"
+})(["display:flex;align-items:flex-start;"]);
+var StyledTitleAndDescriptionWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___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 (_ref7) {
+  var $truncate = _ref7.$truncate;
+  return $truncate && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
+});
+var StyledLabel = styled_components__WEBPACK_IMPORTED_MODULE_0___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 (_ref8) {
+  var $truncate = _ref8.$truncate;
+  return $truncate && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["display:block;clear:both;"]);
+});
+var StyledMatch = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
+  displayName: "ItemStyles__StyledMatch",
+  componentId: "sc-4kc053-9"
+})(["border-bottom:1px solid ", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive,
+  enterprise: {
+    dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray96,
+    light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray45
+  }
+}));
+var StyledSubmenu = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
+  displayName: "ItemStyles__StyledSubmenu",
+  componentId: "sc-4kc053-10"
+})(["float:right;padding-left:", ";color:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].spacingSmall, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
+  prisma: 'inherit',
+  enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].textGray
+}));
 
-module.exports = require("@splunk/ui-utils/focus");
 
 /***/ }),
 
@@ -1171,13 +1184,27 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 35:
+/***/ 31:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/focus");
+
+/***/ }),
+
+/***/ 38:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
 
 /***/ }),
 
+/***/ 39:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Switch");
+
+/***/ }),
+
 /***/ 4:
 /***/ (function(module, exports) {
 
@@ -1185,7 +1212,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 45:
+/***/ 48:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/useForceUpdate");
@@ -1199,7 +1226,7 @@ module.exports = require("lodash/omit");
 
 /***/ }),
 
-/***/ 57:
+/***/ 60:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1238,56 +1265,49 @@ function getPrevListItem(refs, currentIndex, prevIndex) {
 
 /***/ }),
 
-/***/ 58:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Switch");
-
-/***/ }),
-
-/***/ 63:
+/***/ 65:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/External");
 
 /***/ }),
 
-/***/ 68:
+/***/ 7:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes/useSplunkTheme");
+module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 7:
+/***/ 70:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/keyboard");
+module.exports = require("@splunk/themes/useSplunkTheme");
 
 /***/ }),
 
-/***/ 76:
+/***/ 78:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Checkmark");
 
 /***/ }),
 
-/***/ 78:
+/***/ 80:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Heading");
 
 /***/ }),
 
-/***/ 87:
+/***/ 89:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Scroll");
 
 /***/ }),
 
-/***/ 89:
+/***/ 91:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1316,14 +1336,14 @@ var scrollIntoViewIfNeeded = function scrollIntoViewIfNeeded(el) {
 
 /***/ }),
 
-/***/ 94:
+/***/ 96:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ArrowSquareTopRight");
 
 /***/ }),
 
-/***/ 95:
+/***/ 97:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Check");