@splunk/react-ui 4.1.0 → 4.4.1

package/SidePanel.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 161);
+/******/ 	return __webpack_require__(__webpack_require__.s = 154);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 161:
+/***/ 154:
 /***/ (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__(63);
+var ModalLayer_ = __webpack_require__(65);
 var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -131,7 +131,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/TransitionOpen"
-var TransitionOpen_ = __webpack_require__(44);
+var TransitionOpen_ = __webpack_require__(46);
 var TransitionOpen_default = /*#__PURE__*/__webpack_require__.n(TransitionOpen_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -215,6 +215,7 @@ var propTypes = {
   dockPosition: external_prop_types_default.a.oneOf(['top', 'bottom', 'left', 'right']),
   innerClassName: external_prop_types_default.a.string,
   innerStyle: external_prop_types_default.a.object,
+  onAnimationEnd: external_prop_types_default.a.func,
   onRequestClose: external_prop_types_default.a.func,
   open: external_prop_types_default.a.bool,
   outerClassName: external_prop_types_default.a.string,
@@ -247,19 +248,23 @@ var SidePanel_SidePanel = /*#__PURE__*/function (_Component) {
     _this = _super.call(this, props);
 
     _defineProperty(_assertThisInitialized(_this), "handlePanelAnimationEnd", function () {
+      var _this$props$onAnimati, _this$props;
+
       _this.setState({
         panelAnimating: false
       });
+
+      (_this$props$onAnimati = (_this$props = _this.props).onAnimationEnd) === null || _this$props$onAnimati === void 0 ? void 0 : _this$props$onAnimati.call(_this$props);
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderModal", function () {
-      var _this$props = _this.props,
-          children = _this$props.children,
-          dockPosition = _this$props.dockPosition,
-          innerClassName = _this$props.innerClassName,
-          innerStyle = _this$props.innerStyle,
-          outerClassName = _this$props.outerClassName,
-          outerStyle = _this$props.outerStyle;
+      var _this$props2 = _this.props,
+          children = _this$props2.children,
+          dockPosition = _this$props2.dockPosition,
+          innerClassName = _this$props2.innerClassName,
+          innerStyle = _this$props2.innerStyle,
+          outerClassName = _this$props2.outerClassName,
+          outerStyle = _this$props2.outerStyle;
       var StyledTransitionOpen = {
         left: StyledLeftPanelTransitionOpen,
         right: StyledRightPanelTransitionOpen,
@@ -299,10 +304,10 @@ var SidePanel_SidePanel = /*#__PURE__*/function (_Component) {
   _createClass(SidePanel, [{
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-          open = _this$props2.open,
-          onRequestClose = _this$props2.onRequestClose,
-          useLayerForClickAway = _this$props2.useLayerForClickAway;
+      var _this$props3 = this.props,
+          open = _this$props3.open,
+          onRequestClose = _this$props3.onRequestClose,
+          useLayerForClickAway = _this$props3.useLayerForClickAway;
       var panelAnimating = this.state.panelAnimating;
       return /*#__PURE__*/external_react_default.a.createElement(ModalLayer_default.a, {
         childrenInAnimation: panelAnimating,
@@ -360,14 +365,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 44:
+/***/ 46:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/TransitionOpen");
 
 /***/ }),
 
-/***/ 63:
+/***/ 65:
 /***/ (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 = 160);
+/******/ 	return __webpack_require__(__webpack_require__.s = 156);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react-event-listener");
 
 /***/ }),
 
-/***/ 160:
+/***/ 156:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -131,7 +131,7 @@ var external_react_event_listener_ = __webpack_require__(15);
 var external_react_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_react_event_listener_);
 
 // EXTERNAL MODULE: external "decimal.js-light"
-var external_decimal_js_light_ = __webpack_require__(92);
+var external_decimal_js_light_ = __webpack_require__(94);
 var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_);
 
 // EXTERNAL MODULE: external "lodash"
@@ -144,7 +144,7 @@ var keyboard_ = __webpack_require__(9);
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(18);
+var Popover_ = __webpack_require__(17);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -152,7 +152,7 @@ var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "tinycolor2"
-var external_tinycolor2_ = __webpack_require__(64);
+var external_tinycolor2_ = __webpack_require__(66);
 var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -744,7 +744,7 @@ SliderWithTheme.propTypes = Slider_Slider.propTypes;
 
 /***/ }),
 
-/***/ 18:
+/***/ 17:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
@@ -772,7 +772,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 64:
+/***/ 66:
 /***/ (function(module, exports) {
 
 module.exports = require("tinycolor2");
@@ -793,7 +793,7 @@ module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 92:
+/***/ 94:
 /***/ (function(module, exports) {
 
 module.exports = require("decimal.js-light");

package/SlidingPanels.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 126);
+/******/ 	return __webpack_require__(__webpack_require__.s = 137);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 126:
+/***/ 137:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -150,8 +150,11 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
 
+// EXTERNAL MODULE: external "react-spring"
+var external_react_spring_ = __webpack_require__(18);
+
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(27);
+var Animation_ = __webpack_require__(30);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -168,11 +171,12 @@ var themes_ = __webpack_require__(0);
 
 
 
-var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
+
+var StyledBox = external_styled_components_default()(Object(external_react_spring_["animated"])(Box_default.a)).withConfig({
   displayName: "SlidingPanelsStyles__StyledBox",
   componentId: "su6isq-0"
 })(["overflow:hidden;position:relative;"]);
-var Styled = external_styled_components_default.a.div.withConfig({
+var Styled = external_styled_components_default()(external_react_spring_["animated"].div).withConfig({
   displayName: "SlidingPanelsStyles__Styled",
   componentId: "su6isq-1"
 })(["", ";", ";"], themes_["mixins"].reset('block'), themes_["mixins"].clearfix());
@@ -347,6 +351,7 @@ function SlidingPanels_defineProperty(obj, key, value) { if (key in obj) { Objec
 
 
 
+
 var SlidingPanels_propTypes = {
   activePanelId: external_prop_types_default.a.any.isRequired,
   children: external_prop_types_default.a.node,
@@ -420,60 +425,45 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
     });
 
     SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "renderPanel", function (transitionStyle, activePanelId, maxWidth) {
+      var _transitionStyle$tran;
+
       var _this$props2 = _this.props,
           children = _this$props2.children,
           transition = _this$props2.transition;
-      var translateX = transitionStyle.translateX;
-      var offset = translateX * maxWidth * (transition === 'forward' ? 1 : -1);
-      var panelStyle = {
-        transform: "translateX(".concat(offset, "px)")
-      };
       var currentPanel = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).find(function (child) {
         return child.props.panelId === activePanelId;
+      }); // TODO: Fix Interplation<string | number> can't be cast to string
+
+      var transform = (_transitionStyle$tran = transitionStyle.translateX) === null || _transitionStyle$tran === void 0 ? void 0 : _transitionStyle$tran.to(function (x) {
+        return "translateX(".concat(x * maxWidth * (transition === 'forward' ? 1 : -1), "px)");
       });
-      var clonedPanel = currentPanel ? /*#__PURE__*/external_react_default.a.createElement("div", {
-        style: _objectSpread({}, transitionStyle)
+      var clonedPanel = currentPanel ? /*#__PURE__*/external_react_default.a.createElement(external_react_spring_["animated"].div, {
+        style: transitionStyle
       }, /*#__PURE__*/Object(external_react_["cloneElement"])(currentPanel, {
-        style: _objectSpread(_objectSpread({}, currentPanel.props.style), panelStyle),
+        style: _objectSpread(_objectSpread({}, currentPanel.props.style), {}, {
+          transform: transform
+        }),
         onMount: _this.handlePanelMount,
         onUnmount: _this.handlePanelUnmount
       })) : null;
       return clonedPanel;
     });
 
-    SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "renderInnerContainer", function (activePanelId) {
+    SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "renderOuterContainer", function (interpolatedOuterStyle) {
       var _this$props3 = _this.props,
+          activePanelId = _this$props3.activePanelId,
+          children = _this$props3.children,
+          elementRef = _this$props3.elementRef,
+          outerClassName = _this$props3.outerClassName,
+          outerStyle = _this$props3.outerStyle,
           innerClassName = _this$props3.innerClassName,
           innerStyle = _this$props3.innerStyle;
-      var currentPanelsArr = Object(external_lodash_["filter"])(Object(external_lodash_["values"])(_this.panelInstances), function (panel) {
-        return !!panel;
-      });
-      var maxWidth = currentPanelsArr.map(function (panel) {
-        var _currentPanel$getWidt;
-
-        var currentPanel = _this.panelInstances[panel.props.panelId];
-        return currentPanel ? (_currentPanel$getWidt = currentPanel.getWidth()) !== null && _currentPanel$getWidt !== void 0 ? _currentPanel$getWidt : 0 : 0;
-      }).reduce(function (max, current) {
-        return Math.max(max, current);
-      }, 0);
-      return function (transitionStyle) {
-        return /*#__PURE__*/external_react_default.a.createElement("div", {
-          style: innerStyle,
-          className: innerClassName
-        }, _this.renderPanel(transitionStyle, activePanelId, maxWidth));
-      };
-    });
-
-    SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "renderOuterContainer", function (interpolatedOuterStyle) {
-      var _this$props4 = _this.props,
-          activePanelId = _this$props4.activePanelId,
-          children = _this$props4.children,
-          elementRef = _this$props4.elementRef,
-          outerClassName = _this$props4.outerClassName,
-          outerStyle = _this$props4.outerStyle;
       var animating = _this.state.animating;
 
-      var style = _objectSpread(_objectSpread({}, outerStyle), animating ? interpolatedOuterStyle : {});
+      var style = _objectSpread(_objectSpread({}, outerStyle), animating ? {
+        width: interpolatedOuterStyle.width,
+        height: interpolatedOuterStyle.height
+      } : {});
 
       var currentPanel = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).find(function (child) {
         return child.props.panelId === activePanelId;
@@ -484,6 +474,17 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
       var transitionStyle = animating ? {
         translateX: 1
       } : {};
+      var currentPanelsArr = Object(external_lodash_["filter"])(Object(external_lodash_["values"])(_this.panelInstances), function (panel) {
+        return !!panel;
+      });
+      var maxWidth = currentPanelsArr.map(function (panel) {
+        var _p$getWidth;
+
+        var p = _this.panelInstances[panel.props.panelId];
+        return p ? (_p$getWidth = p.getWidth()) !== null && _p$getWidth !== void 0 ? _p$getWidth : 0 : 0;
+      }).reduce(function (max, current) {
+        return Math.max(max, current);
+      }, 0);
       return /*#__PURE__*/external_react_default.a.createElement(StyledBox, SlidingPanels_extends({
         className: outerClassName,
         "data-test-active-panel-id": activePanelId,
@@ -495,7 +496,13 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
         enter: _this.willEnter(),
         leave: _this.willLeave(animating),
         items: activePanelId
-      }, _this.renderInnerContainer));
+      }, // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      function (styles, item) {
+        return /*#__PURE__*/external_react_default.a.createElement(external_react_spring_["animated"].div, {
+          style: innerStyle,
+          className: innerClassName
+        }, _this.renderPanel(styles, item, maxWidth));
+      }));
     });
 
     _this.state = {
@@ -532,7 +539,9 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
         config: {
           precision: 1
         }
-      }, this.renderOuterContainer);
+      },
+      /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+      this.renderOuterContainer);
     }
   }]);
 
