@splunk/react-ui 4.15.0 → 4.16.1

package/CloseButton.js

@@ -201,8 +201,8 @@ CloseButton.propTypes = propTypes;
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
 /* 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_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
-/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
+/* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Close__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);
 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); }
@@ -236,7 +236,7 @@ function Prisma16(_ref2) {
 
 function CrossMark(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Enterprise: _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
     Prisma16: Prisma16,
     Prisma24: Prisma24
   }, props));
@@ -247,7 +247,7 @@ function CrossMark(props) {
 /***/ 29:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Close");
+module.exports = require("@splunk/react-icons/enterprise/Close");
 
 /***/ }),
 
@@ -387,8 +387,8 @@ function Icon(_ref) {
 
 
   if (prismaSize === 'small') {
-    var SVG = Prisma16 || Prisma24;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
+    var SVGEnterprise = Prisma16 || Prisma24;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
       width: "16",
       height: "16"
     }, prismaProps));
@@ -396,9 +396,9 @@ function Icon(_ref) {
 
 
   if (density === 'compact') {
-    var _SVG = Prisma20 || Prisma24;
+    var _SVGEnterprise = Prisma20 || Prisma24;
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
       width: "20",
       height: "20"
     }, prismaProps));

package/CollapsiblePanel.js

@@ -610,8 +610,8 @@ module.exports = require("styled-components");
 /* 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__(44);
-/* 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 _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
+/* harmony import */ var _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_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);
 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); }
@@ -645,7 +645,7 @@ function Prisma16(_ref2) {
 
 function ChevronRight(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Enterprise: _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default.a,
     Prisma16: Prisma16,
     Prisma24: Prisma24
   }, props));
@@ -663,7 +663,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 /***/ 44:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/ChevronRight");
+module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
 
 /***/ }),
 
@@ -789,8 +789,8 @@ function Icon(_ref) {
 
 
   if (prismaSize === 'small') {
-    var SVG = Prisma16 || Prisma24;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
+    var SVGEnterprise = Prisma16 || Prisma24;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
       width: "16",
       height: "16"
     }, prismaProps));
@@ -798,9 +798,9 @@ function Icon(_ref) {
 
 
   if (density === 'compact') {
-    var _SVG = Prisma20 || Prisma24;
+    var _SVGEnterprise = Prisma20 || Prisma24;
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
       width: "20",
       height: "20"
     }, prismaProps));

package/Color.js

@@ -221,7 +221,7 @@ var SplunkThemeProvider_default = /*#__PURE__*/__webpack_require__.n(SplunkTheme
 var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/color"
-var color_ = __webpack_require__(46);
+var color_ = __webpack_require__(47);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
 var keyboard_ = __webpack_require__(9);
@@ -1244,7 +1244,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 46:
+/***/ 47:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/color");
@@ -1300,14 +1300,14 @@ module.exports = require("tinycolor2");
 /***/ 65:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Check");
+module.exports = require("@splunk/react-icons/enterprise/Check");
 
 /***/ }),
 
 /***/ 66:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/ChevronDown");
+module.exports = require("@splunk/react-icons/enterprise/ChevronDown");
 
 /***/ }),
 
@@ -1401,8 +1401,8 @@ function Icon(_ref) {
 
 
   if (prismaSize === 'small') {
-    var SVG = Prisma16 || Prisma24;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
+    var SVGEnterprise = Prisma16 || Prisma24;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
       width: "16",
       height: "16"
     }, prismaProps));
@@ -1410,9 +1410,9 @@ function Icon(_ref) {
 
 
   if (density === 'compact') {
-    var _SVG = Prisma20 || Prisma24;
+    var _SVGEnterprise = Prisma20 || Prisma24;
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
       width: "20",
       height: "20"
     }, prismaProps));
@@ -1436,8 +1436,8 @@ Icon.defaultProps = defaultProps;
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Check; });
 /* 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_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65);
-/* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _splunk_react_icons_enterprise_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65);
+/* harmony import */ var _splunk_react_icons_enterprise_Check__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Check__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);
 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); }
