@splunk/react-ui 4.3.0 → 4.5.0

package/Accordion.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 128);
+/******/ 	return __webpack_require__(__webpack_require__.s = 127);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 128:
+/***/ 127:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -124,12 +124,17 @@ 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__(72);
+var CollapsiblePanel_ = __webpack_require__(74);
 var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
+// CONCATENATED MODULE: ./src/Accordion/AccordionContext.tsx
+
+var AccordionContext = /*#__PURE__*/Object(external_react_["createContext"])({});
+AccordionContext.displayName = 'Accordion';
+/* harmony default export */ var Accordion_AccordionContext = (AccordionContext);
 // CONCATENATED MODULE: ./src/Accordion/Panel.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); }
 
@@ -141,6 +146,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var propTypes = {
   description: external_prop_types_default.a.string,
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
@@ -168,8 +174,7 @@ var getPaddingValue = function getPaddingValue(family, density) {
  */
 function Panel(_ref) {
   var panelId = _ref.panelId,
-      _ref$inset = _ref.inset,
-      inset = _ref$inset === void 0 ? false : _ref$inset,
+      inset = _ref.inset,
       otherProps = _objectWithoutProperties(_ref, ["panelId", "inset"]);
 
   // @docs-props-type AccordionPanelPropsBase
@@ -177,16 +182,27 @@ function Panel(_ref) {
       family = _useSplunkTheme.family,
       density = _useSplunkTheme.density;
 
+  var _useContext = Object(external_react_["useContext"])(AccordionContext),
+      onRequestCloseContext = _useContext.onRequestClose,
+      onRequestOpenContext = _useContext.onRequestOpen,
+      openPanelIdContext = _useContext.openPanelId,
+      insetContext = _useContext.inset;
+
+  var open = openPanelIdContext === panelId;
+  var finalInset = inset !== undefined ? inset : insetContext;
   return /*#__PURE__*/external_react_default.a.createElement(CollapsiblePanel_default.a, _extends({
     panelId: panelId,
     "data-test": "panel",
-    innerBodyStyles: inset ? {
+    innerBodyStyles: finalInset ? {
       padding: getPaddingValue(family, density)
     } : undefined,
     "data-test-panel-id": panelId,
     style: {
       flexShrink: 1
-    }
+    },
+    onRequestClose: onRequestCloseContext,
+    onRequestOpen: onRequestOpenContext,
+    open: open
   }, otherProps));
 }
 
@@ -247,6 +263,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
+/** @public */
+
 var Accordion_propTypes = {
   children: external_prop_types_default.a.node,
   defaultOpenPanelId: external_prop_types_default.a.any,
@@ -328,28 +347,25 @@ var Accordion_Accordion = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-
       var _this$props3 = this.props,
           children = _this$props3.children,
           elementRef = _this$props3.elementRef,
           inset = _this$props3.inset;
       var openPanelId = this.isControlled() ? this.props.openPanelId : this.state.openPanelId;
-      var childrenCleaned = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]) // remove false, null, 0, etc
-      .map(function (unknownChild) {
-        var child = unknownChild;
-        return /*#__PURE__*/Object(external_react_["cloneElement"])(child, {
-          onRequestOpen: _this2.handleRequestOpen,
-          onRequestClose: _this2.handleRequestClose,
-          open: openPanelId === child.props.panelId,
-          inset: child.props.inset === undefined ? inset : child.props.inset
-        });
-      });
+      var childrenCleaned = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]); // remove false, null, 0, etc
+
       return /*#__PURE__*/external_react_default.a.createElement(StyledBox, Accordion_extends({
         "data-test": "accordion",
         "data-test-open-panel-id": openPanelId,
         elementRef: elementRef
-      }, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(Accordion.propTypes))), childrenCleaned);
+      }, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(Accordion.propTypes))), /*#__PURE__*/external_react_default.a.createElement(Accordion_AccordionContext.Provider, {
+        value: {
+          onRequestOpen: this.handleRequestOpen,
+          onRequestClose: this.handleRequestClose,
+          openPanelId: openPanelId,
+          inset: inset
+        }
+      }, childrenCleaned));
     }
   }]);
 
@@ -391,7 +407,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 72:
+/***/ 74:
 /***/ (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 = 141);
+/******/ 	return __webpack_require__(__webpack_require__.s = 144);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 141:
+/***/ 144:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Animation.js

