@splunk/react-ui 4.14.0 → 4.15.0

package/Color.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 136);
+/******/ 	return __webpack_require__(__webpack_require__.s = 185);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,63 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 12:
+/***/ 10:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/keys");
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/has");
+
+/***/ }),
+
+/***/ 115:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/startsWith");
+
+/***/ }),
+
+/***/ 123:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/memoize");
+
+/***/ }),
+
+/***/ 124:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/themes/SplunkThemeProvider");
+
+/***/ }),
+
+/***/ 14:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 136:
+/***/ 16:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ScreenReaderContent");
+
+/***/ }),
+
+/***/ 18:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/includes");
+
+/***/ }),
+
+/***/ 185:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,53 +177,86 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(4);
+// EXTERNAL MODULE: external "lodash/debounce"
+var debounce_ = __webpack_require__(63);
+var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
+
+// EXTERNAL MODULE: external "lodash/has"
+var has_ = __webpack_require__(11);
+var has_default = /*#__PURE__*/__webpack_require__.n(has_);
+
+// EXTERNAL MODULE: external "lodash/includes"
+var includes_ = __webpack_require__(18);
+var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
+
+// EXTERNAL MODULE: external "lodash/keys"
+var keys_ = __webpack_require__(10);
+var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
+
+// EXTERNAL MODULE: external "lodash/omit"
+var omit_ = __webpack_require__(5);
+var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
+
+// EXTERNAL MODULE: external "lodash/slice"
+var slice_ = __webpack_require__(81);
+var slice_default = /*#__PURE__*/__webpack_require__.n(slice_);
+
+// EXTERNAL MODULE: external "lodash/startsWith"
+var startsWith_ = __webpack_require__(115);
+var startsWith_default = /*#__PURE__*/__webpack_require__.n(startsWith_);
+
+// EXTERNAL MODULE: external "lodash/toLower"
+var toLower_ = __webpack_require__(36);
+var toLower_default = /*#__PURE__*/__webpack_require__.n(toLower_);
+
+// EXTERNAL MODULE: external "lodash/memoize"
+var memoize_ = __webpack_require__(123);
+var memoize_default = /*#__PURE__*/__webpack_require__.n(memoize_);
 
 // EXTERNAL MODULE: external "@splunk/themes/SplunkThemeProvider"
