@splunk/react-ui 4.16.3 → 4.17.0

package/Text.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 188);
+/******/ 	return __webpack_require__(__webpack_require__.s = 194);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -104,11 +104,11 @@ module.exports = require("prop-types");
 /***/ 10:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/keys");
+module.exports = require("lodash/has");
 
 /***/ }),
 
-/***/ 106:
+/***/ 105:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
@@ -116,13 +116,6 @@ module.exports = require("@splunk/react-ui/ControlGroup");
 /***/ }),
 
 /***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/has");
-
-/***/ }),
-
-/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -149,21 +142,28 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 16:
+/***/ 14:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 160:
+/***/ 164:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/TextArea");
 
 /***/ }),
 
-/***/ 188:
+/***/ 17:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Button");
+
+/***/ }),
+
+/***/ 194:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -182,11 +182,11 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(11);
+var has_ = __webpack_require__(10);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/keys"
-var keys_ = __webpack_require__(10);
+var keys_ = __webpack_require__(9);
 var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
 
 // EXTERNAL MODULE: external "lodash/omit"
@@ -197,38 +197,45 @@ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 var pickBy_ = __webpack_require__(71);
 var pickBy_default = /*#__PURE__*/__webpack_require__.n(pickBy_);
 
-// EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(40);
+// EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
+var ControlGroup_ = __webpack_require__(105);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/Cross"
+var Cross_ = __webpack_require__(25);
+var Cross_default = /*#__PURE__*/__webpack_require__.n(Cross_);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Close"
+var Close_ = __webpack_require__(26);
+var Close_default = /*#__PURE__*/__webpack_require__.n(Close_);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Search"
+var Search_ = __webpack_require__(51);
+var Search_default = /*#__PURE__*/__webpack_require__.n(Search_);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/Magnifier"
+var Magnifier_ = __webpack_require__(46);
+var Magnifier_default = /*#__PURE__*/__webpack_require__.n(Magnifier_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(16);
+var ScreenReaderContent_ = __webpack_require__(14);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
+// EXTERNAL MODULE: external "@splunk/react-ui/TextArea"
+var TextArea_ = __webpack_require__(164);
+var TextArea_default = /*#__PURE__*/__webpack_require__.n(TextArea_);
+
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
-// EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(106);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/TextArea"
-var TextArea_ = __webpack_require__(160);
-var TextArea_default = /*#__PURE__*/__webpack_require__.n(TextArea_);
+// EXTERNAL MODULE: external "@splunk/ui-utils/style"
+var style_ = __webpack_require__(37);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(4);
 
-// EXTERNAL MODULE: ./src/icons/Search.tsx
-var Search = __webpack_require__(39);
-
-// EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(27);
-
-// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/SVG"
-var SVG_ = __webpack_require__(32);
-var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
+// EXTERNAL MODULE: external "@splunk/react-icons/SVGEnterprise"
+var SVGEnterprise_ = __webpack_require__(32);
+var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_);
 
 // CONCATENATED MODULE: ./src/Text/IconOutlinedHide.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); }