@@ -99,7 +99,7 @@ __webpack_require__.d(__webpack_exports__, "Spring", function() { return /* reex
 __webpack_require__.d(__webpack_exports__, "Transition", function() { return /* reexport */ Transition; });
 
 // EXTERNAL MODULE: external "react-spring"
-var external_react_spring_ = __webpack_require__(19);
+var external_react_spring_ = __webpack_require__(18);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
 var AnimationToggle_ = __webpack_require__(34);
@@ -151,7 +151,7 @@ function Transition(_ref2) {
 
 /***/ }),
 
-/***/ 19:
+/***/ 18:
 /***/ (function(module, exports) {
 
 module.exports = require("react-spring");

package/AnimationToggle.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 124);
+/******/ 	return __webpack_require__(__webpack_require__.s = 128);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 124:
+/***/ 128:
 /***/ (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 = 142);
+/******/ 	return __webpack_require__(__webpack_require__.s = 145);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 142:
+/***/ 145:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Button.js

@@ -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__(18);
+var Dropdown_ = __webpack_require__(19);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(40);
+var style_ = __webpack_require__(39);
 
 // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
 var CaretDown = __webpack_require__(36);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/External"
-var External_ = __webpack_require__(51);
+var External_ = __webpack_require__(52);
 var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -169,6 +169,9 @@ function External(props) {
     Prisma24: Prisma24
   }, props));
 }
+// EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
+var ButtonGroupContext = __webpack_require__(53);
+
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
@@ -336,6 +339,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 var propTypes = {
   action: external_prop_types_default.a.string,
   appearance: external_prop_types_default.a.oneOf(['default', 'secondary', 'primary', 'destructive', 'pill', 'toggle', 'flat']),
@@ -440,6 +444,9 @@ var Button_Button = /*#__PURE__*/function (_Component) {
           prepend = _this$props2.prepend,
           to = _this$props2.to,
           value = _this$props2.value;
+      var _this$context = this.context,
+          inlineContext = _this$context.inline,
+          roleContext = _this$context.role;
       var _this$props3 = this.props,
           children = _this$props3.children,
           label = _this$props3.label;
@@ -458,15 +465,16 @@ var Button_Button = /*#__PURE__*/function (_Component) {
       }, this.props, {
         className: Object(style_["toClassName"])(className, classNamePrivate),
         "data-action": action,
-        "data-inline": inline || null,
+        "data-inline": inlineContext || inline || null,
         disabled: disabled,
         append: append,
         prepend: prepend,
-        $inline: inline,
+        $inline: inlineContext || inline,
         $hasPrismaIcon: hasPrismaIcon,
         $isIconOnly: isIconOnly,
         $isMenu: isMenu,
-        status: error ? 'error' : 'normal' // @ts-expect-error - this is problematic for two reasons:
+        status: error ? 'error' : 'normal',
+        role: roleContext || undefined // @ts-expect-error - this is problematic for two reasons:
         // * value is only a valid attribute on button (not on a)
         // * this component's value prop is of type any, which can result
         //   in "[object Object]" attribute values
@@ -506,6 +514,8 @@ _defineProperty(Button_Button, "propTypes", propTypes);
 
 _defineProperty(Button_Button, "defaultProps", defaultProps);
 
+_defineProperty(Button_Button, "contextType", ButtonGroupContext["a" /* ButtonGroupContext */]);
+
 _defineProperty(Button_Button, Dropdown_["legacyRefMode"], true);
 
 /* harmony default export */ var src_Button_Button = (Button_Button);
@@ -515,7 +525,7 @@ _defineProperty(Button_Button, Dropdown_["legacyRefMode"], true);
 
 /***/ }),
 
-/***/ 18:
+/***/ 19:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Dropdown");
@@ -581,17 +591,17 @@ module.exports = require("@splunk/react-icons/Caret");
 
 /***/ }),
 
-/***/ 4:
+/***/ 39:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("@splunk/ui-utils/style");
 
 /***/ }),
 
-/***/ 40:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/style");
+module.exports = require("lodash");
 
 /***/ }),
 
@@ -609,13 +619,27 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 51:
+/***/ 52:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/External");
 
 /***/ }),
 