-var SplunkThemeProvider_ = __webpack_require__(87);
+var SplunkThemeProvider_ = __webpack_require__(124);
 var SplunkThemeProvider_default = /*#__PURE__*/__webpack_require__.n(SplunkThemeProvider_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(5);
+var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/color"
-var color_ = __webpack_require__(37);
+var color_ = __webpack_require__(46);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(20);
+var Dropdown_ = __webpack_require__(24);
 var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "tinycolor2"
-var external_tinycolor2_ = __webpack_require__(49);
+var external_tinycolor2_ = __webpack_require__(64);
 var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
 
 // EXTERNAL MODULE: ./src/icons/Check.tsx
-var Check = __webpack_require__(56);
+var Check = __webpack_require__(75);
 
 // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
-var ChevronDown = __webpack_require__(67);
+var ChevronDown = __webpack_require__(89);
 
 // EXTERNAL MODULE: external "styled-components"
 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/Clickable"
-var Clickable_ = __webpack_require__(12);
+var Clickable_ = __webpack_require__(14);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
-var Text_ = __webpack_require__(24);
+var Text_ = __webpack_require__(30);
 var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
+var ScreenReaderContent_ = __webpack_require__(16);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // CONCATENATED MODULE: ./src/Color/SwatchStyles.ts
@@ -462,12 +544,20 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
+
+
+
+
+
+
+
 
 
 
 // The default palette in Prisma theme.
 var defaultPalette = ['#912344', '#D44C20', '#C0891E', '#26AA92', '#2F8AA7', '#2E49AA', '#602CA1', '#BA4ABD'];
-var generatePalette = Object(external_lodash_["memoize"])(function (initialPalette) {
+var generatePalette = memoize_default()(function (initialPalette) {
   var palette = [];
 
   for (var i = 1; i <= initialPalette.length * 4; i += 1) {
@@ -516,6 +606,9 @@ var defaultProps = {
 var Color_isValidHEX = function isValidHEX(value) {
   return Object(color_["isValidHexColor"])(value);
 };
+
+var NAUppercase = 'N/A';
+var NALowercase = 'n/a';
 /*
  * When the dropdown opens:
  * 1. If palette contains the color and the color is selected, the dropdown focus the color.
@@ -524,7 +617,6 @@ var Color_isValidHEX = function isValidHEX(value) {
  *     2. Otherwise the first color swatch receives focus.
  */
 
-
 var Color_Color = /*#__PURE__*/function (_Component) {
   _inherits(Color, _Component);
 
@@ -542,7 +634,7 @@ var Color_Color = /*#__PURE__*/function (_Component) {
     key: "hasTransparent",
     value: function hasTransparent(palette) {
       return palette.some(function (color) {
-        return color !== null && Object(external_lodash_["toLower"])(color) === 'transparent';
+        return color !== null && toLower_default()(color) === 'transparent';
       });
     }
   }]);
@@ -572,7 +664,7 @@ var Color_Color = /*#__PURE__*/function (_Component) {
       var prevValue = _this.getValue();
 
       var hasColorChanged = value !== prevValue;
-      var displayValue = value === null ? 'N/A' : value;
+      var displayValue = value === null ? NAUppercase : value;
 
       if (!_this.isControlled()) {
         _this.setState({
@@ -638,13 +730,13 @@ var Color_Color = /*#__PURE__*/function (_Component) {
       var displayValue = _this.state.displayValue;
       var value = _this.state.value;
 
-      if (Object(external_lodash_["toLower"])(displayValue) === 'n/a') {
-        displayValue = 'N/A';
+      if (toLower_default()(displayValue) === NALowercase) {
+        displayValue = NAUppercase;
 
         _this.setState({
           displayValue: displayValue
         });
-      } else if (Object(external_lodash_["toLower"])(displayValue) === 'transparent') {
+      } else if (toLower_default()(displayValue) === 'transparent') {
         displayValue = 'transparent';
 
         _this.setState({
@@ -654,13 +746,13 @@ var Color_Color = /*#__PURE__*/function (_Component) {
       // we add # automatically.
 
 
-      if (displayValue !== 'N/A' && Object(external_lodash_["toLower"])(displayValue) !== 'transparent' && !Object(external_lodash_["startsWith"])(displayValue, '#')) {
+      if (displayValue !== NAUppercase && toLower_default()(displayValue) !== 'transparent' && !startsWith_default()(displayValue, '#')) {
         displayValue = "#".concat(displayValue);
 
         if (reason === 'escapeKey') {
           if (value == null) {
             _this.setState({
-              displayValue: 'N/A'
+              displayValue: NAUppercase
             });
           } else {
             _this.setState({
@@ -693,7 +785,7 @@ var Color_Color = /*#__PURE__*/function (_Component) {
 
       var value = _this.getValue();
 
-      var displayValue = value === null ? 'N/A' : value;
+      var displayValue = value === null ? NAUppercase : value;
 
       _this.setState({
         displayValue: displayValue,
@@ -704,13 +796,13 @@ var Color_Color = /*#__PURE__*/function (_Component) {
         }
       });
 
-      var hidePalette = isPrisma ? Object(external_lodash_["slice"])(palette, 15) : palette;
-      var isCustomColor = isPrisma && !Object(external_lodash_["includes"])(palette.map(function (c) {
-        return c && Object(external_lodash_["toLower"])(c);
+      var hidePalette = isPrisma ? slice_default()(palette, 15) : palette;
+      var isCustomColor = isPrisma && !includes_default()(palette.map(function (c) {
+        return c && toLower_default()(c);
       }), value);
-      var colorInHiddenPalette = isCustomColor || Object(external_lodash_["includes"])(hidePalette.map(function (c) {
-        return c && Object(external_lodash_["toLower"])(c);
-      }), value) || Object(external_lodash_["includes"])(toolPalette, value);
+      var colorInHiddenPalette = isCustomColor || includes_default()(hidePalette.map(function (c) {
+        return c && toLower_default()(c);
+      }), value) || includes_default()(toolPalette, value);
 
       if (colorInHiddenPalette && !_this.state.expanded) {
         _this.setState({
@@ -719,12 +811,12 @@ var Color_Color = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleSystemColorPickerChange", Object(external_lodash_["debounce"])(function (value) {
+    _defineProperty(_assertThisInitialized(_this), "handleSystemColorPickerChange", debounce_default()(function (value) {
       var prevValue = _this.getValue();
 
       var hasColorChanged = value !== prevValue;
       var name = _this.props.name;
-      var displayValue = value === null ? 'N/A' : value;
+      var displayValue = value === null ? NAUppercase : value;
 
       if (!_this.isControlled()) {
         _this.setState({
@@ -750,16 +842,16 @@ var Color_Color = /*#__PURE__*/function (_Component) {
 
     _this.focusSwatch = /*#__PURE__*/external_react_default.a.createRef();
     _this.focusExpandButton = /*#__PURE__*/external_react_default.a.createRef();
-    _this.controlledExternally = Object(external_lodash_["has"])(props, 'value'); // value can be hexadecimal color, 'transparent' or null
+    _this.controlledExternally = has_default()(props, 'value'); // value can be hexadecimal color, 'transparent' or null
 
     var _value = _this.controlledExternally ? Object(color_["expandShortHandHex"])(props.value) : Object(color_["expandShortHandHex"])(props.defaultValue);
 
     if (_value !== null) {
-      _value = Object(external_lodash_["toLower"])(_value);
+      _value = toLower_default()(_value);
     } // displayValue can be hexadecimal color or 'transparent' to represent 'transparent' or 'N/A' to represent null
 
 
-    var _displayValue = _value === null ? 'N/A' : _value;
+    var _displayValue = _value === null ? NAUppercase : _value;
 
     _this.state = {
       displayValue: _displayValue,
@@ -770,6 +862,8 @@ var Color_Color = /*#__PURE__*/function (_Component) {
 
     if (false) {}
 
+    if (false) { var isDefaultValidHEX; }
+
     return _this;
   }
 
@@ -796,7 +890,7 @@ var Color_Color = /*#__PURE__*/function (_Component) {
     key: "getValue",
     value: function getValue() {
       var formatValueForProp = function formatValueForProp(value) {
-        return value === null ? null : Object(external_lodash_["toLower"])(value);
+        return value === null ? null : toLower_default()(value);
       };
 
       var sixDigitHex = Object(color_["expandShortHandHex"])(this.props.value);
@@ -817,29 +911,38 @@ var Color_Color = /*#__PURE__*/function (_Component) {
       var splunkTheme = this.props.splunkTheme;
       var isPrisma = splunkTheme.isPrisma;
 
-      if (displayValue && (Color_isValidHEX(displayValue) || Color.hasTransparent(this.props.palette) && displayValue === 'transparent' || (Color.hasNull(this.props.palette) || isPrisma) && displayValue === 'N/A')) {
-        var formattedDisplayValue = Object(color_["expandShortHandHex"])(displayValue);
-        this.setState({
-          displayValue: formattedDisplayValue
-        });
-        var hasColorChanged = displayValue !== (this.props.value && Object(external_lodash_["toLower"])(this.props.value));
-        var name = this.props.name;
-        var value = displayValue === 'N/A' ? null : displayValue;
-        var formattedValue = Object(color_["expandShortHandHex"])(value);
+      if (displayValue) {
+        var isValidHEXValue = Color_isValidHEX(displayValue);
 
-        if (displayValue && !this.isControlled()) {
+        if (!isValidHEXValue && displayValue !== 'transparent' && displayValue !== NAUppercase) {
+          // eslint-disable-next-line no-console
+          console.warn("\"".concat(displayValue, "\" is not a valid hex color."));
+        }
+
+        if (isValidHEXValue || Color.hasTransparent(this.props.palette) && displayValue === 'transparent' || (Color.hasNull(this.props.palette) || isPrisma) && displayValue === NAUppercase) {
+          var formattedDisplayValue = Object(color_["expandShortHandHex"])(displayValue);
           this.setState({
-            value: formattedValue
+            displayValue: formattedDisplayValue
           });
-        }
+          var hasColorChanged = displayValue !== (this.props.value && toLower_default()(this.props.value));
+          var name = this.props.name;
+          var value = displayValue === NAUppercase ? null : displayValue;
+          var formattedValue = Object(color_["expandShortHandHex"])(value);
+
+          if (displayValue && !this.isControlled()) {
+            this.setState({
+              value: formattedValue
+            });
+          }
 
-        if (hasColorChanged) {
-          var _this$props$onChange2, _this$props4;
+          if (hasColorChanged) {
+            var _this$props$onChange2, _this$props4;
 
-          (_this$props$onChange2 = (_this$props4 = this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props4, {
-            value: formattedValue,
-            name: name
-          });
+            (_this$props$onChange2 = (_this$props4 = this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props4, {
+              value: formattedValue,
+              name: name
+            });
+          }
         }
       }
     }
@@ -869,11 +972,11 @@ var Color_Color = /*#__PURE__*/function (_Component) {
       var splunkTheme = this.props.splunkTheme;
       var displayValue = this.state.displayValue;
       var isPrisma = splunkTheme.isPrisma;
-      var showTransparent = Color.hasTransparent(this.props.palette) && Object(external_lodash_["toLower"])(displayValue) === 'transparent';
-      var showNullSwatch = this.showNull() && Object(external_lodash_["toLower"])(displayValue) === 'n/a';
+      var showTransparent = Color.hasTransparent(this.props.palette) && toLower_default()(displayValue) === 'transparent';
+      var showNullSwatch = this.showNull() && toLower_default()(displayValue) === NALowercase;
       var inputSwatchValue = displayValue;
 
-      if (!Object(external_lodash_["startsWith"])(displayValue, '#')) {
+      if (!startsWith_default()(displayValue, '#')) {
         inputSwatchValue = "#".concat(displayValue);
       }
 
@@ -916,12 +1019,12 @@ var Color_Color = /*#__PURE__*/function (_Component) {
       var isPrisma = splunkTheme.isPrisma,
           isLight = splunkTheme.isLight;
       var currentValue = this.getValue();
-      var currentPalette = isPrisma && this.state.expanded ? palette : Object(external_lodash_["slice"])(palette, 0, 15);
-      var colorInPalette = Object(external_lodash_["includes"])(currentPalette.map(function (c) {
-        return c && Object(external_lodash_["toLower"])(c);
+      var currentPalette = isPrisma && this.state.expanded ? palette : slice_default()(palette, 0, 15);
+      var colorInPalette = includes_default()(currentPalette.map(function (c) {
+        return c && toLower_default()(c);
       }), currentValue);
       var swatches = palette.map(function (value, index) {
-        var formattedValue = value === null ? null : Object(external_lodash_["toLower"])(value);
+        var formattedValue = value === null ? null : toLower_default()(value);
         var selected = formattedValue === currentValue;
         var shouldFocus = !colorInPalette && index === 0 || colorInPalette && selected;
         return /*#__PURE__*/external_react_default.a.createElement(StyledSwatch, {
@@ -937,12 +1040,12 @@ var Color_Color = /*#__PURE__*/function (_Component) {
 
       if (isPrisma) {
         var isCustomColor = !colorInPalette && currentValue !== '#ffffff' && currentValue !== '#000000' && currentValue !== null && currentValue !== '';
-        var swatchesDefaultDisplay = Object(external_lodash_["slice"])(swatches, 0, 15);
-        var swatchesExpandDisplay = Object(external_lodash_["slice"])(swatches, 15);
+        var swatchesDefaultDisplay = slice_default()(swatches, 0, 15);
+        var swatchesExpandDisplay = slice_default()(swatches, 15);
 
         if (swatches.length === 8) {
-          swatchesDefaultDisplay = Object(external_lodash_["slice"])(swatches, 0, 7);
-          swatchesExpandDisplay = Object(external_lodash_["slice"])(swatches, 7);
+          swatchesDefaultDisplay = slice_default()(swatches, 0, 7);
+          swatchesExpandDisplay = slice_default()(swatches, 7);
         }
 
         return /*#__PURE__*/external_react_default.a.createElement("div", {
@@ -1053,7 +1156,7 @@ var Color_Color = /*#__PURE__*/function (_Component) {
         name: name,
         prepend: prepend,
         value: value
-      }, Object(external_lodash_["omit"])(otherProps, [].concat(_toConsumableArray(Object(external_lodash_["keys"])(Color.propTypes)), [// TS: trick omit
+      }, omit_default()(otherProps, [].concat(_toConsumableArray(keys_default()(Color.propTypes)), [// TS: trick omit
       'onChange']))));
       return /*#__PURE__*/external_react_default.a.createElement(StyledColor, null, /*#__PURE__*/external_react_default.a.createElement(Dropdown_default.a, {
         closeReasons: ['clickAway', 'escapeKey', 'offScreen', 'toggleClick'],
@@ -1097,13 +1200,6 @@ ColorWithTheme.propTypes = Color_Color.propTypes;
 
 
 
-/***/ }),
-
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
-
 /***/ }),
 
 /***/ 2:
@@ -1113,17 +1209,10 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 20:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Dropdown");
-
-/***/ }),
-
 /***/ 24:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Text");
+module.exports = require("@splunk/react-ui/Dropdown");
 
 /***/ }),
 
@@ -1134,95 +1223,38 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 37:
+/***/ 30:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/color");
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash");
+module.exports = require("@splunk/react-ui/Text");
 
 /***/ }),
 
-/***/ 49:
+/***/ 36:
 /***/ (function(module, exports) {
 
-module.exports = require("tinycolor2");
+module.exports = require("lodash/toLower");
 
 /***/ }),
 
-/***/ 5:
+/***/ 4:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 50:
+/***/ 46:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Check");
+module.exports = require("@splunk/ui-utils/color");
 
 /***/ }),
 
-/***/ 51:
+/***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/ChevronDown");
-
-/***/ }),
-
-/***/ 56:
-/***/ (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__(50);
-/* 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);
-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: "M20.7071 5.59294C21.0977 5.98347 21.0977 6.61663 20.7071 7.00716L10.1447 17.5695C9.55896 18.1553 8.60922 18.1553 8.02343 17.5695L3.29289 12.839C2.90237 12.4485 2.90237 11.8153 3.29289 11.4248C3.68342 11.0343 4.31658 11.0343 4.70711 11.4248L9.08409 15.8018L19.2929 5.59294C19.6835 5.20242 20.3166 5.20242 20.7071 5.59294Z",
-    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: "M13.999 4.75712L6.17736 12.5786L1.99561 8.39691L3.40981 6.98269L6.17737 9.75021L12.5848 3.3429L13.999 4.75712Z",
-    fill: "currentColor"
-  }));
-}
-
-function Check(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default.a,
-    Prisma16: Prisma16,
-    Prisma24: Prisma24
-  }, props));
-}
+module.exports = require("lodash/omit");
 
 /***/ }),
 
@@ -1251,53 +1283,31 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 67:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
-/* 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_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
-/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronDown__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); }
+/***/ 63:
+/***/ (function(module, exports) {
 
+module.exports = require("lodash/debounce");
 
+/***/ }),
 
+/***/ 64:
+/***/ (function(module, exports) {
 
+module.exports = require("tinycolor2");
 
+/***/ }),
 
-function Prisma24(_ref) {
-  var otherProps = _extends({}, _ref);
+/***/ 65:
+/***/ (function(module, exports) {
 
-  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: "M12.0003 14.7858L18.2955 8.49062C18.686 8.1001 19.3192 8.1001 19.7097 8.49062C20.1003 8.88115 20.1003 9.51431 19.7097 9.90484L13.061 16.5536C12.4752 17.1394 11.5255 17.1394 10.9397 16.5536L4.28899 9.90289C3.89846 9.51236 3.89846 8.8792 4.28899 8.48868C4.67951 8.09815 5.31268 8.09815 5.7032 8.48868L12.0003 14.7858Z",
-    fill: "currentColor"
-  }));
-}
+module.exports = require("@splunk/react-icons/Check");
 
-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: "M8.0015 11.7109L14.0022 5.71017L12.588 4.29597L7.99485 8.88914L3.40754 4.34482L2 5.76567L8.0015 11.7109Z",
-    fill: "currentColor"
-  }));
-}
+/***/ 66:
+/***/ (function(module, exports) {
 
-function ChevronDown(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default.a,
-    Prisma16: Prisma16,
-    Prisma24: Prisma24
-  }, props));
-}
+module.exports = require("@splunk/react-icons/ChevronDown");
 
 /***/ }),
 
@@ -1419,10 +1429,110 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 87:
+/***/ 75:
+/***/ (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__(65);
+/* 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);
+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: "M20.7071 5.59294C21.0977 5.98347 21.0977 6.61663 20.7071 7.00716L10.1447 17.5695C9.55896 18.1553 8.60922 18.1553 8.02343 17.5695L3.29289 12.839C2.90237 12.4485 2.90237 11.8153 3.29289 11.4248C3.68342 11.0343 4.31658 11.0343 4.70711 11.4248L9.08409 15.8018L19.2929 5.59294C19.6835 5.20242 20.3166 5.20242 20.7071 5.59294Z",
+    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: "M13.999 4.75712L6.17736 12.5786L1.99561 8.39691L3.40981 6.98269L6.17737 9.75021L12.5848 3.3429L13.999 4.75712Z",
+    fill: "currentColor"
+  }));
+}
+
+function Check(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
+    Enterprise: _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Prisma16: Prisma16,
+    Prisma24: Prisma24
+  }, props));
+}
+
+/***/ }),
+
+/***/ 81:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes/SplunkThemeProvider");
+module.exports = require("lodash/slice");
+
+/***/ }),
+
+/***/ 89:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
+/* 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_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66);
+/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronDown__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: "M12.0003 14.7858L18.2955 8.49062C18.686 8.1001 19.3192 8.1001 19.7097 8.49062C20.1003 8.88115 20.1003 9.51431 19.7097 9.90484L13.061 16.5536C12.4752 17.1394 11.5255 17.1394 10.9397 16.5536L4.28899 9.90289C3.89846 9.51236 3.89846 8.8792 4.28899 8.48868C4.67951 8.09815 5.31268 8.09815 5.7032 8.48868L12.0003 14.7858Z",
+    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: "M8.0015 11.7109L14.0022 5.71017L12.588 4.29597L7.99485 8.88914L3.40754 4.34482L2 5.76567L8.0015 11.7109Z",
+    fill: "currentColor"
+  }));
+}
+
+function ChevronDown(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
+    Enterprise: _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Prisma16: Prisma16,
+    Prisma24: Prisma24
+  }, props));
+}
 
 /***/ }),