@splunk/react-ui 4.7.0 → 4.10.0

package/RadioBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 129);
+/******/ 	return __webpack_require__(__webpack_require__.s = 127);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 129:
+/***/ 127:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -130,13 +130,12 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
 
+// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
+var keyboard_ = __webpack_require__(9);
+
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
-// EXTERNAL MODULE: external "@splunk/react-ui/Box"
-var Box_ = __webpack_require__(8);
-var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
-
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
 var Button_ = __webpack_require__(17);
 var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
@@ -156,10 +155,10 @@ var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 var StyledClickable = external_styled_components_default()(Clickable_default.a).withConfig({
   displayName: "OptionStyles__StyledClickable",
   componentId: "fyq77p-0"
-})(["border-radius:3px;flex:1 1 auto;display:flex;justify-content:center;align-items:center;color:", ";padding:2px 12px;height:calc(", " - 6px);position:relative;& + &{margin-left:2px;}", " ", " &:focus{color:", ";box-shadow:", ";z-index:2;&:active{background-color:", ";}}", " ", ""], themes_["variables"].contentColorDefault, themes_["variables"].inputHeight, function (_ref) {
+})(["border-radius:3px;flex:1 1 auto;display:flex;justify-content:center;align-items:center;color:", ";padding:2px 12px;height:calc(", " - 6px);position:relative;gap:", ";& + &{margin-left:2px;}", " ", " &:focus{color:", ";box-shadow:", ";z-index:2;&:active{background-color:", ";}}", " ", ""], themes_["variables"].contentColorDefault, themes_["variables"].inputHeight, themes_["variables"].spacingXSmall, function (_ref) {
   var $selected = _ref.$selected;
   return $selected && Object(external_styled_components_["css"])(["color:", ";background-color:", ";box-shadow:", ";"], themes_["variables"].contentColorActive, Object(themes_["pick"])({
-    dark: 'rgba(255, 255, 255, 0.2)',
+    dark: themes_["variables"].interactiveColorOverlaySelected,
     light: themes_["variables"].white
   }), themes_["variables"].embossShadow);
 }, function (_ref2) {
@@ -181,7 +180,15 @@ var StyledIcon = external_styled_components_default.a.div.withConfig({
 var StyledLabel = external_styled_components_default.a.div.withConfig({
   displayName: "OptionStyles__StyledLabel",
   componentId: "fyq77p-2"
-})(["flex:0 1 auto;", " &:not(:first-child){margin-left:8px;}"], themes_["mixins"].ellipsis);
+})(["", " flex:0 1 auto;", ""], themes_["mixins"].ellipsis, Object(themes_["pick"])({
+  enterprise: Object(external_styled_components_["css"])(["&:not(:first-child){margin-left:", ";}"], themes_["variables"].spacingXSmall)
+}));
+var StyledAdornment = external_styled_components_default.a.div.withConfig({
+  displayName: "OptionStyles__StyledAdornment",
+  componentId: "fyq77p-3"
+})(["flex:0 0 auto;", ""], Object(themes_["pick"])({
+  enterprise: Object(external_styled_components_["css"])(["&:not(:first-child){margin-left:", ";}"], themes_["variables"].spacingXSmall)
+}));
 
 // CONCATENATED MODULE: ./src/RadioBar/RadioBarContext.tsx
 
@@ -202,6 +209,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var propTypes = {
   disabled: external_prop_types_default.a.bool,
+  startAdornment: external_prop_types_default.a.node,
+  endAdornment: external_prop_types_default.a.node,
   icon: external_prop_types_default.a.node,
   label: external_prop_types_default.a.string,
 
@@ -214,17 +223,36 @@ var propTypes = {
 
 function Option(_ref) {
   var disabled = _ref.disabled,
-      label = _ref.label,
       icon = _ref.icon,
+      label = _ref.label,
       selected = _ref.selected,
+      startAdornment = _ref.startAdornment,
+      endAdornment = _ref.endAdornment,
       value = _ref.value,
-      otherProps = _objectWithoutProperties(_ref, ["disabled", "label", "icon", "selected", "value"]);
+      otherProps = _objectWithoutProperties(_ref, ["disabled", "icon", "label", "selected", "startAdornment", "endAdornment", "value"]);
 
   // @docs-props-type OptionPropsBase
   var _useContext = Object(external_react_["useContext"])(RadioBar_RadioBarContext),
       onClickContext = _useContext.onClick,
       appearanceContext = _useContext.appearance,
-      errorContext = _useContext.error;
+      errorContext = _useContext.error,
+      onKeyDownContext = _useContext.onKeyDown,
+      firstValueContext = _useContext.firstValue,
+      selectedValueContext = _useContext.selectedValue;
+
+  if (false) {}
+
+  var tabIndex = -1;
+
+  if (selectedValueContext) {
+    if (value === selectedValueContext) {
+      tabIndex = 0;
+    }
+  } else if (value === firstValueContext) {
+    tabIndex = 0;
+  }
+
+  var focusedTabIndex = tabIndex;
 
   if (appearanceContext === 'prisma') {
     return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, _extends({
@@ -240,9 +268,15 @@ function Option(_ref) {
       role: "radio",
       "aria-checked": selected,
       $selected: selected,
-      tabIndex: selected ? -1 : undefined,
-      disabled: disabled
-    }), icon && /*#__PURE__*/external_react_default.a.createElement(StyledIcon, null, icon), label && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, null, label));
+      tabIndex: focusedTabIndex,
+      disabled: disabled,
+      onKeyDown: function onKeyDown(e) {
+        return onKeyDownContext === null || onKeyDownContext === void 0 ? void 0 : onKeyDownContext(e, {
+          value: value,
+          label: label
+        });
+      }
+    }), icon && /*#__PURE__*/external_react_default.a.createElement(StyledIcon, null, icon), startAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, null, startAdornment), label && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, null, label), endAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, null, endAdornment));
   }
 
   return /*#__PURE__*/external_react_default.a.createElement(Button_default.a, _extends({
@@ -250,7 +284,6 @@ function Option(_ref) {
     "data-test-value": value,
     appearance: appearanceContext,
     disabled: disabled,
-    label: label,
     icon: icon,
     selected: selected,
     value: value,
@@ -264,12 +297,22 @@ function Option(_ref) {
     },
     role: "radio",
     "aria-checked": selected,
-    tabIndex: selected ? -1 : undefined
-  }));
+    tabIndex: focusedTabIndex,
+    onKeyDown: function onKeyDown(e) {
+      return onKeyDownContext === null || onKeyDownContext === void 0 ? void 0 : onKeyDownContext(e, {
+        value: value,
+        label: label
+      });
+    }
+  }), startAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, null, startAdornment), label && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, null, label), endAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, null, endAdornment));
 }
 
 Option.propTypes = propTypes;
 /* harmony default export */ var RadioBar_Option = (Option);
