@splunk/react-ui 4.1.0 → 4.4.1

package/Accordion.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 127);
+/******/ 	return __webpack_require__(__webpack_require__.s = 131);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 127:
+/***/ 131:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -124,7 +124,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/CollapsiblePanel"
-var CollapsiblePanel_ = __webpack_require__(70);
+var CollapsiblePanel_ = __webpack_require__(72);
 var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -391,7 +391,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 70:
+/***/ 72:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/CollapsiblePanel");

package/Anchor.js

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

package/Animation.js

@@ -82,12 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 167);
+/******/ 	return __webpack_require__(__webpack_require__.s = 165);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 167:
+/***/ 165:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -98,18 +98,18 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, "Spring", function() { return /* reexport */ Spring; });
 __webpack_require__.d(__webpack_exports__, "Transition", function() { return /* reexport */ Transition; });
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(2);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-
-// EXTERNAL MODULE: external "react-spring/renderprops.cjs"
-var renderprops_cjs_ = __webpack_require__(38);
+// EXTERNAL MODULE: external "react-spring"
+var external_react_spring_ = __webpack_require__(18);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
-var AnimationToggle_ = __webpack_require__(31);
+var AnimationToggle_ = __webpack_require__(34);
 
 // CONCATENATED MODULE: ./src/Animation/Animation.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); }
+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 _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; }
 
@@ -117,35 +117,33 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 /**
- * Wrappers to use in place of `Motion` and `Transition` from `react-spring` which use
- * `useAnimationToggle` to offer animation control.
+ * Wrappers to use in place of `Spring` and `Transition` from `react-spring`.
+ * Uses `useAnimationToggle` to offer animation control.
  */
 
-/* eslint-disable @typescript-eslint/ban-types */
-
 function Spring(_ref) {
-  var immediate = _ref.immediate,
-      otherProps = _objectWithoutProperties(_ref, ["immediate"]);
+  var children = _ref.children,
+      immediate = _ref.immediate,
+      otherProps = _objectWithoutProperties(_ref, ["children", "immediate"]);
 
   var animationToggle = Object(AnimationToggle_["useAnimationToggle"])();
-  return /*#__PURE__*/external_react_default.a.createElement(renderprops_cjs_["Spring"], _extends({}, otherProps, {
+  return children(Object(external_react_spring_["useSpring"])(_objectSpread({
     immediate: immediate || animationToggle !== 'on'
-  }));
+  }, otherProps)));
 }
 
 function Transition(_ref2) {
-  var immediate = _ref2.immediate,
-      otherProps = _objectWithoutProperties(_ref2, ["immediate"]);
+  var items = _ref2.items,
+      children = _ref2.children,
+      immediate = _ref2.immediate,
+      otherProps = _objectWithoutProperties(_ref2, ["items", "children", "immediate"]);
 
   var animationToggle = Object(AnimationToggle_["useAnimationToggle"])();
-  return /*#__PURE__*/external_react_default.a.createElement(renderprops_cjs_["Transition"], _extends({}, otherProps, {
+  return Object(external_react_spring_["useTransition"])(items, _objectSpread({
     immediate: immediate || animationToggle !== 'on'
-  }));
+  }, otherProps))(children);
 }
-/* eslint-enable @typescript-eslint/ban-types */
-
 
 
 // CONCATENATED MODULE: ./src/Animation/index.ts
@@ -153,25 +151,18 @@ function Transition(_ref2) {
 
 /***/ }),
 
-/***/ 2:
+/***/ 18:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("react-spring");
 
 /***/ }),
 
-/***/ 31:
+/***/ 34:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/AnimationToggle");
 
-/***/ }),
-
-/***/ 38:
-/***/ (function(module, exports) {
-
-module.exports = require("react-spring/renderprops.cjs");
-
 /***/ })
 
 /******/ });

package/AnimationToggle.js

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

package/Box.js

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

package/Button.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 134);
+/******/ 	return __webpack_require__(__webpack_require__.s = 127);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 134:
+/***/ 127:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -126,16 +126,16 @@ var external_lodash_ = __webpack_require__(4);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(16);
+var Dropdown_ = __webpack_require__(19);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(36);
+var style_ = __webpack_require__(40);
 
 // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