@@ -570,17 +579,17 @@ SlidingPanels_defineProperty(SlidingPanels_SlidingPanels, "getDerivedStateFromPr
 
 /***/ }),
 
-/***/ 2:
+/***/ 18:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("react-spring");
 
 /***/ }),
 
-/***/ 27:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Animation");
+module.exports = require("react");
 
 /***/ }),
 
@@ -591,6 +600,13 @@ module.exports = require("styled-components");
 
 /***/ }),
 
+/***/ 30:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Animation");
+
+/***/ }),
+
 /***/ 4:
 /***/ (function(module, exports) {
 

package/StaticContent.js

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

package/StepBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 109);
+/******/ 	return __webpack_require__(__webpack_require__.s = 115);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 109:
+/***/ 115:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -131,7 +131,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var id_ = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
-var useSplunkTheme_ = __webpack_require__(34);
+var useSplunkTheme_ = __webpack_require__(38);
 var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -142,7 +142,7 @@ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(exte
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Error"
-var Error_ = __webpack_require__(61);
+var Error_ = __webpack_require__(63);
 var Error_default = /*#__PURE__*/__webpack_require__.n(Error_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -179,7 +179,7 @@ function AlertFilled(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/Success"
-var Success_ = __webpack_require__(62);
+var Success_ = __webpack_require__(64);
 var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
 
 // CONCATENATED MODULE: ./src/icons/Success.tsx
@@ -500,7 +500,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 34:
+/***/ 38:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/useSplunkTheme");
@@ -532,14 +532,14 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 61:
+/***/ 63:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Error");
 
 /***/ }),
 
-/***/ 62:
+/***/ 64:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Success");

package/Switch.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 135);
+/******/ 	return __webpack_require__(__webpack_require__.s = 129);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 135:
+/***/ 129:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -134,7 +134,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
-var AnimationToggle_ = __webpack_require__(31);
+var AnimationToggle_ = __webpack_require__(34);
 var AnimationToggle_default = /*#__PURE__*/__webpack_require__.n(AnimationToggle_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
@@ -148,7 +148,7 @@ var i18n_ = __webpack_require__(5);
 var id_ = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Check"
-var Check_ = __webpack_require__(42);
+var Check_ = __webpack_require__(44);
 var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -209,7 +209,7 @@ var toggleDiameter = '20px';
 var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   displayName: "SwitchStyles__StyledBox",
   componentId: "sc-844ieu-0"
-})(["display:inline;position:relative;color:", ";flex-shrink:0;padding:", ";"], Object(themes_["pickVariant"])('$switchState', {
+})(["display:inline;position:relative;color:", ";flex-shrink:0;padding:", ";[data-inline] + &{margin-left:", ";}"], Object(themes_["pickVariant"])('$switchState', {
   error: {
     enterprise: themes_["variables"].errorColor,
     prisma: themes_["variables"].accentColorNegative
@@ -224,6 +224,9 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
     compact: '6px 0',
     comfortable: '10px 0'
   }
+}), Object(themes_["pick"])({
+  enterprise: themes_["variables"].spacingHalf,
+  prisma: themes_["variables"].spacingSmall
 }));
 var StyledCheckboxClickable = external_styled_components_default()(Clickable_default.a).withConfig({
   displayName: "SwitchStyles__StyledCheckboxClickable",
@@ -277,7 +280,7 @@ var StyledCheckboxClickable = external_styled_components_default()(Clickable_def
   });
 }, Object(themes_["pick"])({
   enterprise: {
-    light: themes_["variables"].gray80,
+    light: themes_["variables"].borderColor,
     dark: themes_["variables"].gray45
   },
   prisma: themes_["variables"].contentColorDisabled
@@ -311,7 +314,10 @@ var StyledIndicator = external_styled_components_default.a.div.withConfig({
   },
   prisma: themes_["variables"].white
 }), Object(themes_["pick"])({
-  enterprise: themes_["variables"].borderColor,
+  enterprise: {
+    light: themes_["variables"].gray60,
+    dark: themes_["variables"].borderColor
+  },
   prisma: themes_["variables"].transparent
 }), function (_ref8) {
   var $delay = _ref8.$delay;
@@ -370,7 +376,10 @@ var StyledToggleClickable = external_styled_components_default()(Clickable_defau
 }), diameter, function (props) {
   return props.$delay;
 }, Object(themes_["pick"])({
-  enterprise: themes_["variables"].borderColor,
+  enterprise: {
+    light: themes_["variables"].gray60,
+    dark: themes_["variables"].borderColor
+  },
   prisma: themes_["variables"].transparent
 }), Object(themes_["pick"])({
   enterprise: Object(external_styled_components_["css"])(["box-shadow:inset 0 2px 0 rgba(0,0,0,0.1);"])
@@ -488,7 +497,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 var propTypes = {
-  appearance: external_prop_types_default.a.oneOf(['radio', 'checkbox', 'toggle']),
+  appearance: external_prop_types_default.a.oneOf(['checkbox', 'toggle']),
   children: external_prop_types_default.a.node,
   disabled: external_prop_types_default.a.bool,
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
@@ -738,14 +747,14 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 31:
+/***/ 34:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/AnimationToggle");
 
 /***/ }),
 
-/***/ 42:
+/***/ 44:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Check");