+// EXTERNAL MODULE: external "@splunk/react-ui/Box"
+var Box_ = __webpack_require__(8);
+var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
+
 // CONCATENATED MODULE: ./src/RadioBar/RadioBarStyles.ts
 
 
@@ -277,13 +320,18 @@ Option.propTypes = propTypes;
 var StyledRadioBar = external_styled_components_default()(Box_default.a).withConfig({
   displayName: "RadioBarStyles__StyledRadioBar",
   componentId: "gg1b79-0"
-})(["height:", ";padding:2px;border-radius:", ";background:", ";border:1px solid ", ";[data-inline] + &{margin-left:", ";}"], themes_["variables"].inputHeight, themes_["variables"].borderRadius, function (_ref) {
-  var $disabled = _ref.$disabled;
-  return $disabled ? themes_["variables"].interactiveColorBackgroundDisabled : themes_["variables"].interactiveColorBackground;
-}, function (_ref2) {
-  var $error = _ref2.$error;
-  return $error ? themes_["variables"].accentColorNegative : 'transparent';
-}, themes_["variables"].spacingLarge);
+})(["height:", ";", " [data-inline] + &{margin-left:", ";}"], themes_["variables"].inputHeight, Object(themes_["pick"])({
+  prisma: Object(external_styled_components_["css"])(["padding:2px;border-radius:", ";border:1px solid ", ";background:", ";"], themes_["variables"].borderRadius, function (_ref) {
+    var $error = _ref.$error;
+    return $error ? themes_["variables"].accentColorNegative : 'transparent';
+  }, function (_ref2) {
+    var $disabled = _ref2.$disabled;
+    return $disabled ? themes_["variables"].interactiveColorBackgroundDisabled : themes_["variables"].interactiveColorBackground;
+  })
+}), Object(themes_["pick"])({
+  enterprise: themes_["variables"].spacingHalf,
+  prisma: themes_["variables"].spacingSmall
+}));
 
 // CONCATENATED MODULE: ./src/RadioBar/RadioBar.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); }