+/***/ 53:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ButtonGroupContext; });
+/* 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__);
+
+var ButtonGroupContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
+ButtonGroupContext.displayName = 'ButtonGroup';
+/* harmony default export */ __webpack_exports__["b"] = (ButtonGroupContext);
+
+/***/ }),
+
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 

package/ButtonGroup.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 153);
+/******/ 	return __webpack_require__(__webpack_require__.s = 146);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 153:
+/***/ 146:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -142,6 +142,9 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   prisma: themes_["variables"].spacingSmall
 }));
 
+// EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
+var ButtonGroupContext = __webpack_require__(53);
+
 // CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroup.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); }
 
@@ -152,6 +155,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var propTypes = {
   children: external_prop_types_default.a.node,
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
@@ -169,9 +173,7 @@ function ButtonGroup(_ref) {
     var length = _ref2.length;
     return /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
       prepend: i > 0,
-      append: i < length - 1,
-      inline: false,
-      role: item.props && item.props.role || 'menuitem'
+      append: i < length - 1
     });
   });
   return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
@@ -179,7 +181,12 @@ function ButtonGroup(_ref) {
     flex: true,
     "data-test": "button-group",
     role: "menubar"
-  }, otherProps), childrenCleaned);
+  }, otherProps), /*#__PURE__*/external_react_default.a.createElement(ButtonGroupContext["b" /* default */].Provider, {
+    value: {
+      inline: false,
+      role: 'menuitem'
+    }
+  }, childrenCleaned));
 }
 
 ButtonGroup.propTypes = propTypes;
@@ -203,6 +210,20 @@ module.exports = require("styled-components");
 
 /***/ }),
 
+/***/ 53:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ButtonGroupContext; });
+/* 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__);
+
+var ButtonGroupContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
+ButtonGroupContext.displayName = 'ButtonGroup';
+/* harmony default export */ __webpack_exports__["b"] = (ButtonGroupContext);
+
+/***/ }),
+
 /***/ 8:
 /***/ (function(module, exports) {
 

package/ButtonSimple.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 125);
+/******/ 	return __webpack_require__(__webpack_require__.s = 129);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 125:
+/***/ 129:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -133,7 +133,7 @@ var i18n_ = __webpack_require__(5);
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
+var ScreenReaderContent_ = __webpack_require__(15);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -141,7 +141,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/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // CONCATENATED MODULE: ./src/ButtonSimple/prismaStyles.ts
@@ -530,7 +530,7 @@ ButtonSimpleWithTheme.propTypes = ButtonSimple_ButtonSimple.propTypes;
 
 /***/ }),
 
-/***/ 14:
+/***/ 15:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScreenReaderContent");

package/CHANGELOG.md

@@ -1,6 +1,63 @@
 Change Log
 ============
 