@@ -244,7 +251,7 @@ function IconOutlinedHide(props) {
       density = _useSplunkTheme.density;
 
   if (family === 'enterprise') {
-    return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, _extends({
+    return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, _extends({
       viewBox: "0 0 24 24",
       size: 1.2,
       screenReaderText: Object(i18n_["_"])('Hide password')
@@ -300,7 +307,7 @@ function IconOutlinedView(props) {
       density = _useSplunkTheme.density;
 
   if (family === 'enterprise') {
-    return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, IconOutlinedView_extends({
+    return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, IconOutlinedView_extends({
       viewBox: "0 0 24 24",
       size: 1.2,
       screenReaderText: Object(i18n_["_"])('View password')
@@ -345,11 +352,11 @@ var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
-var Box_ = __webpack_require__(8);
+var Box_ = __webpack_require__(6);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
-var Button_ = __webpack_require__(19);
+var Button_ = __webpack_require__(17);
 var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 
 // CONCATENATED MODULE: ./src/Text/TextStyles.ts
@@ -357,7 +364,6 @@ var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 
 
 
-
 var disabledStyles = Object(external_styled_components_["css"])(["&,&[type]{cursor:not-allowed;color:", ";&::placeholder{color:", ";}}"], Object(themes_["pick"])({
   enterprise: themes_["variables"].textDisabledColor,
   prisma: themes_["variables"].contentColorDisabled
@@ -404,22 +410,9 @@ var StyledSearchIconWrapper = external_styled_components_default.a.span.withConf
     prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorDisabled)
   }));
 });
-var StyledSearchIcon = external_styled_components_default()(Search["a" /* default */]).withConfig({
-  displayName: "TextStyles__StyledSearchIcon",
-  componentId: "eg7n6t-2"
-})(["", ";color:", ";pointer-events:none;padding:", ";", ""], themes_["mixins"].reset('inline-block'), Object(themes_["pick"])({
-  enterprise: {
-    light: themes_["variables"].gray60,
-    dark: themes_["variables"].white
-  },
-  prisma: themes_["variables"].contentColorMuted
-}), Object(themes_["pick"])({
-  comfortable: '0 8px',
-  compact: '0 6px'
-}), buttonStyles);
 var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   displayName: "TextStyles__StyledBox",
-  componentId: "eg7n6t-3"
+  componentId: "eg7n6t-2"
 })(["display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;&[data-inline]{width:230px;flex-basis:230px;[data-inline] + &{margin-left:", ";}}&:focus-within:not([disabled]){", "{", "}", "{visibility:visible;display:block;}}", ""], Object(themes_["pick"])({
   enterprise: themes_["variables"].spacingHalf,
   prisma: themes_["variables"].spacingSmall
@@ -437,7 +430,7 @@ StyledClearButton, function (_ref2) {
 });
 var StyledInputWrapper = external_styled_components_default.a.span.withConfig({
   displayName: "TextStyles__StyledInputWrapper",
-  componentId: "eg7n6t-4"
+  componentId: "eg7n6t-3"
 })(["", ";flex-grow:1;min-height:", ";position:relative;overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);padding:", ";align-items:center;", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}", " ", " ", " ", ""], themes_["mixins"].reset('inline-flex'), themes_["variables"].inputHeight, Object(themes_["pick"])({
   enterprise: {
     light: themes_["variables"].gray60,
@@ -497,7 +490,7 @@ var StyledInputWrapper = external_styled_components_default.a.span.withConfig({
 
 var StyledInput = external_styled_components_default.a.input.withConfig({
   displayName: "TextStyles__StyledInput",
-  componentId: "eg7n6t-5"
+  componentId: "eg7n6t-4"
 })(["", ";&,&[type]{outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;&[type='time']{&::-webkit-calendar-picker-indicator{display:none;}height:", ";@media screen and (min--moz-device-pixel-ratio:0){padding-right:", ";}}position:relative;&::placeholder{color:", ";opacity:1;}", " ", "}"], themes_["mixins"].reset('inline-flex'), Object(themes_["pick"])({
   enterprise: themes_["variables"].textColor,
   prisma: themes_["variables"].contentColorActive
@@ -525,11 +518,11 @@ var StyledInput = external_styled_components_default.a.input.withConfig({
 });
 var StyledVisibilityToggle = external_styled_components_default()(Button_default.a).withConfig({
   displayName: "TextStyles__StyledVisibilityToggle",
-  componentId: "eg7n6t-6"
+  componentId: "eg7n6t-5"
 })(["", ""], buttonStyles);
 var StyledPlaceholder = external_styled_components_default.a.span.withConfig({
   displayName: "TextStyles__StyledPlaceholder",
-  componentId: "eg7n6t-7"
+  componentId: "eg7n6t-6"
 })(["pointer-events:none;color:", ";position:absolute;overflow:hidden;font-size:inherit;line-height:inherit;height:", ";margin-right:", ";", ";", ";", ""], Object(themes_["pick"])({
   enterprise: themes_["variables"].textGray,
   prisma: themes_["variables"].contentColorMuted
@@ -587,7 +580,7 @@ var adornmentHolder = Object(external_styled_components_["css"])(["display:inlin
 }));
 var StyledStartAdornmentHolder = external_styled_components_default.a.div.withConfig({
   displayName: "TextStyles__StyledStartAdornmentHolder",
-  componentId: "eg7n6t-8"
+  componentId: "eg7n6t-7"
 })(["", " ", ";"], adornmentHolder, function (_ref14) {
   var $width = _ref14.$width;
   return $width ? Object(external_styled_components_["css"])(["min-width:", "px;"], $width) : Object(external_styled_components_["css"])(["min-width:", ";"], Object(themes_["pick"])({
@@ -603,7 +596,7 @@ var StyledStartAdornmentHolder = external_styled_components_default.a.div.withCo
 });
 var StyledEndAdornmentHolder = external_styled_components_default.a.div.withConfig({
   displayName: "TextStyles__StyledEndAdornmentHolder",
-  componentId: "eg7n6t-9"
+  componentId: "eg7n6t-8"
 })(["", " ", ";"], adornmentHolder, function (_ref15) {
   var $width = _ref15.$width;
   return $width ? Object(external_styled_components_["css"])(["min-width:", "px;"], $width) : Object(external_styled_components_["css"])(["min-width:", ";"], Object(themes_["pick"])({
@@ -619,7 +612,7 @@ var StyledEndAdornmentHolder = external_styled_components_default.a.div.withConf
 });
 var StyledAdornment = external_styled_components_default.a.div.withConfig({
   displayName: "TextStyles__StyledAdornment",
-  componentId: "eg7n6t-10"
+  componentId: "eg7n6t-9"
 })(["display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", ";", ";", ""], Object(themes_["pick"])({
   enterprise: {
     comfortable: '30px',
@@ -645,6 +638,9 @@ var StyledAdornment = external_styled_components_default.a.div.withConfig({
   enterprise: Object(external_styled_components_["css"])(["margin-left:-1px;margin-right:-1px;"])
 }));
 
+// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
+var updateReactRef = __webpack_require__(11);
+
 // CONCATENATED MODULE: ./src/Text/Text.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); }
 
@@ -709,6 +705,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
+
 
 /** @public */
 
@@ -924,7 +922,10 @@ var Text_Text = /*#__PURE__*/function (_Component) {
           disabled = _this$props8.disabled,
           canClear = _this$props8.canClear,
           splunkTheme = _this$props8.splunkTheme;
-      var isPrisma = splunkTheme.isPrisma;
+      var isPrisma = splunkTheme.isPrisma,
+          isCompact = splunkTheme.isCompact,
+          isEnterprise = splunkTheme.isEnterprise;
+      var prismaSize = isCompact ? '20px' : '24px';
       var adornmentProps = {
         ref: function ref(el) {
           _this.endAdornment = el;
@@ -959,8 +960,10 @@ var Text_Text = /*#__PURE__*/function (_Component) {
         if (!displayValue) {
           return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default.a.createElement(StyledSearchIconWrapper, {
             $disabled: disabled
-          }, /*#__PURE__*/external_react_default.a.createElement(Search["a" /* default */], {
-            enterpriseSize: "16px",
+          }, /*#__PURE__*/external_react_default.a.createElement(Search_default.a, {
+            screenReaderText: null,
+            hideDefaultTooltip: true,
+            size: "16px",
             inline: false
           })));
         }
@@ -969,16 +972,23 @@ var Text_Text = /*#__PURE__*/function (_Component) {
           appearance: isPrisma ? 'secondary' : 'pill',
           "data-test": "clear",
           inline: false,
-          icon: /*#__PURE__*/external_react_default.a.createElement(CrossMark["a" /* default */], {
-            enterpriseSize: 1,
+          icon: isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Close_default.a, {
+            size: 1,
             screenReaderText: clearButtonText
+          }) : /*#__PURE__*/external_react_default.a.createElement(Cross_default.a, {
+            "aria-label": clearButtonText
           }),
           onClick: _this.handleClear
         }), /*#__PURE__*/external_react_default.a.createElement(StyledSearchIconWrapper, {
           $disabled: disabled
-        }, /*#__PURE__*/external_react_default.a.createElement(Search["a" /* default */], {
-          enterpriseSize: "16px",
+        }, isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Search_default.a, {
+          screenReaderText: null,
+          hideDefaultTooltip: true,
+          size: "16px",
           inline: false
+        }) : /*#__PURE__*/external_react_default.a.createElement(Magnifier_default.a, {
+          width: prismaSize,
+          height: prismaSize
         })));
       }
 
@@ -987,10 +997,14 @@ var Text_Text = /*#__PURE__*/function (_Component) {
           "data-test": "clear",
           appearance: isPrisma ? 'secondary' : 'pill',
           onClick: _this.handleClear,
-          icon: /*#__PURE__*/external_react_default.a.createElement(CrossMark["a" /* default */], {
+          icon: isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Close_default.a, {
             inline: false,
-            enterpriseSize: 1,
             screenReaderText: clearButtonText
+          }) : /*#__PURE__*/external_react_default.a.createElement(Cross_default.a, {
+            "aria-label": clearButtonText,
+            height: prismaSize,
+            inline: false,
+            width: prismaSize
           })
         }));
       }
@@ -1004,7 +1018,9 @@ var Text_Text = /*#__PURE__*/function (_Component) {
           startAdornment = _this$props9.startAdornment,
           splunkTheme = _this$props9.splunkTheme,
           disabled = _this$props9.disabled;
-      var isPrisma = splunkTheme.isPrisma;
+      var isPrisma = splunkTheme.isPrisma,
+          isCompact = splunkTheme.isCompact;
+      var prismaSize = isCompact ? '20px' : '24px';
       var adornmentProps = {
         ref: function ref(el) {
           _this.startAdornment = el;
@@ -1020,10 +1036,10 @@ var Text_Text = /*#__PURE__*/function (_Component) {
       if (isPrisma && appearance === 'search') {
         return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default.a.createElement(StyledSearchIconWrapper, {
           $disabled: disabled
-        }, /*#__PURE__*/external_react_default.a.createElement(Search["a" /* default */], {
-          enterpriseSize: "16px",
-          inline: false,
-          screenReaderText: "Search"
+        }, /*#__PURE__*/external_react_default.a.createElement(Magnifier_default.a, {
+          "aria-label": "Search",
+          height: prismaSize,
+          width: prismaSize
         })));
       }
 
@@ -1259,13 +1275,6 @@ TextWithTheme.componentType = Text_Text.componentType;
 
 
 
-/***/ }),
-
-/***/ 19:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Button");
-
 /***/ }),
 
 /***/ 2:
@@ -1275,60 +1284,17 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 27:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
-/* 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_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
-/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__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);
-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); }
-
-
-
-
-
-
-function Prisma24(_ref) {
-  var otherProps = _extends({}, _ref);
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
-    viewBox: "0 0 24 24"
-  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
-    d: "M6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.2929 17.2929C4.90238 17.6834 4.90238 18.3166 5.2929 18.7071C5.68342 19.0976 6.31659 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289Z",
-    fill: "currentColor"
-  }));
-}
-
-function Prisma16(_ref2) {
-  var otherProps = _extends({}, _ref2);
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
-    viewBox: "0 0 16 16"
-  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
-    d: "M12.2024 2.69009C12.5092 2.38325 13.0067 2.38325 13.3136 2.69009C13.6204 2.99693 13.6204 3.49442 13.3136 3.80126L9.11721 7.99762L13.3114 12.1918C13.6206 12.501 13.6206 13.0023 13.3114 13.3114C13.0023 13.6206 12.501 13.6206 12.1918 13.3114L7.99762 9.11721L3.885 13.2298C3.57816 13.5367 3.08067 13.5367 2.77383 13.2298C2.46699 12.923 2.46699 12.4255 2.77383 12.1187L6.88645 8.00604L2.69183 3.81142C2.38267 3.50226 2.38267 3.001 2.69183 2.69183C3.001 2.38267 3.50226 2.38267 3.81142 2.69183L8.00604 6.88646L12.2024 2.69009Z",
-    fill: "currentColor"
-  }));
-}
+/***/ 25:
+/***/ (function(module, exports) {
 
-function CrossMark(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
-    Prisma16: Prisma16,
-    Prisma24: Prisma24
-  }, props));
-}
+module.exports = require("@splunk/react-icons/Cross");
 
 /***/ }),
 
-/***/ 29:
+/***/ 26:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Close");
+module.exports = require("@splunk/react-icons/enterprise/Close");
 
 /***/ }),
 
@@ -1342,57 +1308,14 @@ module.exports = require("styled-components");
 /***/ 32:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/SVG");
+module.exports = require("@splunk/react-icons/SVGEnterprise");
 
 /***/ }),
 
-/***/ 39:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
-/* 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_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56);
-/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__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);
-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); }
-
-
-
-
-
-
-function Prisma24(_ref) {
-  var otherProps = _extends({}, _ref);
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
-    viewBox: "0 0 24 24"
-  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
-    d: "M10.5,3.0015 C14.6421,3.0015 18,6.3593 18,10.5015 C18,12.2112 17.4279,13.7873 16.4647,15.0489 L20.7077,19.292 C21.0983,19.6825 21.0983,20.3156 20.7077,20.7062 C20.3172,21.0967 19.6841,21.0967 19.2935,20.7062 L15.0509,16.4635 C13.7888,17.4283 12.2113,18.0015 10.5,18.0015 C6.3579,18.0015 3,14.6436 3,10.5015 C3,6.3593 6.3579,3.0015 10.5,3.0015 Z M10.5,5.0015 C7.4624,5.0015 5,7.4639 5,10.5015 C5,13.539 7.4624,16.0015 10.5,16.0015 C13.5376,16.0015 16,13.539 16,10.5015 C16,7.4639 13.5376,5.0015 10.5,5.0015 Z",
-    fill: "currentColor"
-  }));
-}
-
-function Prisma16(_ref2) {
-  var otherProps = _extends({}, _ref2);
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
-    viewBox: "0 0 16 16"
-  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
-    d: "M6.85277,2.0015 C9.53288,2.0015 11.7055,4.1741 11.7055,6.8542 C11.7055,7.8463 11.4079,8.7688 10.897,9.5373 L10.9245,9.5098 L14.0018,12.5871 L12.5876,14.0014 L9.51025,10.924 L9.53587,10.8984 C8.76733,11.4093 7.84481,11.707 6.85277,11.707 C4.17266,11.707 2,9.5343 2,6.8542 C2,4.1741 4.17266,2.0015 6.85277,2.0015 Z M6.85277,4.0015 C5.27723,4.0015 4,5.2787 4,6.8542 C4,8.4298 5.27723,9.707 6.85277,9.707 C8.42831,9.707 9.70554,8.4298 9.70554,6.8542 C9.70554,5.2787 8.42831,4.0015 6.85277,4.0015 Z",
-    fill: "currentColor"
-  }));
-}
+/***/ 37:
+/***/ (function(module, exports) {
 
-function Search(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
-    Prisma16: Prisma16,
-    Prisma24: Prisma24
-  }, props));
-}
+module.exports = require("@splunk/ui-utils/style");
 
 /***/ }),
 
@@ -1403,10 +1326,10 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 40:
+/***/ 46:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/style");
+module.exports = require("@splunk/react-icons/Magnifier");
 
 /***/ }),
 
@@ -1417,153 +1340,17 @@ module.exports = require("lodash/omit");
 
 /***/ }),
 
-/***/ 56:
+/***/ 51:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Search");
+module.exports = require("@splunk/react-icons/enterprise/Search");
 
 /***/ }),
 
 /***/ 6:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
-/* 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 styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
-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 Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
-  displayName: "SVG__Styled",
-  componentId: "sc-1bz0ryh-0"
-})(["flex:0 0 auto;"]);
-function SVG(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props));
-}
-
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
-/* 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 prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
-/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
-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 _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); }
-
-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; }
-
-function _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; }
-
-
-
-
-var inlineStyles = {
-  display: 'inline-block',
-  flex: '0 0 auto',
-  overflow: 'visible',
-  verticalAlign: 'middle'
-};
-var blockStyles = {
-  display: 'block',
-  flex: '0 0 auto',
-  margin: '0 auto',
-  overflow: 'visible'
-};
-var propTypes = {
-  Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
-  enterpriseSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
-  enterpriseWidth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
-  enterpriseHeight: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
-  Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
-  Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
-  Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
-  prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
-  inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-  screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
-};
-var defaultProps = {
-  inline: true,
-  prismaSize: 'medium'
-};
-function Icon(_ref) {
-  var Enterprise = _ref.Enterprise,
-      Prisma24 = _ref.Prisma24,
-      Prisma20 = _ref.Prisma20,
-      Prisma16 = _ref.Prisma16,
-      prismaSize = _ref.prismaSize,
-      inline = _ref.inline,
-      enterpriseSize = _ref.enterpriseSize,
-      enterpriseWidth = _ref.enterpriseWidth,
-      enterpriseHeight = _ref.enterpriseHeight,
-      screenReaderText = _ref.screenReaderText,
-      otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
-
-  var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
-      family = _useSplunkTheme.family,
-      density = _useSplunkTheme.density; // Enterprise - all variants
-
-
-  if (family === 'enterprise') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
-      size: enterpriseSize,
-      width: enterpriseWidth,
-      height: enterpriseHeight,
-      screenReaderText: screenReaderText || null,
-      hideDefaultTooltip: true,
-      inline: inline
-    }, otherProps));
-  }
-
-  var prismaProps = _objectSpread({
-    'aria-label': screenReaderText,
-    style: inline ? inlineStyles : blockStyles
-  }, otherProps); // Prisma - small+compact, small+comfortable
-
-
-  if (prismaSize === 'small') {
-    var SVG = Prisma16 || Prisma24;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
-      width: "16",
-      height: "16"
-    }, prismaProps));
-  } // Prisma - medium+compact
-
-
-  if (density === 'compact') {
-    var _SVG = Prisma20 || Prisma24;
-
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
-      width: "20",
-      height: "20"
-    }, prismaProps));
-  } // Prisma - medium+comfortable
-
+/***/ (function(module, exports) {
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
-    width: "24",
-    height: "24"
-  }, prismaProps));
-}
-Icon.propTypes = propTypes;
-Icon.defaultProps = defaultProps;
+module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
@@ -1574,10 +1361,10 @@ module.exports = require("lodash/pickBy");
 
 /***/ }),
 
-/***/ 8:
+/***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Box");
+module.exports = require("lodash/keys");
 
 /***/ })