-var CaretDown = __webpack_require__(39);
+var CaretDown = __webpack_require__(36);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/External"
-var External_ = __webpack_require__(49);
+var External_ = __webpack_require__(51);
 var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -174,7 +174,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/ButtonSimple"
-var ButtonSimple_ = __webpack_require__(41);
+var ButtonSimple_ = __webpack_require__(43);
 var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -515,7 +515,7 @@ _defineProperty(Button_Button, Dropdown_["legacyRefMode"], true);
 
 /***/ }),
 
-/***/ 16:
+/***/ 19:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Dropdown");
@@ -537,20 +537,13 @@ module.exports = require("styled-components");
 /***/ }),
 
 /***/ 36:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/style");
-
-/***/ }),
-
-/***/ 39:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
 /* 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_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(40);
+/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(37);
 /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__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);
@@ -581,6 +574,13 @@ function CaretDown(props) {
 
 /***/ }),
 
+/***/ 37:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Caret");
+
+/***/ }),
+
 /***/ 4:
 /***/ (function(module, exports) {
 
@@ -591,28 +591,28 @@ module.exports = require("lodash");
 /***/ 40:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Caret");
+module.exports = require("@splunk/ui-utils/style");
 
 /***/ }),
 
-/***/ 41:
+/***/ 43:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ButtonSimple");
 
 /***/ }),
 
-/***/ 49:
+/***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/External");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 5:
+/***/ 51:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+module.exports = require("@splunk/react-icons/External");
 
 /***/ }),
 

package/ButtonGroup.js

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

package/ButtonSimple.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 119);
+/******/ 	return __webpack_require__(__webpack_require__.s = 122);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 119:
+/***/ 122:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -218,7 +218,10 @@ var enterpriseStyles_appendPrepend = Object(external_styled_components_["css"])(
 });
 var lightShadow = 'inset 0 -1px 0 rgba(0, 0, 0, 0.1)';
 var lightSelectedShadow = 'inset 0 1px 0 rgba(0, 0, 0, 0.1)';