+4.5.0 - February 23, 2022
+----------
+New Features:
+* `FormRows` can now be rendered without the Add/Remove buttons by omitting the `onRequestAdd` and `FormRows.Row`'s `onRequestRemove` props.
+* `File` supports customizing the supports message via a new `supportsMessage` prop.
+* `File`'s `help` prop is now supported in enterprise themes and when `fullscreen` is disabled.
+* A new `Search` component has been added. This component behaves like `Text` with `appearance="search"`, but supports an options dropdown.
+* `Modal` has a new `initialFocus` prop to customize where focus is placed when the modal opens: `first` (first focusable element in the modal), `container` (focus the modal itself), or a ref (SUI-2814).
+* `ControlGroup`'s cloned props `id` and `inputId` are now cached when not provided (SUI-2817).
+* `Color`'s `defaultPalette` is now extrapolated from 8 base colors by `tinycolor2` to form the rest of the palette (SUI-2466).
+* Redundant `Table.HeadCell` indicators for sortable columns in Prisma themes have been replaced with the icons that matches the existing sort arrows. Note: column widths may be affected by this change (SUI-2547).
+* `Table` now supports `rowExpansion="controlled"` to allow for customization of expanded row state (SUI-2649).
+
+Bug Fixes:
+* Updated `Chip` styles to grid to fix misalignment (SUI-2706).
+* `Multiselect.Compact` now supports the `showSelectedValuesFirst` property to control if selected items are moved to the top of the list on `nextOpen` (default), `immediately`, or `never`.
+* `TreeNode` would not render `:` separating key/value pairs in some cases, this has been fixed.
+* `TabBar` no longer shifts upon selection in Prisma themes (SUI-2821).
+* `Color` no longer throws warning when selecting a `null` value (SUI-2437).
+* `Popover` no longer ignores the `pointTo` prop in Prisma themes (SUI-2750).
+* `RadioBar` no longer has uneven padding when it is icon only (SUI-2782).
+* `Message` Banner appearance info status is now white instead of grey (SUI-2811).
+* `TabBar` keyboard navigation has been fixed to circle through tabs, skipping the disabled tab (SUI-2774).
+* `Table.Row`'s `onClick` prop will no longer trigger when clicking on the row expansion button, the primary action button, or the secondary action button (SUI-2631).
+* `Multiselect` now supports the `repositionMode` property to determine if and how the `Popover` repositions itself using `flip` (default) or `none` (SUI-1716).
+* Disabled `Text` no longer has `[data-test="disabled-textbox"]` and should instead be selected as `[data-test="textbox"][disabled]` (SUI-2447).
+* Updated `Select.Option` to fix check icon vertical alignment (SUI-2803).
+* `Select` should now pass the correct value to `onFilterChange` when opened rather than an empty string (SUI-3234).
+* `Multiselect` should now correctly clear the filter on open when `compact` is set (SUI-3234).
+* `Combobox`, `Multiselect`, `Search` and `Select` will no longer lose reset their scroll position when new items are added (SUI-3233).
+* `Color`'s text entry box will no longer overflow its container in the Prisma theme (SUI-3253).
+
+Type Changes:
+* `ScrollContainerContext`'s type replaced `"window"`with `window`, `Element` with `HTMLElement` and the default value changed to `window` (SUI-2839).
+
+Deprecations:
+* The `useSyntheticPlaceholder` prop in the `Text` & `Number` components has been deprecated (SUI-2583) and will be removed in the next major release (SUI-2820).
+* The `xlarge` option in the `size` prop of the `Monogram` component has been deprecated (SUI-3221) and will be removed in the next major release (SUI-3222).
+
+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-2757).
+* `Scroll` no longer requests undeclared dependency `@react-spring`.
+* `Text` no longer loses focus after clearing text using the Clear button (SUI-2761).
+* Updated `Chip` styles to grid to fix misalignment (SUI-2706).
+
 4.3.0 - September 8, 2021
 ----------
 New Features:

package/Calendar.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 = 113);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 109:
+/***/ 113:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -392,18 +392,18 @@ function DateTable(_ref2) {
 DateTable.propTypes = DateTable_propTypes;
 /* harmony default export */ var Calendar_DateTable = (DateTable);
 // EXTERNAL MODULE: external "lodash/omit"
-var omit_ = __webpack_require__(32);
+var omit_ = __webpack_require__(42);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
-var Button_ = __webpack_require__(16);
+var Button_ = __webpack_require__(17);
 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__(52);
+var ChevronLeft = __webpack_require__(54);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
 var ChevronRight = __webpack_require__(27);
@@ -524,7 +524,7 @@ var MonthHeader_MonthHeader = /*#__PURE__*/function (_Component) {
           splunkTheme = _this$props2.splunkTheme,
           otherProps = MonthHeader_objectWithoutProperties(_this$props2, ["headingId", "locale", "value", "splunkTheme"]);
 
-      var isPrisma = splunkTheme.family === 'prisma';
+      var isPrisma = splunkTheme.isPrisma;
       var date = external_moment_default()(value, 'YYYY-MM-DD', locale);
       var monthYear = date.format(MonthHeader.getMonthYearFormat(locale, isPrisma));
       var buttonStyles = {
@@ -786,7 +786,7 @@ Calendar_defineProperty(Calendar_Calendar, "defaultProps", Calendar_defaultProps
 
 /***/ }),
 
-/***/ 16:
+/***/ 17:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Button");
@@ -871,17 +871,17 @@ module.exports = require("@splunk/react-icons/ChevronRight");
 
 /***/ }),
 
-/***/ 32:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/omit");
+module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 4:
+/***/ 42:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("lodash/omit");
 
 /***/ }),
 
@@ -892,14 +892,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 52:
+/***/ 54:
 /***/ (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__(53);
+/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(55);
 /* 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) {
 
 /***/ }),
 
-/***/ 53:
+/***/ 55:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronLeft");