@splunk/react-ui 4.4.1 → 4.5.0

package/Concertina.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 117);
+/******/ 	return __webpack_require__(__webpack_require__.s = 119);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -102,13 +102,33 @@ module.exports = require("prop-types");
 /***/ }),
 
 /***/ 11:
-/***/ (function(module, exports) {
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
+/**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
+ * @param current - The new value of the ref.
+ */
+function updateReactRef(ref, current) {
+  if (ref) {
+    if (typeof ref === 'function') {
+      ref(current);
+    } else {
+      // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+      // the intention here is to signal "we will take care of setting 'current', not you".
+      ref.current = current; // eslint-disable-line no-param-reassign
+    }
+  }
+}
+
 
-module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 117:
+/***/ 119:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -130,16 +150,16 @@ 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-event-listener"
-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 "@splunk/react-ui/EventListener"
+var EventListener_ = __webpack_require__(14);
+var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -311,7 +331,7 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
-var Scroll_ = __webpack_require__(58);
+var Scroll_ = __webpack_require__(61);
 var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
 
 // CONCATENATED MODULE: ./src/Concertina/ConcertinaStyles.ts
@@ -351,8 +371,13 @@ var StyledPanelBody = external_styled_components_default.a.div.withConfig({
 }));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
+
+// CONCATENATED MODULE: ./src/Concertina/ConcertinaContext.tsx
 
+var ConcertinaContext = /*#__PURE__*/Object(external_react_["createContext"])({});
+ConcertinaContext.displayName = 'Concertina';
+/* harmony default export */ var Concertina_ConcertinaContext = (ConcertinaContext);
 // CONCATENATED MODULE: ./src/Concertina/Panel.tsx
 function Panel_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Panel_typeof = function _typeof(obj) { return typeof obj; }; } else { Panel_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Panel_typeof(obj); }
 