-var enterpriseDefault = Object(external_styled_components_["css"])(["", ";border:", ";", ";font-weight:", ";&:not([disabled]){background-color:", ";color:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", ";", " &:hover{background-color:", ";box-shadow:", ";}&:active{transition:none;background-color:", ";border-color:", ";", ";}&:focus{box-shadow:", ",", ";", " ", "}}&[disabled]{cursor:not-allowed;color:", ";background-color:", ";border-color:", ";", "}"], enterpriseStyles_common, themes_["variables"].border, enterpriseStyles_appendPrepend, Object(themes_["pickVariant"])('$variant', {
+var enterpriseDefault = Object(external_styled_components_["css"])(["", ";border:", ";", ";font-weight:", ";&:not([disabled]){background-color:", ";color:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", ";", " &:hover{background-color:", ";box-shadow:", ";}&:active{transition:none;background-color:", ";border-color:", ";", ";}&:focus{box-shadow:", ",", ";", " ", "}}&[disabled]{cursor:not-allowed;color:", ";background-color:", ";border-color:", ";", "}"], enterpriseStyles_common, Object(themes_["pick"])({
+  light: Object(external_styled_components_["css"])(["1px solid ", ""], themes_["variables"].gray60),
+  dark: themes_["variables"].border
+}), enterpriseStyles_appendPrepend, Object(themes_["pickVariant"])('$variant', {
   enterpriseDefault: 'normal',
   enterpriseSecondary: themes_["variables"].fontWeightSemiBold
 }), Object(themes_["pick"])({
@@ -239,7 +242,7 @@ var enterpriseDefault = Object(external_styled_components_["css"])(["", ";border
     light: themes_["variables"].gray92,
     dark: themes_["variables"].gray22
   }), Object(themes_["pick"])({
-    light: themes_["variables"].borderColor,
+    light: themes_["variables"].gray60,
     dark: themes_["variables"].gray20
   }));
 }, Object(themes_["pick"])({
@@ -252,7 +255,7 @@ var enterpriseDefault = Object(external_styled_components_["css"])(["", ";border
   light: themes_["variables"].gray92,
   dark: themes_["variables"].gray22
 }), Object(themes_["pick"])({
-  light: themes_["variables"].borderColor,
+  light: themes_["variables"].gray60,
   dark: themes_["variables"].gray20
 }), Object(themes_["pick"])({
   dark: Object(external_styled_components_["css"])(["box-shadow:inset 0 -1px 0 ", ";"], themes_["variables"].gray22)
@@ -316,7 +319,10 @@ var enterprisePill = Object(external_styled_components_["css"])(["", ";color:",
 }, Object(themes_["pick"])({
   light: themes_["variables"].linkColor,
   dark: themes_["variables"].white
-}), themes_["variables"].backgroundColorHover, themes_["variables"].borderColor, function (_ref14) {
+}), themes_["variables"].backgroundColorHover, Object(themes_["pick"])({
+  light: themes_["variables"].gray60,
+  dark: themes_["variables"].borderColor
+}), function (_ref14) {
   var $error = _ref14.$error;
   return $error && Object(external_styled_components_["css"])(["&,&:hover{color:", ";}"], themes_["variables"].errorColor);
 }, Object(themes_["pick"])({

package/CHANGELOG.md

@@ -1,10 +1,77 @@
 Change Log
 ============
 
+4.4.1 - October 19, 2021
+----------
+Bug Fixes:
+* Select will start controlled if `value` is `undefined`, maintaining previous 4.x behavior (SUI-2772).
+
+4.4.0 - October 4, 2021
+----------
+New Features:
+* `Table` can fill its container and support resizable, auto-sized columns with the new `resizableFillLayout` in enterprise themes (SUI-2546).
+* `Text` now supports `startAdornment` and `endAdornment` to allow for customization with icons and actions (SUI-2682).
+* `Text` has an improved label with better context for its "Clear" button (SUI-2696).
+
+Bug Fixes:
+* Updated `prismjs` dependency to address vulnerability (SUI-2626).
+* `Scroll` no longer requests undeclared dependency `@react-spring`.
+* `Text` no longer loses focus after clearing text using the Clear button (SUI-2761).
+
+4.3.0 - September 8, 2021
+----------
+New Features:
+* `Text`'s "clear" button is now able to receive keyboard focus (SUI-2626).
+* `Multiselect` is correctly focused when its label is clicked (SUI-2052).
+* `Multiselect` supports `inputId` prop (SUI-2052).
+* `Text`'s `type` prop now supports `time` (SUI-2716).
+* `Menu.Header` supports `outerStyle` prop (SUI-2727).
+* `CollapsiblePanel`'s `innerBodyStyles` prop is now public (SUI-1701).
+* `Text`, `Button` and related component's border color updated to meet contrast requirements in Enterprise Light theme (SUI-2613).
+* `Multiselect` color updated to meet contrast requirements (SUI-2636).
+* `JSONTree`'s `onClickKey` prop added (SUI-2452).
+
+Bug Fixes:
+* `Table` expandable row and draggable row no longer shrink when table is shrunk (SUI-2413).
+* `Text`no longer shows "clear" button in Prisma themes during error state without focus (SUI-2626).
+* `Paginator` accessibility improved by updating semantics and setting the role for ellipsis to separator (SUI-2499).
+* `Text` no longer displays current value in `data-test-value` test hook when `type="password"` (SUI-2622).
+* `ComboBox`, `Select`, and `Multiselect` no longer incorrectly display a second focus border on the active list item (SUI-1678).
+* `Progress` had content duplicated for non-visual users (SUI-2635).
+* Fixed the regression of `Color`: the `null` swatch no longer display when the palette does not have the `null` value in Enterprise themes (SUI-2707).
+* `Switch` components in a `ControlGroup` with `controlsLayout="fill"` now have the appropriate margin (SUI-1845).
+* `Select` and `Multiselect.Compact` will no longer reacquire focus while closing (SUI-2054).
+* `Menu` keyboard navigation has been fixed to have correct accessible behavior when `retainFocus="false"` (SUI-2005).
+    * `Menu` only has a single tab stop - navigation between items is accomplished with the `up` and `down` keys.
+    * This change will affect `Select` and `Multiselect.Compact`, as well as `Menu` inside `Dropdown` and `Popover`.
+    * `Menu` inside `Dropdown` and `Popover` will inherit the value of `retainFocus` if one is not explicitly specified.
+    * To support this change, a new `tabKey` value has been added to the `closeReasons` for `Dropdown` and `Popover`.
+    * `tabKey` has also been added to `focusToggleReasons` for `Dropdown` and `Popover`.
+    * Components overiding `closeReasons` or `focusToggleReasons` may need to add `tabKey` to maintain expected behavior.
+* `Select All` and `Close All` in `Multiselect.Compact` should now be keyboard accessible (SUI-1415).
+* `Multiselect.Compact` will now announce when items are selected/unselected (SUI-2733).
+* Fixed `Multiselect.Option`'s `Switch` checkbox uneven padding in compact mode (SUI-2730).
+* `TabBar` no longer applies props to children when they are not of type `TabBar.Tab`.
+* Added error message for invalid anchor values in `Popover` (SUI-2307).
+
+Notes:
+* Upgraded `react-spring` to v9.2.2 (SUI-2641).
+
+4.2.0 - June 17, 2021
+----------
+New Features:
+* `Tab` now supports the `to` property to render as a link (SUI-2616).
+* `Combobox` supports two new test selectors: `data-test-label` and `data-test-current-value-option` (SUI-2615).
+
+Bug Fixes:
+* `Combobox` renders `label` instead of `value` when an option is selected (SUI-2615).
+* `Paginator` buttons no longer overlap in narrow containers (SUI-2558).
+* `Multiselect` supports jumping to the beginning and end of the menu using the `home` and `end` keys respectively (SUI-2572).
+
 4.1.0 - May 6, 2021
 ----------
-New Features: 
-* Enable TS support. 
+New Features:
+* Enable TS support.
     * The type definition files may have breaking changes between versions until stated otherwise in this Changelog for a future version.
 * `Accordion` and `Accordion.Panel` support a new `inset` prop which adds styling to match designs (SUI-2541).
     * This prop is currently defaults to `false`, to be backwards compatible, but will default to `true` in the next major version.

package/Calendar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 105);
+/******/ 	return __webpack_require__(__webpack_require__.s = 108);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 105:
+/***/ 108:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -130,7 +130,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "moment"
-var external_moment_ = __webpack_require__(19);
+var external_moment_ = __webpack_require__(20);
 var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
@@ -392,21 +392,21 @@ function DateTable(_ref2) {
 DateTable.propTypes = DateTable_propTypes;
 /* harmony default export */ var Calendar_DateTable = (DateTable);
 // EXTERNAL MODULE: external "lodash/omit"
-var omit_ = __webpack_require__(29);
+var omit_ = __webpack_require__(32);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
-var Button_ = __webpack_require__(17);
+var Button_ = __webpack_require__(16);
 var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
-var ChevronLeft = __webpack_require__(50);
+var ChevronLeft = __webpack_require__(52);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
-var ChevronRight = __webpack_require__(25);
+var ChevronRight = __webpack_require__(27);
 
 // CONCATENATED MODULE: ./src/Calendar/MonthHeaderStyles.ts
 
@@ -786,35 +786,35 @@ Calendar_defineProperty(Calendar_Calendar, "defaultProps", Calendar_defaultProps
 
 /***/ }),
 
-/***/ 17:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
-/***/ 19:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("moment");
+module.exports = require("react");
 
 /***/ }),
 
-/***/ 2:
+/***/ 20:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("moment");
 
 /***/ }),
 
-/***/ 25:
+/***/ 27:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
 /* 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_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28);
+/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31);
 /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__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);
@@ -857,24 +857,24 @@ function ChevronRight(props) {
 
 /***/ }),
 
-/***/ 28:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/ChevronRight");
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 29:
+/***/ 31:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/omit");
+module.exports = require("@splunk/react-icons/ChevronRight");
 
 /***/ }),
 
-/***/ 3:
+/***/ 32:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("lodash/omit");
 
 /***/ }),
 
@@ -892,14 +892,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 50:
+/***/ 52:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
 /* 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_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
+/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
 /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__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);
@@ -942,7 +942,7 @@ function ChevronLeft(props) {
 
 /***/ }),
 
-/***/ 51:
+/***/ 53:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronLeft");