@splunk/react-ui 4.12.1 → 4.14.0

package/Text.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 = 139);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 108:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/TextArea");
-
-/***/ }),
-
-/***/ 11:
+/***/ 10:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,7 +128,14 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 134:
+/***/ 112:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/TextArea");
+
+/***/ }),
+
+/***/ 139:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -167,26 +167,26 @@ var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReade
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(78);
+var ControlGroup_ = __webpack_require__(80);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/TextArea"
-var TextArea_ = __webpack_require__(108);
+var TextArea_ = __webpack_require__(112);
 var TextArea_default = /*#__PURE__*/__webpack_require__.n(TextArea_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/icons/Search.tsx
-var Search = __webpack_require__(29);
+var Search = __webpack_require__(31);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(19);
+var CrossMark = __webpack_require__(22);
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
-var SVG_ = __webpack_require__(24);
+var SVG_ = __webpack_require__(25);
 var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
 
 // CONCATENATED MODULE: ./src/Text/IconOutlinedHide.tsx
@@ -338,7 +338,7 @@ var buttonStyles = Object(external_styled_components_["css"])(["border-radius:",
     light: themes_["variables"].gray60,
     dark: themes_["variables"].white
   },
-  prisma: themes_["variables"].contentColorDefault
+  prisma: themes_["variables"].contentColorMuted
 }));
 var StyledClearButton = external_styled_components_default()(Button_default.a).withConfig({
   displayName: "TextStyles__StyledClearButton",
@@ -579,7 +579,7 @@ var StyledEndAdornmentHolder = external_styled_components_default.a.div.withConf
 var StyledAdornment = external_styled_components_default.a.div.withConfig({
   displayName: "TextStyles__StyledAdornment",
   componentId: "eg7n6t-10"
-})(["display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";", ";", ";", ""], Object(themes_["pick"])({
+})(["display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", ";", ";", ""], Object(themes_["pick"])({
   enterprise: {
     comfortable: '30px',
     compact: '26px'
@@ -588,6 +588,12 @@ var StyledAdornment = external_styled_components_default.a.div.withConfig({
     comfortable: '38px',
     compact: '30px'
   }
+}), Object(themes_["pick"])({
+  enterprise: {
+    light: themes_["variables"].gray60,
+    dark: themes_["variables"].white
+  },
+  prisma: themes_["variables"].contentColorMuted
 }), function (_ref16) {
   var $position = _ref16.$position;
   return $position === 'start' ? Object(external_styled_components_["css"])(["top:1px;left:1px;"]) : Object(external_styled_components_["css"])(["top:1px;right:1px;"]);
@@ -999,6 +1005,8 @@ var Text_Text = /*#__PURE__*/function (_Component) {
 
     if (false) {}
 
+    if (false) {}
+
     Text.validateRows(props);
     return _this;
   }
@@ -1081,7 +1089,9 @@ var Text_Text = /*#__PURE__*/function (_Component) {
           useSyntheticPlaceholder = _this$props10.useSyntheticPlaceholder,
           otherProps = _objectWithoutProperties(_this$props10, ["append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "multiline", "maxLength", "name", "passwordVisibilityToggle", "placeholder", "prepend", "spellCheck", "tabIndex", "title", "type", "useSyntheticPlaceholder"]);
 
-      var ariaProps = _objectSpread(_objectSpread({}, Object(external_lodash_["pickBy"])(otherProps, function (val, key) {
+      var ariaProps = _objectSpread(_objectSpread({
+        role: 'textbox'
+      }, Object(external_lodash_["pickBy"])(otherProps, function (val, key) {
         return key === 'role' || key.indexOf('aria-') === 0;
       })), {}, {
         'aria-describedby': describedBy,
@@ -1117,7 +1127,6 @@ var Text_Text = /*#__PURE__*/function (_Component) {
         onFocus: this.handleInputFocus,
         onBlur: this.handleInputBlur,
         ref: this.handleInputMount,
-        role: 'textbox',
         spellCheck: spellCheck,
         style: {
           height: this.state.height
@@ -1217,14 +1226,21 @@ module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
-/***/ 19:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 22:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* 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__(21);
+/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23);
 /* 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 _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1267,35 +1283,35 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 2:
+/***/ 23:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("@splunk/react-icons/Close");
 
 /***/ }),
 
-/***/ 21:
+/***/ 25:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Close");
+module.exports = require("@splunk/react-icons/SVG");
 
 /***/ }),
 
-/***/ 24:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/SVG");
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 29:
+/***/ 31:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
 /* 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_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
+/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43);
 /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__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);
@@ -1338,13 +1354,6 @@ function Search(props) {
 
 /***/ }),
 
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
 /***/ 32:
 /***/ (function(module, exports) {
 
@@ -1359,7 +1368,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 41:
+/***/ 43:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Search");
@@ -1516,17 +1525,17 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 78:
+/***/ 8:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/ControlGroup");
+module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 8:
+/***/ 80:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Box");
+module.exports = require("@splunk/react-ui/ControlGroup");
 
 /***/ })
 

package/TextArea.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 145);
+/******/ 	return __webpack_require__(__webpack_require__.s = 151);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 10:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,7 +128,14 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 145:
+/***/ 15:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/EventListener");
+
+/***/ }),
+
+/***/ 151:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -160,16 +167,16 @@ var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(78);
+var ControlGroup_ = __webpack_require__(80);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/icons/Search.tsx
-var Search = __webpack_require__(29);
+var Search = __webpack_require__(31);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(19);
+var CrossMark = __webpack_require__(22);
 
 // CONCATENATED MODULE: ./src/TextArea/syncHeightWithShadow.ts
 // This file was adapted from [Call-Em-All's material-ui](https://github.com/mui-org/material-ui),
@@ -246,7 +253,7 @@ function syncHeightWithShadow(_ref) {
   return false;
 }
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -286,7 +293,7 @@ var buttonStyles = Object(external_styled_components_["css"])(["border-radius:",
     light: themes_["variables"].gray60,
     dark: themes_["variables"].white
   },
-  prisma: themes_["variables"].contentColorDefault
+  prisma: themes_["variables"].contentColorMuted
 }));
 var StyledClearButton = external_styled_components_default()(Button_default.a).withConfig({
   displayName: "TextAreaStyles__StyledClearButton",
@@ -519,7 +526,7 @@ var StyledEndAdornmentHolder = external_styled_components_default.a.div.withConf
 var StyledAdornment = external_styled_components_default.a.div.withConfig({
   displayName: "TextAreaStyles__StyledAdornment",
   componentId: "gfy8yp-9"
-})(["display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";", ";", ";", ""], Object(themes_["pick"])({
+})(["display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", ";", ";", ""], Object(themes_["pick"])({
   enterprise: {
     comfortable: '30px',
     compact: '26px'
@@ -528,6 +535,12 @@ var StyledAdornment = external_styled_components_default.a.div.withConfig({
     comfortable: '38px',
     compact: '30px'
   }
+}), Object(themes_["pick"])({
+  enterprise: {
+    light: themes_["variables"].gray60,
+    dark: themes_["variables"].white
+  },
+  prisma: themes_["variables"].contentColorMuted
 }), function (_ref15) {
   var $position = _ref15.$position;
   return $position === 'start' ? Object(external_styled_components_["css"])(["top:1px;left:1px;"]) : Object(external_styled_components_["css"])(["top:1px;right:1px;"]);
@@ -911,6 +924,8 @@ var TextArea_TextArea = /*#__PURE__*/function (_Component) {
 
     if (false) {}
 
+    if (false) {}
+
     TextArea.validateRows(props);
     _this.handleResize = Object(external_lodash_["throttle"])(_this.handleResize, 100);
     return _this;
@@ -1124,28 +1139,28 @@ TextAreaWithTheme.componentType = TextArea_TextArea.componentType;
 
 /***/ }),
 
-/***/ 15:
+/***/ 16:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/EventListener");
+module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
-/***/ 16:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Button");
+module.exports = require("react");
 
 /***/ }),
 
-/***/ 19:
+/***/ 22:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* 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__(21);
+/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23);
 /* 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 _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1188,28 +1203,28 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 2:
+/***/ 23:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("@splunk/react-icons/Close");
 
 /***/ }),
 
-/***/ 21:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Close");
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 29:
+/***/ 31:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
 /* 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_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
+/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43);
 /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__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);
@@ -1252,13 +1267,6 @@ function Search(props) {
 
 /***/ }),
 
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
 /***/ 32:
 /***/ (function(module, exports) {
 
@@ -1273,7 +1281,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 41:
+/***/ 43:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Search");
@@ -1430,17 +1438,17 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 78:
+/***/ 8:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/ControlGroup");
+module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 8:
+/***/ 80:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Box");
+module.exports = require("@splunk/react-ui/ControlGroup");
 
 /***/ })
 

package/Tooltip.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 146);
+/******/ 	return __webpack_require__(__webpack_require__.s = 152);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 10:
+/***/ 11:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/id");
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 146:
+/***/ 152:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -144,7 +144,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(17);
+var Popover_ = __webpack_require__(18);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
@@ -155,13 +155,13 @@ var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReade
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(10);
+var id_ = __webpack_require__(11);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
-var SVG_ = __webpack_require__(24);
+var SVG_ = __webpack_require__(25);
 var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
 
 // CONCATENATED MODULE: ./src/Tooltip/InfoIcon.tsx
@@ -311,6 +311,9 @@ var propTypes = {
   appearance: external_prop_types_default.a.string,
   children: external_prop_types_default.a.node,
   closeDelay: external_prop_types_default.a.number,
+
+  /** @private */
+  closeWhen: external_prop_types_default.a.oneOf(['default', 'notOnClick']),
   content: external_prop_types_default.a.node,
   contentRelationship: external_prop_types_default.a.oneOf(['label', 'description']),
   defaultPlacement: external_prop_types_default.a.oneOf(['above', 'below', 'left', 'right', 'theme']),
@@ -327,6 +330,7 @@ var propTypes = {
 var defaultProps = {
   appearance: 'inverted',
   closeDelay: 0,
+  closeWhen: 'default',
   contentRelationship: 'description',
   defaultPlacement: 'theme',
   inline: true,
@@ -418,9 +422,11 @@ var Tooltip_Tooltip = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
-      _this.handleRequestClose(e, {
-        reason: 'toggleClick'
-      });
+      if (_this.props.closeWhen !== 'notOnClick') {
+        _this.handleRequestClose(e, {
+          reason: 'toggleClick'
+        });
+      }
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
@@ -610,7 +616,7 @@ TooltipWithTheme.propTypes = Tooltip_Tooltip.propTypes;
 
 /***/ }),
 
-/***/ 17:
+/***/ 18:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
@@ -624,7 +630,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 24:
+/***/ 25:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SVG");