@@ -331,7 +379,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /** @public */
 
 var RadioBar_propTypes = {
-  appearance: external_prop_types_default.a.oneOf(['default', 'pill', 'flat']),
+  appearance: external_prop_types_default.a.oneOf(['default', 'pill']),
   children: external_prop_types_default.a.node,
   defaultValue: external_prop_types_default.a.any,
   describedBy: external_prop_types_default.a.string,
@@ -361,6 +409,7 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(RadioBar);
 
   // @docs-props-type RadioBarPropsBase
+  // eslint-disable-line @typescript-eslint/no-explicit-any
   function RadioBar(props) {
     var _this;
 
@@ -370,15 +419,66 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "controlledExternally", void 0);
 
+    _defineProperty(_assertThisInitialized(_this), "filteredValues", []);
+
     _defineProperty(_assertThisInitialized(_this), "handleClick", function (e, data) {
-      var name = _this.props.name;
+      _this.handleOnChange(e, data);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleOnKeyDown", function (e, _ref) {
+      var value = _ref.value,
+          label = _ref.label;
+      var eventKeyCode = Object(keyboard_["keycode"])(e.nativeEvent);
+      var myTarget = e.currentTarget;
+      var nextTarget = null;
+      var nextIndex = 0;
+
+      var currentIndex = _this.filteredValues.indexOf(value);
+
+      if (eventKeyCode === 'down' || eventKeyCode === 'right') {
+        var _myTarget$parentEleme;
+
+        e.preventDefault();
+        nextIndex = currentIndex + 1;
 
+        if (nextIndex > _this.filteredValues.length - 1) {
+          nextIndex = 0;
+        }
+
+        nextTarget = myTarget.nextSibling ? myTarget.nextSibling : (_myTarget$parentEleme = myTarget.parentElement) === null || _myTarget$parentEleme === void 0 ? void 0 : _myTarget$parentEleme.firstElementChild;
+      } else if (eventKeyCode === 'up' || eventKeyCode === 'left') {
+        var _myTarget$parentEleme2;
+
+        e.preventDefault();
+        nextIndex = currentIndex - 1;
+
+        if (nextIndex < 0) {
+          nextIndex = _this.filteredValues.length - 1;
+        }
+
+        nextTarget = myTarget.previousSibling ? myTarget.previousSibling : (_myTarget$parentEleme2 = myTarget.parentElement) === null || _myTarget$parentEleme2 === void 0 ? void 0 : _myTarget$parentEleme2.lastElementChild;
+      }
+
+      if (nextTarget) {
+        var _nextTarget;
+
+        (_nextTarget = nextTarget) === null || _nextTarget === void 0 ? void 0 : _nextTarget.focus();
+        var nextValue = _this.filteredValues[nextIndex];
+
+        _this.handleOnChange(e, {
+          value: nextValue,
+          label: label
+        });
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleOnChange", function (e, data) {
       if (_this.props.value !== data.value) {
         var _this$props$onChange, _this$props;
 
-        (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, e, _objectSpread(_objectSpread({}, data), {}, {
-          name: name
-        }));
+        (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, e, _objectSpread({
+          name: _this.props.name
+        }, data));
 
         if (!_this.isControlled()) {
           _this.setState({
@@ -416,6 +516,8 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
+
       var _this$props2 = this.props,
           appearance = _this$props2.appearance,
           children = _this$props2.children,
@@ -426,16 +528,16 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
           value = _this$props2.value,
           otherProps = RadioBar_objectWithoutProperties(_this$props2, ["appearance", "children", "describedBy", "error", "labelledBy", "splunkTheme", "value"]);
 
+      if (false) {}
+
       var selectedValue = this.isControlled() ? value : this.state.value;
       var isPrisma = splunkTheme.isPrisma;
       var disabled = true;
-      var contextValue = {
-        appearance: isPrisma ? 'prisma' : appearance,
-        onClick: this.handleClick,
-        error: isPrisma ? false : error
-      };
-      var childrenFormatted = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item, i, _ref) {
-        var length = _ref.length;
+      this.filteredValues = [];
+      var childrenFormatted = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item, i, _ref2) {
+        var length = _ref2.length;
+
+        _this2.filteredValues.push(item.props.value);
 
         if (item.props && !item.props.disabled) {
           disabled = false;
@@ -448,16 +550,24 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
           prepend: i > 0
         });
       });
-      var RadioBarTag = isPrisma ? StyledRadioBar : Box_default.a;
-      return /*#__PURE__*/external_react_default.a.createElement(RadioBarTag, RadioBar_extends({
+      var firstItemValue = this.filteredValues[0];
+      var contextValue = {
+        appearance: isPrisma ? 'prisma' : appearance,
+        onClick: this.handleClick,
+        error: isPrisma ? false : error,
+        onKeyDown: this.handleOnKeyDown,
+        firstValue: firstItemValue,
+        selectedValue: selectedValue
+      };
+      return /*#__PURE__*/external_react_default.a.createElement(StyledRadioBar, RadioBar_extends({
+        flex: true,
         $disabled: disabled,
         $error: error,
         "data-test": "radio-bar",
         "data-test-value": selectedValue,
         role: "radiogroup",
         "aria-labelledby": labelledBy,
-        "aria-describedby": describedBy,
-        flex: true
+        "aria-describedby": describedBy
       }, Object(external_lodash_["omit"])(otherProps, 'onChange')), /*#__PURE__*/external_react_default.a.createElement(RadioBar_RadioBarContext.Provider, {
         value: contextValue
       }, childrenFormatted));
@@ -518,6 +628,13 @@ module.exports = require("lodash");
 
 module.exports = require("@splunk/react-ui/Box");
 
+/***/ }),
+
+/***/ 9:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/keyboard");
+
 /***/ })
 
 /******/ });

package/RadioList.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 130);
+/******/ 	return __webpack_require__(__webpack_require__.s = 128);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 130:
+/***/ 128:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Resize.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 167);
+/******/ 	return __webpack_require__(__webpack_require__.s = 165);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -142,7 +142,7 @@ module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 167:
+/***/ 165:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/ResultsMenu.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 168);
+/******/ 	return __webpack_require__(__webpack_require__.s = 166);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 102:
+/***/ 100:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/userAgent");
 
 /***/ }),
 
-/***/ 103:
+/***/ 101:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/WaitSpinner");
@@ -149,7 +149,7 @@ module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
 
-/***/ 168:
+/***/ 166:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -174,7 +174,7 @@ var external_lodash_ = __webpack_require__(4);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/userAgent"
-var userAgent_ = __webpack_require__(102);
+var userAgent_ = __webpack_require__(100);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
 var Menu_ = __webpack_require__(13);
@@ -185,7 +185,7 @@ 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/WaitSpinner"
-var WaitSpinner_ = __webpack_require__(103);
+var WaitSpinner_ = __webpack_require__(101);
 var WaitSpinner_default = /*#__PURE__*/__webpack_require__.n(WaitSpinner_);
 
 // EXTERNAL MODULE: external "@splunk/themes"

package/ScreenReaderContent.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 169);
+/******/ 	return __webpack_require__(__webpack_require__.s = 167);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 169:
+/***/ 167:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Scroll.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 145);
+/******/ 	return __webpack_require__(__webpack_require__.s = 143);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 145:
+/***/ 143:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/ScrollContainerContext.js

@@ -82,12 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 182);
+/******/ 	return __webpack_require__(__webpack_require__.s = 180);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 182:
+/***/ 180:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Search.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 170);
+/******/ 	return __webpack_require__(__webpack_require__.s = 168);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 104:
+/***/ 102:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/usePrevious");
@@ -149,7 +149,7 @@ module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 170:
+/***/ 168:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -186,7 +186,7 @@ var keyboard_ = __webpack_require__(9);
 var Menu_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/usePrevious"
-var usePrevious_ = __webpack_require__(104);
+var usePrevious_ = __webpack_require__(102);
 var usePrevious_default = /*#__PURE__*/__webpack_require__.n(usePrevious_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"

package/Select.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 171);
+/******/ 	return __webpack_require__(__webpack_require__.s = 169);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -115,14 +115,7 @@ module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
 
-/***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Button");
-
-/***/ }),
-
-/***/ 171:
+/***/ 169:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -464,6 +457,13 @@ Select_defineProperty(Select_Select, "Divider", SelectBase["a" /* Divider */]);
 
 
 
+/***/ }),
+
+/***/ 17:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Button");
+
 /***/ }),
 
 /***/ 19:

package/SidePanel.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 = 170);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 172:
+/***/ 170:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -123,7 +123,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
-var ModalLayer_ = __webpack_require__(77);
+var ModalLayer_ = __webpack_require__(76);
 var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -372,7 +372,7 @@ module.exports = require("@splunk/react-ui/TransitionOpen");
 
 /***/ }),
 
-/***/ 77:
+/***/ 76:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ModalLayer");

package/Slider.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 173);
+/******/ 	return __webpack_require__(__webpack_require__.s = 171);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 105:
+/***/ 103:
 /***/ (function(module, exports) {
 
 module.exports = require("decimal.js-light");
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 173:
+/***/ 171:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -141,7 +141,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "decimal.js-light"
-var external_decimal_js_light_ = __webpack_require__(105);
+var external_decimal_js_light_ = __webpack_require__(103);
 var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_);
 
 // EXTERNAL MODULE: external "lodash"