@@ -1471,7 +1471,7 @@ function Prisma16(_ref2) {
 
 function Check(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Enterprise: _splunk_react_icons_enterprise_Check__WEBPACK_IMPORTED_MODULE_1___default.a,
     Prisma16: Prisma16,
     Prisma24: Prisma24
   }, props));
@@ -1493,8 +1493,8 @@ module.exports = require("lodash/slice");
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
 /* 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_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66);
-/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _splunk_react_icons_enterprise_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66);
+/* harmony import */ var _splunk_react_icons_enterprise_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_ChevronDown__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);
 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); }
@@ -1528,7 +1528,7 @@ function Prisma16(_ref2) {
 
 function ChevronDown(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Enterprise: _splunk_react_icons_enterprise_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default.a,
     Prisma16: Prisma16,
     Prisma24: Prisma24
   }, props));

package/ColumnLayout.js

@@ -129,7 +129,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
-var useSplunkTheme_ = __webpack_require__(52);
+var useSplunkTheme_ = __webpack_require__(54);
 var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
 
 // EXTERNAL MODULE: external "lodash/defaults"
@@ -436,7 +436,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 52:
+/***/ 54:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/useSplunkTheme");

package/ComboBox.js

@@ -178,7 +178,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/extend"
-var extend_ = __webpack_require__(48);
+var extend_ = __webpack_require__(49);
 var extend_default = /*#__PURE__*/__webpack_require__.n(extend_);
 
 // EXTERNAL MODULE: external "lodash/has"
@@ -217,7 +217,7 @@ var Popover_ = __webpack_require__(23);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(45);
+var ResultsMenu_ = __webpack_require__(46);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -957,14 +957,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 45:
+/***/ 46:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ResultsMenu");
 
 /***/ }),
 
-/***/ 48:
+/***/ 49:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/extend");

package/ControlGroup.js

@@ -135,7 +135,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/find"
-var find_ = __webpack_require__(57);
+var find_ = __webpack_require__(51);
 var find_default = /*#__PURE__*/__webpack_require__.n(find_);
 
 // EXTERNAL MODULE: external "lodash/isFinite"
@@ -156,18 +156,19 @@ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 var ScreenReaderContent_ = __webpack_require__(16);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
-// EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(67);
-var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
-
 // 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/Tooltip"
+var Tooltip_ = __webpack_require__(67);
+var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
+
 // CONCATENATED MODULE: ./src/ControlGroup/ControlGroupStyles.ts
 
 
 
+
 var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   displayName: "ControlGroupStyles__StyledBox",
   componentId: "wjnyif-0"
@@ -207,7 +208,7 @@ var StyledLabelWrapper = external_styled_components_default.a.div.withConfig({
 }), function (_ref2) {
   var $labelPosition = _ref2.$labelPosition;
   return $labelPosition === 'top' ? Object(external_styled_components_["css"])(["", ""], Object(themes_["pick"])({
-    prisma: Object(external_styled_components_["css"])(["padding-bottom:", ";"], themes_["variables"].spacingXSmall)
+    prisma: Object(external_styled_components_["css"])(["height:24px;padding-bottom:", ";"], themes_["variables"].spacingXSmall)
   })) : Object(external_styled_components_["css"])(["", ""], Object(themes_["pick"])({
     prisma: Object(external_styled_components_["css"])(["min-height:", ";"], themes_["variables"].inputHeight)
   }));
@@ -228,21 +229,30 @@ var StyledLabel = external_styled_components_default.a.label.withConfig({
   enterprise: 'right',
   prisma: 'left'
 }));
+var StyledTooltip = external_styled_components_default()(Tooltip_default.a).withConfig({
+  displayName: "ControlGroupStyles__StyledTooltip",
+  componentId: "wjnyif-5"
+})(["", ""], function (_ref3) {
+  var $labelPosition = _ref3.$labelPosition;
+  return $labelPosition === 'top' && Object(external_styled_components_["css"])(["button{", "}"], Object(themes_["pick"])({
+    prisma: Object(external_styled_components_["css"])(["svg{width:20px;height:20px;}padding:4px;"])
+  }));
+});
 var StyledHelp = external_styled_components_default.a.div.withConfig({
   displayName: "ControlGroupStyles__StyledHelp",
-  componentId: "wjnyif-5"
+  componentId: "wjnyif-6"
 })(["", ";font-size:", ";color:", ";margin-top:", ";", ""], themes_["mixins"].reset('block'), themes_["variables"].fontSizeSmall, themes_["variables"].contentColorMuted, Object(themes_["pick"])({
   enterprise: '2px',
   prisma: '4px'
-}), function (_ref3) {
-  var $error = _ref3.$error;
+}), function (_ref4) {
+  var $error = _ref4.$error;
   return $error && Object(external_styled_components_["css"])(["color:inherit;"]);
 });
 var StyledErrorText = external_styled_components_default.a.div.withConfig({
   displayName: "ControlGroupStyles__StyledErrorText",
-  componentId: "wjnyif-6"
-})(["", ";font-size:", ";[aria-invalid] > &{color:inherit;}", ""], themes_["mixins"].reset('block'), themes_["variables"].fontSizeSmall, function (_ref4) {
-  var $help = _ref4.$help;
+  componentId: "wjnyif-7"
+})(["", ";font-size:", ";[aria-invalid] > &{color:inherit;}", ""], themes_["mixins"].reset('block'), themes_["variables"].fontSizeSmall, function (_ref5) {
+  var $help = _ref5.$help;
   return !$help && Object(external_styled_components_["css"])(["margin-top:", ";"], Object(themes_["pick"])({
     enterprise: '2px',
     prisma: '4px'
@@ -250,7 +260,7 @@ var StyledErrorText = external_styled_components_default.a.div.withConfig({
 });
 var StyledAsterisk = external_styled_components_default.a.span.withConfig({
   displayName: "ControlGroupStyles__StyledAsterisk",
-  componentId: "wjnyif-7"
+  componentId: "wjnyif-8"
 })(["color:inherit;margin-right:2px;"]);
 
 // CONCATENATED MODULE: ./src/ControlGroup/ControlGroupContext.tsx
@@ -320,7 +330,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-
  // props ControlGroup may access and/or override on children
 
 var propTypes = {
@@ -637,7 +646,8 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
         $tooltip: !!tooltip
       }, required && /*#__PURE__*/external_react_default.a.createElement(StyledAsterisk, {
         "aria-hidden": "true"
-      }, "*"), label, !isPrisma && !hideLabel && tooltip && /*#__PURE__*/external_react_default.a.createElement("span", null, "\xA0"), !hideLabel && tooltip && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, tooltip)), !hideLabel && tooltip && /*#__PURE__*/external_react_default.a.createElement(Tooltip_default.a, {
+      }, "*"), label, !isPrisma && !hideLabel && tooltip && /*#__PURE__*/external_react_default.a.createElement("span", null, "\xA0"), !hideLabel && tooltip && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, tooltip)), !hideLabel && tooltip && /*#__PURE__*/external_react_default.a.createElement(StyledTooltip, {
+        $labelPosition: labelPosition,
         closeWhen: "notOnClick",
         content: tooltip,
         defaultPlacement: tooltipDefaultPlacement,
@@ -706,7 +716,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 57:
+/***/ 51:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/find");

package/Date.js

@@ -212,7 +212,10 @@ var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 var StyledText = external_styled_components_default()(Text_default.a).withConfig({
   displayName: "DateStyles__StyledText",
   componentId: "kacgdc-0"
-})(["cursor:text;&[data-inline]{flex-basis:", ";width:", ";}"], Object(themes_["pick"])({
+})(["cursor:", ";&[data-inline]{flex-basis:", ";width:", ";}"], Object(themes_["pickVariant"])('$disabled', {
+  "false": 'text',
+  "true": 'not-allowed'
+}), Object(themes_["pick"])({
   enterprise: '105px',
   prisma: '150px'
 }), Object(themes_["pick"])({
@@ -579,6 +582,7 @@ var _Date = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props5 = this.props,
+          disabled = _this$props5.disabled,
           highlightToday = _this$props5.highlightToday,
           inputOnly = _this$props5.inputOnly,
           locale = _this$props5.locale,
@@ -587,7 +591,7 @@ var _Date = /*#__PURE__*/function (_Component) {
       var currentValue = this.getValue();
       var startAdornment = isPrisma && !inputOnly && /*#__PURE__*/external_react_default.a.createElement(IconContainer, {
         "aria-hidden": true,
-        $disabled: this.props.disabled
+        $disabled: disabled
       }, /*#__PURE__*/external_react_default.a.createElement(CalendarIcon, null));
       var children;
       var ariaProps = {};
@@ -595,12 +599,12 @@ var _Date = /*#__PURE__*/function (_Component) {
       if (!inputOnly) {
         ariaProps.role = 'combobox';
         ariaProps['aria-controls'] = this.state.calendarOpen ? this.popoverId : undefined;
-        ariaProps['aria-expanded'] = this.props.disabled ? false : this.state.calendarOpen;
+        ariaProps['aria-expanded'] = disabled ? false : this.state.calendarOpen;
         ariaProps['aria-haspopup'] = true;
         children = /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {
           anchor: this.state.anchor,
           id: this.popoverId,
-          open: this.props.disabled ? false : this.state.calendarOpen,
+          open: disabled ? false : this.state.calendarOpen,
           onRequestClose: this.handleRequestClose
         }, /*#__PURE__*/external_react_default.a.createElement(Calendar_default.a, {
           ref: this.handleCalendarMount,
@@ -626,7 +630,8 @@ var _Date = /*#__PURE__*/function (_Component) {
         onFocus: this.handleFocus,
         onKeyDown: this.handleKeyDown,
         value: this.getTextInputValue(),
-        startAdornment: startAdornment
+        startAdornment: startAdornment,
+        $disabled: disabled
       }, ariaProps, omit_default()(this.props, 'className', 'defaultValue', 'elementRef', 'inputOnly', 'multiline', 'locale', 'onChange', 'onClick', 'onFocus', 'onKeyDown', 'onSelect', 'spellCheck', 'value')), children);
     }
   }]);

package/Dropdown.js

@@ -208,6 +208,9 @@ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
 var id_ = __webpack_require__(13);
 
+// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
+var keyboard_ = __webpack_require__(9);
+
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
 var Popover_ = __webpack_require__(23);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
@@ -255,6 +258,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 /** @public */
 
 var possibleCloseReasons = ['clickAway', 'contentClick', 'escapeKey', 'offScreen', 'tabKey', 'toggleClick'];
@@ -270,6 +274,7 @@ var propTypes = {
   onRequestClose: external_prop_types_default.a.func,
   onRequestOpen: external_prop_types_default.a.func,
   open: external_prop_types_default.a.bool,
+  openWithArrowKeys: external_prop_types_default.a.bool,
   repositionMode: external_prop_types_default.a.oneOf(['none', 'flip', 'any']),
   retainFocus: external_prop_types_default.a.bool,
   takeFocus: external_prop_types_default.a.bool,
@@ -283,6 +288,7 @@ var defaultProps = {
   focusToggleReasons: ['contentClick', 'escapeKey', 'tabKey', 'toggleClick'],
   repositionMode: 'flip',
   retainFocus: false,
+  openWithArrowKeys: false,
   takeFocus: true
 };
 var legacyRefMode = Symbol('Dropdown legacy ref mode marker');
@@ -355,13 +361,40 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "handleToggleKeyDownOpen", function (e) {
+      var _this$props$toggle$pr3, _this$props$toggle$pr4;
+
+      (_this$props$toggle$pr3 = (_this$props$toggle$pr4 = _this.props.toggle.props).onKeyDown) === null || _this$props$toggle$pr3 === void 0 ? void 0 : _this$props$toggle$pr3.call(_this$props$toggle$pr4, e);
+
+      if (!_this.props.openWithArrowKeys) {
+        return;
+      }
+
+      var eventKeyCode = Object(keyboard_["keycode"])(e.nativeEvent);
+
+      if (eventKeyCode === 'up' || eventKeyCode === 'down') {
+        var _this$props$onRequest2, _this$props2;
+
+        e.preventDefault();
+        (_this$props$onRequest2 = (_this$props2 = _this.props).onRequestOpen) === null || _this$props$onRequest2 === void 0 ? void 0 : _this$props$onRequest2.call(_this$props2, e, {
+          reason: 'toggleKeydown'
+        });
+
+        if (!_this.isControlled()) {
+          _this.setState({
+            open: true
+          });
+        }
+      }
+    });
+
     _defineProperty(_assertThisInitialized(_this), "handleRequestClose", function (info) {
       var event = info.event,
           reason = info.reason;
-      var _this$props2 = _this.props,
-          closeReasons = _this$props2.closeReasons,
-          focusToggleReasons = _this$props2.focusToggleReasons,
-          onRequestClose = _this$props2.onRequestClose;
+      var _this$props3 = _this.props,
+          closeReasons = _this$props3.closeReasons,
+          focusToggleReasons = _this$props3.focusToggleReasons,
+          onRequestClose = _this$props3.onRequestClose;
 
       if (event && reason === 'clickAway') {
         var el = event.target;
@@ -445,22 +478,23 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
       var _cloneElement;
 
       return /*#__PURE__*/Object(external_react_["cloneElement"])(this.props.toggle, (_cloneElement = {
-        onClick: this.handleToggleClick
+        onClick: this.handleToggleClick,
+        onKeyDown: this.handleToggleKeyDownOpen
       }, _defineProperty(_cloneElement, this.props.toggle.type[legacyRefMode] ? 'elementRef' : 'ref', this.handleToggleMount), _defineProperty(_cloneElement, 'aria-controls', this.isOpen() ? this.popoverId : undefined), _defineProperty(_cloneElement, 'aria-haspopup', true), _defineProperty(_cloneElement, 'aria-expanded', this.isOpen()), _defineProperty(_cloneElement, 'data-test', this.props.toggle.props['data-test'] || 'dropdown'), _defineProperty(_cloneElement, 'data-test-popover-id', this.popoverId), _defineProperty(_cloneElement, "id", this.props.inputId || this.props.toggle.props.id || this.toggleId), _cloneElement));
     }
   }, {
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-          align = _this$props3.align,
-          canCoverAnchor = _this$props3.canCoverAnchor,
-          children = _this$props3.children,
-          closeReasons = _this$props3.closeReasons,
-          defaultPlacement = _this$props3.defaultPlacement,
-          elementRef = _this$props3.elementRef,
-          repositionMode = _this$props3.repositionMode,
-          retainFocus = _this$props3.retainFocus,
-          takeFocus = _this$props3.takeFocus;
+      var _this$props4 = this.props,
+          align = _this$props4.align,
+          canCoverAnchor = _this$props4.canCoverAnchor,
+          children = _this$props4.children,
+          closeReasons = _this$props4.closeReasons,
+          defaultPlacement = _this$props4.defaultPlacement,
+          elementRef = _this$props4.elementRef,
+          repositionMode = _this$props4.repositionMode,
+          retainFocus = _this$props4.retainFocus,
+          takeFocus = _this$props4.takeFocus;
       var anchor = this.state.anchor;
       var handleRequestClose = this.handleRequestClose,
           handleContentClick = this.handleContentClick;
@@ -524,6 +558,13 @@ module.exports = require("lodash/isFunction");
 
 /***/ }),
 
+/***/ 9:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/keyboard");
+
+/***/ }),
+
 /***/ 91:
 /***/ (function(module, exports) {