@@ -399,6 +424,7 @@ function Panel_defineProperty(obj, key, value) { if (key in obj) { Object.define
 
 
 
+
 var Panel_propTypes = {
   children: external_prop_types_default.a.node,
   description: external_prop_types_default.a.node,
@@ -406,12 +432,6 @@ var Panel_propTypes = {
 
   /** @private */
   index: external_prop_types_default.a.number,
-
-  /** @private */
-  onHeadingClick: external_prop_types_default.a.func,
-
-  /** @private */
-  onChange: external_prop_types_default.a.func,
   panelId: external_prop_types_default.a.string,
   status: external_prop_types_default.a.oneOf(['normal', 'warning', 'error', 'disabled']),
   title: external_prop_types_default.a.node.isRequired
@@ -436,7 +456,7 @@ var Panel_Panel = /*#__PURE__*/function (_Component) {
     Panel_defineProperty(Panel_assertThisInitialized(_this), "lastHeight", void 0);
 
     Panel_defineProperty(Panel_assertThisInitialized(_this), "measureHeight", function (e) {
-      var _this$props$index, _this$props$onChange, _this$props;
+      var _this$props$index, _this$context$onChang, _this$context;
 
       if (!_this.state.containerEl || !_this.state.bodyEl) {
         return;
@@ -455,7 +475,7 @@ var Panel_Panel = /*#__PURE__*/function (_Component) {
         panelId: _this.props.panelId
       };
       _this.lastHeight = newHeight;
-      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, e, data);
+      (_this$context$onChang = (_this$context = _this.context).onChange) === null || _this$context$onChang === void 0 ? void 0 : _this$context$onChang.call(_this$context, e, data);
     });
 
     Panel_defineProperty(Panel_assertThisInitialized(_this), "handleResize", Object(external_lodash_["throttle"])(_this.measureHeight, 300));
@@ -510,30 +530,31 @@ var Panel_Panel = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-          children = _this$props2.children,
-          description = _this$props2.description,
-          index = _this$props2.index,
-          onHeadingClick = _this$props2.onHeadingClick,
-          panelId = _this$props2.panelId,
-          status = _this$props2.status,
-          style = _this$props2.style,
-          title = _this$props2.title;
+      var _this$props = this.props,
+          children = _this$props.children,
+          description = _this$props.description,
+          index = _this$props.index,
+          panelId = _this$props.panelId,
+          status = _this$props.status,
+          style = _this$props.style,
+          title = _this$props.title;
+      var onHeadingClickContext = this.context.onHeadingClick;
       return /*#__PURE__*/external_react_default.a.createElement("div", Panel_extends({
         ref: this.handleMount,
         "data-test": "panel",
-        "data-test-panel-id": panelId
+        "data-test-panel-id": panelId || "".concat(index)
       }, Object(external_lodash_["omit"])(this.props, [].concat(_toConsumableArray(Object(external_lodash_["keys"])(Panel.propTypes)), ['style']))), /*#__PURE__*/external_react_default.a.createElement(Concertina_Heading, {
-        onClick: onHeadingClick,
+        onClick: onHeadingClickContext,
         ref: this.handleHeadingMount,
         description: description,
         index: index !== null && index !== void 0 ? index : 0,
-        panelId: panelId,
+        panelId: panelId || "".concat(index),
         position: "inner",
         status: status
-      }, title), /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {
+      }, title), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
         target: window,
-        onResize: this.handleResize
+        eventType: "resize",
+        listener: this.handleResize
       }), /*#__PURE__*/external_react_default.a.createElement(StyledPanelBody, {
         $status: status,
         "data-test": "body",
@@ -550,6 +571,8 @@ Panel_defineProperty(Panel_Panel, "propTypes", Panel_propTypes);
 
 Panel_defineProperty(Panel_Panel, "defaultProps", Panel_defaultProps);
 
+Panel_defineProperty(Panel_Panel, "contextType", Concertina_ConcertinaContext);
+
 /* harmony default export */ var Concertina_Panel = (Panel_Panel);
 // CONCATENATED MODULE: ./src/Concertina/Concertina.tsx
 function Concertina_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Concertina_typeof = function _typeof(obj) { return typeof obj; }; } else { Concertina_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Concertina_typeof(obj); }
@@ -589,6 +612,7 @@ function Concertina_defineProperty(obj, key, value) { if (key in obj) { Object.d
 
 
 
+
 var Concertina_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])
@@ -777,27 +801,23 @@ var Concertina_Concertina = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
-
       var _this$props = this.props,
           children = _this$props.children,
           otherProps = _objectWithoutProperties(_this$props, ["children"]);
 
-      var childrenCleaned = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item, i) {
+      var childrenCleaned = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item, index) {
         return /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
-          panelId: item.props.panelId || "".concat(i),
-          index: i,
-          onHeadingClick: _this3.handleClick,
-          onChange: _this3.handleUpdate
+          index: index
         });
       });
       var topPanels = Object(external_lodash_["take"])(childrenCleaned, this.state.panelsTopCount);
       var bottomPanels = Object(external_lodash_["takeRight"])(childrenCleaned, this.state.panelsBottomCount);
       return /*#__PURE__*/external_react_default.a.createElement(StyledBox, Concertina_extends({
         "data-test": "concertina"
-      }, otherProps), /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {
-        target: "window",
-        onResize: this.handleResize
+      }, otherProps), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+        target: window,
+        eventType: "resize",
+        listener: this.handleResize
       }), this.state.panelsTopCount > 0 && /*#__PURE__*/external_react_default.a.createElement(StyledTop, {
         style: {
           width: this.state.innerWidth
@@ -811,7 +831,12 @@ var Concertina_Concertina = /*#__PURE__*/function (_Component) {
         "data-test": "scroll",
         top: this.state.targetTop,
         onScrollComplete: this.handleScrollComplete
-      }, childrenCleaned), this.state.panelsBottomCount > 0 && /*#__PURE__*/external_react_default.a.createElement(StyledBottom, {
+      }, /*#__PURE__*/external_react_default.a.createElement(Concertina_ConcertinaContext.Provider, {
+        value: {
+          onHeadingClick: this.handleClick,
+          onChange: this.handleUpdate
+        }
+      }, childrenCleaned)), this.state.panelsBottomCount > 0 && /*#__PURE__*/external_react_default.a.createElement(StyledBottom, {
         style: {
           width: this.state.innerWidth
         },
@@ -838,36 +863,16 @@ Concertina_defineProperty(Concertina_Concertina, "Panel", Concertina_Panel);
 /***/ }),
 
 /***/ 12:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
-/**
- * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
- *
- * @param ref - The React callback or object ref. Can be `null` or `undefined`.
- * @param current - The new value of the ref.
- */
-function updateReactRef(ref, current) {
-  if (ref) {
-    if (typeof ref === 'function') {
-      ref(current);
-    } else {
-      // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
-      // the intention here is to signal "we will take care of setting 'current', not you".
-      ref.current = current; // eslint-disable-line no-param-reassign
-    }
-  }
-}
-
+/***/ (function(module, exports) {
 
+module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 15:
+/***/ 14:
 /***/ (function(module, exports) {
 
-module.exports = require("react-event-listener");
+module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
@@ -892,7 +897,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 58:
+/***/ 61:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Scroll");

package/ControlGroup.js

@@ -141,11 +141,11 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // 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 "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(45);
+var Tooltip_ = __webpack_require__(46);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -231,6 +231,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 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 _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; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -305,7 +309,14 @@ var defaultProps = {
   labelWidth: 120,
   size: 'medium'
 };
-
+// Style cloned onto child elements when fill behavior set.
+var FLEX_GROW_STYLE = {
+  flexGrow: 1
+}; // Margin bootom values cloned onto child elements when the stacking behavior is needed.
+
+var CHILD_MARGIN_BOTTOM_DEFAULT = '0';
+var CHILD_MARGIN_BOTTOM_PRISMA = '16px';
+var CHILD_MARGIN_BOTTOM_PRISMA_COMPACT = '12px';
 /**
  * `ControlGroup` places a label and optional help text around one or more controls. The `ControlGroup`
  * will automatically add aria attributes to associate the controls with the labels and help text to
@@ -324,6 +335,7 @@ var defaultProps = {
  * attribute. If `inputId` is supported but not set a generated id is used instead. If `inputId` isn't
  * supported `id` is used. The `labelFor` prop may be used to override the `for` attribute.
  */
+
 var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
   _inherits(ControlGroup, _Component);
 
@@ -343,6 +355,36 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "contextValue", void 0);
 
+    _defineProperty(_assertThisInitialized(_this), "childIds", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "stackLayoutChildStyle", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "getChildID", function (key, index) {
+      var childKey = "".concat(key, "-").concat(index);
+      var value = _this.childIds[childKey];
+
+      if (!value || !value.length) {
+        value = Object(id_["createDOMID"])(key);
+        _this.childIds[childKey] = value;
+      }
+
+      return value;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getStackLayoutChildStyle", function (isPrisma, isCompact) {
+      if (isPrisma) {
+        if (isCompact) {
+          _this.stackLayoutChildStyle.marginBottom = CHILD_MARGIN_BOTTOM_PRISMA_COMPACT;
+        }
+
+        _this.stackLayoutChildStyle.marginBottom = CHILD_MARGIN_BOTTOM_PRISMA;
+      } else {
+        _this.stackLayoutChildStyle.marginBottom = CHILD_MARGIN_BOTTOM_DEFAULT;
+      }
+
+      return _this.stackLayoutChildStyle;
+    });
+
     _defineProperty(_assertThisInitialized(_this), "hasInputId", function (item) {
       return item.type && item.type.propTypes && Object.prototype.hasOwnProperty.call(item.type.propTypes, 'inputId');
     });
@@ -380,10 +422,21 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
     _this.labelId = Object(id_["createDOMID"])('label');
     _this.helpId = Object(id_["createDOMID"])('help');
     _this.contextValue = _this.createContextValue();
+    _this.childIds = {};
+    _this.stackLayoutChildStyle = {};
     return _this;
   }
 
   _createClass(ControlGroup, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
+      if (external_react_default.a.Children.count(nextProps.children) !== external_react_default.a.Children.count(this.props.children)) {
+        this.childIds = {};
+      }
+
+      return true;
+    }
+  }, {
     key: "createContextValue",
     value: function createContextValue() {
       return {
@@ -424,19 +477,11 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
           tooltip = _this$props.tooltip,
           otherProps = _objectWithoutProperties(_this$props, ["children", "controlsLayout", "error", "help", "hideLabel", "label", "labelFor", "labelPosition", "labelWidth", "size", "splunkTheme", "tooltip"]);
 
-      var isPrisma = splunkTheme.family === 'prisma';
-      var isCompact = splunkTheme.density === 'compact';
+      var isPrisma = splunkTheme.isPrisma,
+          isCompact = splunkTheme.isCompact;
       var validChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
       var count = validChildren.length;
-      var writableOtherProps = otherProps;
-      var stackMarginBottom = '0px';
-
-      if (isPrisma && isCompact) {
-        stackMarginBottom = '12px';
-      } else if (isPrisma) {
-        stackMarginBottom = '16px';
-      } // Clean the Children
-
+      var writableOtherProps = otherProps; // Clean the Children
 
       var cloneWithProps = function cloneWithProps(item, i) {
         var cloneProps = {
@@ -479,8 +524,10 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
           cloneProps.inline = false;
 
           if (i < count - 1) {
-            cloneProps.style = item.props.style ? Object(external_lodash_["clone"])(item.props.style) : {};
-            cloneProps.style.marginBottom = stackMarginBottom;
+            // The spread operator is used as css styles are not nested, so there is no need for a deep copy.
+            var stackStyle = _this2.getStackLayoutChildStyle(isPrisma, isCompact);
+
+            cloneProps.style = item.props.style ? _objectSpread(_objectSpread({}, item.props.style), stackStyle) : stackStyle;
           }
         }
 
@@ -498,15 +545,16 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
         }
 
         if (count === 1 && (controlsLayout === 'fillJoin' || controlsLayout === 'fill')) {
-          cloneProps.style = item.props.style ? Object(external_lodash_["clone"])(item.props.style) : {};
-          cloneProps.style.flexGrow = 1; // some controls like Select do not grow by default
+          // Some controls like Select do not grow by default, so flexGrow is applied
+          // The spread operator is used as css styles are not nested, so there is no need for a deep copy.
+          cloneProps.style = item.props.style ? _objectSpread(_objectSpread({}, item.props.style), FLEX_GROW_STYLE) : FLEX_GROW_STYLE;
         }
 
         if (!labelFor && item) {
           if (_this2.hasInputId(item)) {
-            cloneProps.inputId = item.props.inputId || Object(id_["createDOMID"])('id');
+            cloneProps.inputId = item.props.inputId || _this2.getChildID('input-id', i);
           } else {
-            cloneProps.id = item.props.id || Object(id_["createDOMID"])('id');
+            cloneProps.id = item.props.id || _this2.getChildID('id', i);
           }
         }
 
@@ -576,7 +624,7 @@ ControlGroupWithTheme.propTypes = ControlGroup_ControlGroup.propTypes;
 
 /***/ }),
 
-/***/ 14:
+/***/ 15:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScreenReaderContent");
@@ -604,7 +652,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 45:
+/***/ 46:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Tooltip");

package/Date.js

@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 12:
+/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -168,11 +168,11 @@ var id_ = __webpack_require__(10);
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Calendar"
-var Calendar_ = __webpack_require__(75);
+var Calendar_ = __webpack_require__(77);
 var Calendar_default = /*#__PURE__*/__webpack_require__.n(Calendar_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(17);
+var Popover_ = __webpack_require__(16);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -183,7 +183,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/Text"
-var Text_ = __webpack_require__(26);
+var Text_ = __webpack_require__(21);
 var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 
 // CONCATENATED MODULE: ./src/Date/DateStyles.ts
@@ -235,7 +235,7 @@ function CalendarIcon(props) {
   }));
 }
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./src/Date/Date.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); }
@@ -520,7 +520,7 @@ var _Date = /*#__PURE__*/function (_Component) {
       var _this$props5 = this.props,
           highlightToday = _this$props5.highlightToday,
           splunkTheme = _this$props5.splunkTheme;
-      var isPrisma = splunkTheme.family === 'prisma';
+      var isPrisma = splunkTheme.isPrisma;
       var currentValue = this.getValue();
       var startAdornment = isPrisma && /*#__PURE__*/external_react_default.a.createElement(IconContainer, {
         $disabled: this.props.disabled
@@ -576,7 +576,7 @@ DateWithTheme.momentFormat = _Date.momentFormat;
 
 /***/ }),
 
-/***/ 17:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
@@ -597,7 +597,7 @@ module.exports = require("moment");
 
 /***/ }),
 
-/***/ 26:
+/***/ 21:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Text");
@@ -618,7 +618,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 75:
+/***/ 77:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Calendar");

package/DefinitionList.js

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

package/Dropdown.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 = 171);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 12:
+/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,7 +128,14 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 168:
+/***/ 16:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Popover");
+
+/***/ }),
+
+/***/ 171:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -154,11 +161,11 @@ var external_lodash_ = __webpack_require__(4);
 var id_ = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(17);
+var Popover_ = __webpack_require__(16);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./src/Dropdown/Dropdown.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); }
@@ -444,13 +451,6 @@ _defineProperty(Dropdown_Dropdown, "defaultProps", defaultProps);
 
 
 
-/***/ }),
-
-/***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Popover");
-
 /***/ }),
 
 /***/ 2: