@splunk/react-ui 4.12.0 → 4.12.1

package/Button.js

@@ -129,7 +129,7 @@ var i18n_ = __webpack_require__(5);
 var Dropdown_ = __webpack_require__(20);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(31);
+var style_ = __webpack_require__(32);
 
 // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
 var CaretDown = __webpack_require__(38);
@@ -536,7 +536,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 31:
+/***/ 32:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/style");

package/CHANGELOG.md

@@ -1,6 +1,13 @@
 Change Log
 ============
 
+4.12.1 - September 20, 2022
+----------
+Bug Fixes:
+* `Text` now only displays the "clear" icon if a value has been entered (SUI-3735).
+* `Heading` no longer transforms text to be uppercase (SUI-5074).
+* `Menu.Heading` no longer transforms text to be uppercase (SUI-5074).
+
 4.12.0 - September 6, 2022
 ----------
 New Features:

package/Calendar.js

@@ -814,7 +814,7 @@ module.exports = require("moment");
 /* 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__(32);
+/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33);
 /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -864,7 +864,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 32:
+/***/ 33:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronRight");

package/CollapsiblePanel.js

@@ -574,7 +574,7 @@ module.exports = require("react");
 /* 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__(32);
+/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33);
 /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -624,7 +624,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 32:
+/***/ 33:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronRight");

package/ComboBox.js

@@ -179,7 +179,7 @@ var Popover_ = __webpack_require__(17);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(33);
+var ResultsMenu_ = __webpack_require__(34);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -908,7 +908,7 @@ module.exports = require("@splunk/ui-utils/filter");
 
 /***/ }),
 
-/***/ 33:
+/***/ 34:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ResultsMenu");

package/Heading.js

@@ -129,7 +129,7 @@ var themes_ = __webpack_require__(0);
 // CONCATENATED MODULE: ./src/Heading/HeadingStyles.ts
 
 
-var section = Object(external_styled_components_["css"])(["margin:0.707em 0 0.2em;text-transform:uppercase;"]);
+var section = Object(external_styled_components_["css"])(["margin:0.707em 0 0.2em;"]);
 var StyledH1 = external_styled_components_default.a.h1.withConfig({
   displayName: "HeadingStyles__StyledH1",
   componentId: "sc-15s3yx3-0"

package/Markdown.js

@@ -328,7 +328,7 @@ function MarkdownImage(_ref) {
 MarkdownImage.propTypes = MarkdownImage_propTypes;
 /* harmony default export */ var renderers_MarkdownImage = (MarkdownImage);
 // EXTERNAL MODULE: external "@splunk/react-ui/Link"
-var Link_ = __webpack_require__(29);
+var Link_ = __webpack_require__(30);
 var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
@@ -527,17 +527,17 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 29:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Link");
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 3:
+/***/ 30:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("@splunk/react-ui/Link");
 
 /***/ }),
 

package/Menu.js

@@ -262,7 +262,7 @@ var HeadingStyles_Styled = external_styled_components_default.a.div.withConfig({
 var PrismaSectionTitle = external_styled_components_default.a.h5.withConfig({
   displayName: "HeadingStyles__PrismaSectionTitle",
   componentId: "mcd2ws-1"
-})(["", " font-size:", ";line-height:", ";font-weight:", ";letter-spacing:0.02em;text-transform:uppercase;"], themes_["mixins"].reset('block'), themes_["variables"].fontSizeSmall, themes_["variables"].lineHeight, themes_["variables"].fontWeightBold);
+})(["", " font-size:", ";line-height:", ";font-weight:", ";letter-spacing:0.02em;"], themes_["mixins"].reset('block'), themes_["variables"].fontSizeSmall, themes_["variables"].lineHeight, themes_["variables"].fontWeightBold);
 
 // CONCATENATED MODULE: ./src/Menu/Heading.tsx
 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; }
@@ -1136,7 +1136,7 @@ module.exports = require("@splunk/ui-utils/focus");
 /* 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__(32);
+/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33);
 /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1186,7 +1186,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 32:
+/***/ 33:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronRight");

package/Message.js

@@ -136,7 +136,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/Link"
-var Link_ = __webpack_require__(29);
+var Link_ = __webpack_require__(30);
 var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
 
 // CONCATENATED MODULE: ./src/Message/LinkStyles.ts
@@ -542,17 +542,17 @@ module.exports = require("@splunk/react-icons/Close");
 
 /***/ }),
 
-/***/ 29:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Link");
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 3:
+/***/ 30:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("@splunk/react-ui/Link");
 
 /***/ }),
 

package/ModalLayer.js

@@ -120,7 +120,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(30);
+var Animation_ = __webpack_require__(31);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
 var Layer_ = __webpack_require__(57);
@@ -331,7 +331,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 30:
+/***/ 31:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Animation");

package/Multiselect.js

@@ -476,7 +476,7 @@ var Chip_ = __webpack_require__(97);
 var Chip_default = /*#__PURE__*/__webpack_require__.n(Chip_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(33);
+var ResultsMenu_ = __webpack_require__(34);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
@@ -1676,27 +1676,6 @@ _defineProperty(Option, "defaultProps", defaultProps);
 /***/ }),
 
 /***/ 29:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Link");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 33:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ResultsMenu");
-
-/***/ }),
-
-/***/ 34:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1746,6 +1725,27 @@ function Search(props) {
 
 /***/ }),
 
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
+/***/ 30:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Link");
+
+/***/ }),
+
+/***/ 34:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ResultsMenu");
+
+/***/ }),
+
 /***/ 38:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1845,14 +1845,14 @@ var Dropdown_ = __webpack_require__(20);
 var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Link"
-var Link_ = __webpack_require__(29);
+var Link_ = __webpack_require__(30);
 var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
 var Menu_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(33);
+var ResultsMenu_ = __webpack_require__(34);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -1863,7 +1863,7 @@ var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 var CaretDown = __webpack_require__(38);
 
 // EXTERNAL MODULE: ./src/icons/Search.tsx
-var Search = __webpack_require__(34);
+var Search = __webpack_require__(29);
 
 // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
 var OptionBase = __webpack_require__(28);

package/Paginator.js

@@ -536,7 +536,7 @@ module.exports = require("react");
 /* 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__(32);
+/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33);
 /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -586,7 +586,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 32:
+/***/ 33:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronRight");

package/Popover.js

@@ -157,7 +157,7 @@ var external_lodash_ = __webpack_require__(4);
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(30);
+var Animation_ = __webpack_require__(31);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
 var EventListener_ = __webpack_require__(15);
@@ -1172,7 +1172,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 30:
+/***/ 31:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Animation");

package/Scroll.js

@@ -150,7 +150,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(30);
+var Animation_ = __webpack_require__(31);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -568,7 +568,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 30:
+/***/ 31:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Animation");

package/Search.js

@@ -187,7 +187,7 @@ var Popover_ = __webpack_require__(17);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(33);
+var ResultsMenu_ = __webpack_require__(34);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -767,7 +767,7 @@ module.exports = require("@splunk/react-ui/Text");
 
 /***/ }),
 
-/***/ 33:
+/***/ 34:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ResultsMenu");

package/Select.js

@@ -672,27 +672,6 @@ _defineProperty(Option, "defaultProps", defaultProps);
 /***/ }),
 
 /***/ 29:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Link");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 33:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ResultsMenu");
-
-/***/ }),
-
-/***/ 34:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -742,6 +721,27 @@ function Search(props) {
 
 /***/ }),
 
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
+/***/ 30:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Link");
+
+/***/ }),
+
+/***/ 34:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ResultsMenu");
+
+/***/ }),
+
 /***/ 38:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -841,14 +841,14 @@ var Dropdown_ = __webpack_require__(20);
 var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Link"
-var Link_ = __webpack_require__(29);
+var Link_ = __webpack_require__(30);
 var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
 var Menu_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(33);
+var ResultsMenu_ = __webpack_require__(34);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -859,7 +859,7 @@ var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 var CaretDown = __webpack_require__(38);
 
 // EXTERNAL MODULE: ./src/icons/Search.tsx
-var Search = __webpack_require__(34);
+var Search = __webpack_require__(29);
 
 // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
 var OptionBase = __webpack_require__(28);

package/SlidingPanels.js

@@ -154,7 +154,7 @@ var external_lodash_ = __webpack_require__(4);
 var external_react_spring_ = __webpack_require__(18);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(30);
+var Animation_ = __webpack_require__(31);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -609,7 +609,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 30:
+/***/ 31:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Animation");

package/Table.js

@@ -349,7 +349,7 @@ module.exports = require("@splunk/react-ui/Dropdown");
 /* 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__(32);
+/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33);
 /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -395,13 +395,13 @@ function ChevronRight(props) {
 /* 29 */,
 /* 30 */,
 /* 31 */,
-/* 32 */
+/* 32 */,
+/* 33 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronRight");
 
 /***/ }),
-/* 33 */,
 /* 34 */,
 /* 35 */,
 /* 36 */,

package/Text.js

@@ -157,7 +157,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(31);
+var style_ = __webpack_require__(32);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
 var ScreenReaderContent_ = __webpack_require__(14);
@@ -177,7 +177,7 @@ var TextArea_default = /*#__PURE__*/__webpack_require__.n(TextArea_);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/icons/Search.tsx
-var Search = __webpack_require__(34);
+var Search = __webpack_require__(29);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
 var CrossMark = __webpack_require__(19);
@@ -316,6 +316,7 @@ var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 
 
 
+
 var disabledStyles = Object(external_styled_components_["css"])(["&,&[type]{cursor:not-allowed;color:", ";&::placeholder{color:", ";}}"], Object(themes_["pick"])({
   enterprise: themes_["variables"].textDisabledColor,
   prisma: themes_["variables"].contentColorDisabled
@@ -362,9 +363,22 @@ var StyledSearchIconWrapper = external_styled_components_default.a.span.withConf
     prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorDisabled)
   }));
 });
+var StyledSearchIcon = external_styled_components_default()(Search["a" /* default */]).withConfig({
+  displayName: "TextStyles__StyledSearchIcon",
+  componentId: "eg7n6t-2"
+})(["", ";color:", ";pointer-events:none;padding:", ";", ""], themes_["mixins"].reset('inline-block'), Object(themes_["pick"])({
+  enterprise: {
+    light: themes_["variables"].gray60,
+    dark: themes_["variables"].white
+  },
+  prisma: themes_["variables"].contentColorMuted
+}), Object(themes_["pick"])({
+  comfortable: '0 8px',
+  compact: '0 6px'
+}), buttonStyles);
 var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   displayName: "TextStyles__StyledBox",
-  componentId: "eg7n6t-2"
+  componentId: "eg7n6t-3"
 })(["display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;&[data-inline]{width:230px;flex-basis:230px;[data-inline] + &{margin-left:", ";}}&:focus-within:not([disabled]){", "{", "}", "{visibility:visible;display:block;}}", ""], Object(themes_["pick"])({
   enterprise: themes_["variables"].spacingHalf,
   prisma: themes_["variables"].spacingSmall
@@ -382,8 +396,8 @@ StyledClearButton, function (_ref2) {
 });
 var StyledInputWrapper = external_styled_components_default.a.span.withConfig({
   displayName: "TextStyles__StyledInputWrapper",
-  componentId: "eg7n6t-3"
-})(["", ";flex-grow:1;min-height:", ";position:relative;overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);padding:", ";align-items:center;", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}", " ", " ", " ", " ", ""], themes_["mixins"].reset('inline-flex'), themes_["variables"].inputHeight, Object(themes_["pick"])({
+  componentId: "eg7n6t-4"
+})(["", ";flex-grow:1;min-height:", ";position:relative;overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);padding:", ";align-items:center;", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}", " ", " ", " ", ""], themes_["mixins"].reset('inline-flex'), themes_["variables"].inputHeight, Object(themes_["pick"])({
   enterprise: {
     light: themes_["variables"].gray60,
     dark: themes_["variables"].gray20
@@ -437,18 +451,13 @@ var StyledInputWrapper = external_styled_components_default.a.span.withConfig({
     },
     prisma: Object(external_styled_components_["css"])(["border-color:", ";"], themes_["variables"].interactiveColorBorderDisabled)
   }));
-}, function (_ref9) {
-  var $multiline = _ref9.$multiline;
-  return $multiline && Object(themes_["pick"])({
-    enterprise: Object(external_styled_components_["css"])(["padding-right:0;"])
-  });
 });
 /* Some of these need greater specificity than input[type=text] */
 
 var StyledInput = external_styled_components_default.a.input.withConfig({
   displayName: "TextStyles__StyledInput",
-  componentId: "eg7n6t-4"
-})(["", ";&,&[type]{outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;&[type='time']{&::-webkit-calendar-picker-indicator{display:none;}height:", ";@media screen and (min--moz-device-pixel-ratio:0){padding-right:", ";}}position:relative;&::placeholder{color:", ";opacity:1;}", " ", "}textarea&{resize:none;overflow:auto;padding-top:", ";padding-bottom:", ";padding-right:", ";}"], themes_["mixins"].reset('inline-flex'), Object(themes_["pick"])({
+  componentId: "eg7n6t-5"
+})(["", ";&,&[type]{outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;&[type='time']{&::-webkit-calendar-picker-indicator{display:none;}height:", ";@media screen and (min--moz-device-pixel-ratio:0){padding-right:", ";}}position:relative;&::placeholder{color:", ";opacity:1;}", " ", "}"], themes_["mixins"].reset('inline-flex'), Object(themes_["pick"])({
   enterprise: themes_["variables"].textColor,
   prisma: themes_["variables"].contentColorActive
 }), themes_["variables"].sansFontFamily, Object(themes_["pick"])({
@@ -460,8 +469,8 @@ var StyledInput = external_styled_components_default.a.input.withConfig({
 }), Object(themes_["pick"])({
   enterprise: themes_["variables"].spacingHalf,
   prisma: '14px'
-}), themes_["variables"].contentColorMuted, function (_ref10) {
-  var $error = _ref10.$error;
+}), themes_["variables"].contentColorMuted, function (_ref9) {
+  var $error = _ref9.$error;
   return $error && Object(external_styled_components_["css"])(["&,&:hover{color:", ";}"], Object(themes_["pick"])({
     enterprise: {
       light: themes_["variables"].errorColorD10,
@@ -469,47 +478,26 @@ var StyledInput = external_styled_components_default.a.input.withConfig({
     },
     prisma: themes_["variables"].contentColorActive
   }));
-}, function (_ref11) {
-  var disabled = _ref11.disabled;
+}, function (_ref10) {
+  var disabled = _ref10.disabled;
   return disabled && disabledStyles;
-}, Object(themes_["pick"])({
-  enterprise: {
-    comfortable: themes_["variables"].spacingQuarter,
-    compact: '3px'
-  },
-  prisma: {
-    comfortable: themes_["variables"].spacingSmall,
-    compact: '5px'
-  }
-}), Object(themes_["pick"])({
-  enterprise: {
-    comfortable: themes_["variables"].spacingQuarter,
-    compact: '3px'
-  },
-  prisma: {
-    comfortable: themes_["variables"].spacingSmall,
-    compact: '5px'
-  }
-}), Object(themes_["pick"])({
-  enterprise: '10px',
-  prisma: '14px'
-}));
+});
 var StyledVisibilityToggle = external_styled_components_default()(Button_default.a).withConfig({
   displayName: "TextStyles__StyledVisibilityToggle",
-  componentId: "eg7n6t-5"
+  componentId: "eg7n6t-6"
 })(["", ""], buttonStyles);
 var StyledPlaceholder = external_styled_components_default.a.span.withConfig({
   displayName: "TextStyles__StyledPlaceholder",
-  componentId: "eg7n6t-6"
+  componentId: "eg7n6t-7"
 })(["pointer-events:none;color:", ";position:absolute;overflow:hidden;font-size:inherit;line-height:inherit;height:", ";margin-right:", ";", ";", ";", ""], Object(themes_["pick"])({
   enterprise: themes_["variables"].textGray,
   prisma: themes_["variables"].contentColorMuted
 }), themes_["variables"].lineHeight, Object(themes_["pick"])({
   enterprise: '10px',
   prisma: '14px'
-}), function (_ref12) {
-  var $hasStartAdornment = _ref12.$hasStartAdornment,
-      $startAdornmentWidth = _ref12.$startAdornmentWidth;
+}), function (_ref11) {
+  var $hasStartAdornment = _ref11.$hasStartAdornment,
+      $startAdornmentWidth = _ref11.$startAdornmentWidth;
   return $hasStartAdornment && ($startAdornmentWidth ? Object(external_styled_components_["css"])(["margin-left:", "px;"], $startAdornmentWidth) : Object(external_styled_components_["css"])(["margin-left:", ";"], Object(themes_["pick"])({
     enterprise: {
       comfortable: '30px',
@@ -520,9 +508,9 @@ var StyledPlaceholder = external_styled_components_default.a.span.withConfig({
       compact: '30px'
     }
   })));
-}, function (_ref13) {
-  var $hasEndAdornment = _ref13.$hasEndAdornment,
-      $endAdornmentWidth = _ref13.$endAdornmentWidth;
+}, function (_ref12) {
+  var $hasEndAdornment = _ref12.$hasEndAdornment,
+      $endAdornmentWidth = _ref12.$endAdornmentWidth;
   return $hasEndAdornment && ($endAdornmentWidth // calc(100% - padding - adorment width)
   ? Object(external_styled_components_["css"])(["max-width:calc( 100% - ", " - ", "px );"], Object(themes_["pick"])({
     enterprise: '10px',
@@ -540,10 +528,10 @@ var StyledPlaceholder = external_styled_components_default.a.span.withConfig({
       compact: '30px'
     }
   })));
-}, function (_ref14) {
-  var $hasBothAdornment = _ref14.$hasBothAdornment,
-      $endAdornmentWidth = _ref14.$endAdornmentWidth,
-      $startAdornmentWidth = _ref14.$startAdornmentWidth;
+}, function (_ref13) {
+  var $hasBothAdornment = _ref13.$hasBothAdornment,
+      $endAdornmentWidth = _ref13.$endAdornmentWidth,
+      $startAdornmentWidth = _ref13.$startAdornmentWidth;
   return $hasBothAdornment && Object(external_styled_components_["css"])(["max-width:calc(100% - ", "px - ", "px);"], $startAdornmentWidth, $endAdornmentWidth);
 });
 var adornmentHolder = Object(external_styled_components_["css"])(["display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;"], Object(themes_["pick"])({
@@ -558,9 +546,9 @@ var adornmentHolder = Object(external_styled_components_["css"])(["display:inlin
 }));
 var StyledStartAdornmentHolder = external_styled_components_default.a.div.withConfig({
   displayName: "TextStyles__StyledStartAdornmentHolder",
-  componentId: "eg7n6t-7"
-})(["", " ", ";"], adornmentHolder, function (_ref15) {
-  var $width = _ref15.$width;
+  componentId: "eg7n6t-8"
+})(["", " ", ";"], adornmentHolder, function (_ref14) {
+  var $width = _ref14.$width;
   return $width ? Object(external_styled_components_["css"])(["min-width:", "px;"], $width) : Object(external_styled_components_["css"])(["min-width:", ";"], Object(themes_["pick"])({
     enterprise: {
       comfortable: '30px',
@@ -574,9 +562,9 @@ var StyledStartAdornmentHolder = external_styled_components_default.a.div.withCo
 });
 var StyledEndAdornmentHolder = external_styled_components_default.a.div.withConfig({
   displayName: "TextStyles__StyledEndAdornmentHolder",
-  componentId: "eg7n6t-8"
-})(["", " ", ";"], adornmentHolder, function (_ref16) {
-  var $width = _ref16.$width;
+  componentId: "eg7n6t-9"
+})(["", " ", ";"], adornmentHolder, function (_ref15) {
+  var $width = _ref15.$width;
   return $width ? Object(external_styled_components_["css"])(["min-width:", "px;"], $width) : Object(external_styled_components_["css"])(["min-width:", ";"], Object(themes_["pick"])({
     enterprise: {
       comfortable: '30px',
@@ -590,7 +578,7 @@ var StyledEndAdornmentHolder = external_styled_components_default.a.div.withConf
 });
 var StyledAdornment = external_styled_components_default.a.div.withConfig({
   displayName: "TextStyles__StyledAdornment",
-  componentId: "eg7n6t-9"
+  componentId: "eg7n6t-10"
 })(["display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";", ";", ";", ""], Object(themes_["pick"])({
   enterprise: {
     comfortable: '30px',
@@ -600,11 +588,11 @@ var StyledAdornment = external_styled_components_default.a.div.withConfig({
     comfortable: '38px',
     compact: '30px'
   }
-}), function (_ref17) {
-  var $position = _ref17.$position;
+}), 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;"]);
-}, function (_ref18) {
-  var disabled = _ref18.disabled;
+}, function (_ref17) {
+  var disabled = _ref17.disabled;
   return disabled && disabledStyles;
 }, Object(themes_["pick"])({
   enterprise: Object(external_styled_components_["css"])(["margin-left:-1px;margin-right:-1px;"])
@@ -912,7 +900,18 @@ var Text_Text = /*#__PURE__*/function (_Component) {
       var controlGroupLabel = (_controlGroupContext$ = controlGroupContext.labelAttrs) === null || _controlGroupContext$ === void 0 ? void 0 : _controlGroupContext$.text;
       var clearButtonText = controlGroupLabel ? Object(i18n_["_"])("Clear ".concat(controlGroupLabel, " text field")) : Object(i18n_["_"])('Clear text field');
 
+      var displayValue = _this.getDisplayValue();
+
       if (!isPrisma && appearance === 'search') {
+        if (!displayValue) {
+          return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default.a.createElement(StyledSearchIconWrapper, {
+            $disabled: disabled
+          }, /*#__PURE__*/external_react_default.a.createElement(Search["a" /* default */], {
+            enterpriseSize: "16px",
+            inline: false
+          })));
+        }
+
         return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, !disabled && /*#__PURE__*/external_react_default.a.createElement(StyledClearButton, {
           appearance: isPrisma ? 'secondary' : 'pill',
           "data-test": "clear",
@@ -930,8 +929,6 @@ var Text_Text = /*#__PURE__*/function (_Component) {
         })));
       }
 
-      var displayValue = _this.getDisplayValue();
-
       if (!!displayValue && (isPrisma && appearance === 'search' || canClear)) {
         return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, !disabled && /*#__PURE__*/external_react_default.a.createElement(StyledClearButton, {
           "data-test": "clear",
@@ -1082,8 +1079,7 @@ var Text_Text = /*#__PURE__*/function (_Component) {
           title = _this$props10.title,
           type = _this$props10.type,
           useSyntheticPlaceholder = _this$props10.useSyntheticPlaceholder,
-          value = _this$props10.value,
-          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", "value"]);
+          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) {
         return key === 'role' || key.indexOf('aria-') === 0;
@@ -1292,21 +1288,7 @@ module.exports = require("@splunk/react-icons/SVG");
 
 /***/ }),
 
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 31:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/style");
-
-/***/ }),
-
-/***/ 34:
+/***/ 29:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1356,6 +1338,20 @@ function Search(props) {
 
 /***/ }),
 
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
+/***/ 32:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/style");
+
+/***/ }),
+
 /***/ 4:
 /***/ (function(module, exports) {
 

package/TextArea.js

@@ -150,7 +150,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(31);
+var style_ = __webpack_require__(32);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
 var EventListener_ = __webpack_require__(15);
@@ -166,7 +166,7 @@ var ControlGroup_ = __webpack_require__(78);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/icons/Search.tsx
-var Search = __webpack_require__(34);
+var Search = __webpack_require__(29);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
 var CrossMark = __webpack_require__(19);
@@ -295,7 +295,7 @@ var StyledClearButton = external_styled_components_default()(Button_default.a).w
 var StyledSearchIconWrapper = external_styled_components_default.a.span.withConfig({
   displayName: "TextAreaStyles__StyledSearchIconWrapper",
   componentId: "gfy8yp-1"
-})(["", ";color:", ";pointer-events:none;padding:", ";&[disabled]{", ";}"], themes_["mixins"].reset('inline-block'), Object(themes_["pick"])({
+})(["", ";color:", ";pointer-events:none;padding:", ";", ""], themes_["mixins"].reset('inline-block'), Object(themes_["pick"])({
   enterprise: {
     light: themes_["variables"].gray60,
     dark: themes_["variables"].white
@@ -304,9 +304,13 @@ var StyledSearchIconWrapper = external_styled_components_default.a.span.withConf
 }), Object(themes_["pick"])({
   comfortable: '0 8px',
   compact: '0 6px'
-}), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorDisabled)
-}));
+}), function (_ref) {
+  var $disabled = _ref.$disabled;
+  return $disabled && Object(external_styled_components_["css"])(["", ""], Object(themes_["pick"])({
+    enterprise: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].textDisabledColor),
+    prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorDisabled)
+  }));
+});
 var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   displayName: "TextAreaStyles__StyledBox",
   componentId: "gfy8yp-2"
@@ -336,13 +340,13 @@ var StyledTextAreaWrapper = external_styled_components_default.a.span.withConfig
   },
   prisma: themes_["variables"].transparent
 }), Object(themes_["pick"])({
-  enterprise: '0px 10px',
+  enterprise: '0px 0px 0px 10px',
   prisma: '0px 12px'
-}), function (_ref) {
-  var $hasEndAdornment = _ref.$hasEndAdornment;
+}), function (_ref2) {
+  var $hasEndAdornment = _ref2.$hasEndAdornment;
   return $hasEndAdornment && Object(external_styled_components_["css"])(["padding-right:0;"]);
-}, function (_ref2) {
-  var $hasStartAdornment = _ref2.$hasStartAdornment;
+}, function (_ref3) {
+  var $hasStartAdornment = _ref3.$hasStartAdornment;
   return $hasStartAdornment && Object(external_styled_components_["css"])(["padding-left:0;"]);
 }, Object(themes_["pick"])({
   enterprise: {
@@ -353,8 +357,8 @@ var StyledTextAreaWrapper = external_styled_components_default.a.span.withConfig
 }), Object(themes_["pick"])({
   enterprise: Object(external_styled_components_["css"])(["box-shadow:", ";color:", ";"], themes_["variables"].focusShadow, themes_["variables"].textColor),
   prisma: Object(external_styled_components_["css"])(["border-color:", ";color:", ";"], themes_["variables"].interactiveColorPrimary, themes_["variables"].contentColorActive)
-}), function (_ref3) {
-  var $error = _ref3.$error;
+}), function (_ref4) {
+  var $error = _ref4.$error;
   return $error && Object(external_styled_components_["css"])(["&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}"], Object(themes_["pick"])({
     enterprise: themes_["variables"].errorColor,
     prisma: themes_["variables"].accentColorNegative
@@ -362,14 +366,14 @@ var StyledTextAreaWrapper = external_styled_components_default.a.span.withConfig
     enterprise: Object(external_styled_components_["css"])(["box-shadow:", ";color:", ";"], themes_["variables"].focusShadow, themes_["variables"].textColor),
     prisma: Object(external_styled_components_["css"])(["border-color:", ";color:", ";"], themes_["variables"].interactiveColorPrimary, themes_["variables"].contentColorActive)
   }));
-}, function (_ref4) {
-  var $append = _ref4.$append;
-  return $append && Object(external_styled_components_["css"])(["margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;"]);
 }, function (_ref5) {
-  var $prepend = _ref5.$prepend;
-  return $prepend && Object(external_styled_components_["css"])(["border-top-left-radius:0;border-bottom-left-radius:0;"]);
+  var $append = _ref5.$append;
+  return $append && Object(external_styled_components_["css"])(["margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;"]);
 }, function (_ref6) {
-  var disabled = _ref6.disabled;
+  var $prepend = _ref6.$prepend;
+  return $prepend && Object(external_styled_components_["css"])(["border-top-left-radius:0;border-bottom-left-radius:0;"]);
+}, function (_ref7) {
+  var disabled = _ref7.disabled;
   return disabled && Object(external_styled_components_["css"])(["", " box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);"], Object(themes_["pick"])({
     enterprise: {
       light: Object(external_styled_components_["css"])(["background-color:", ";border-color:", ";"], themes_["variables"].gray96, themes_["variables"].gray92),
@@ -405,8 +409,8 @@ var StyledTextArea = external_styled_components_default.a.textarea.withConfig({
 }), Object(themes_["pick"])({
   enterprise: '10px',
   prisma: '14px'
-}), themes_["variables"].contentColorMuted, function (_ref7) {
-  var $error = _ref7.$error;
+}), themes_["variables"].contentColorMuted, function (_ref8) {
+  var $error = _ref8.$error;
   return $error && Object(external_styled_components_["css"])(["&,&:hover{color:", ";}"], Object(themes_["pick"])({
     enterprise: {
       light: themes_["variables"].errorColorD10,
@@ -414,8 +418,8 @@ var StyledTextArea = external_styled_components_default.a.textarea.withConfig({
     },
     prisma: themes_["variables"].contentColorActive
   }));
-}, function (_ref8) {
-  var disabled = _ref8.disabled;
+}, function (_ref9) {
+  var disabled = _ref9.disabled;
   return disabled && disabledStyles;
 });
 var StyledVisibilityToggle = external_styled_components_default()(Button_default.a).withConfig({
@@ -431,9 +435,9 @@ var StyledPlaceholder = external_styled_components_default.a.span.withConfig({
 }), themes_["variables"].lineHeight, Object(themes_["pick"])({
   enterprise: '10px',
   prisma: '14px'
-}), function (_ref9) {
-  var $hasStartAdornment = _ref9.$hasStartAdornment,
-      $startAdornmentWidth = _ref9.$startAdornmentWidth;
+}), function (_ref10) {
+  var $hasStartAdornment = _ref10.$hasStartAdornment,
+      $startAdornmentWidth = _ref10.$startAdornmentWidth;
   return $hasStartAdornment && ($startAdornmentWidth ? Object(external_styled_components_["css"])(["margin-left:", "px;"], $startAdornmentWidth) : Object(external_styled_components_["css"])(["margin-left:", ";"], Object(themes_["pick"])({
     enterprise: {
       comfortable: '30px',
@@ -444,9 +448,9 @@ var StyledPlaceholder = external_styled_components_default.a.span.withConfig({
       compact: '30px'
     }
   })));
-}, function (_ref10) {
-  var $hasEndAdornment = _ref10.$hasEndAdornment,
-      $endAdornmentWidth = _ref10.$endAdornmentWidth;
+}, function (_ref11) {
+  var $hasEndAdornment = _ref11.$hasEndAdornment,
+      $endAdornmentWidth = _ref11.$endAdornmentWidth;
   return $hasEndAdornment && ($endAdornmentWidth // calc(100% - padding - adorment width)
   ? Object(external_styled_components_["css"])(["max-width:calc( 100% - ", " - ", "px );"], Object(themes_["pick"])({
     enterprise: '10px',
@@ -464,10 +468,10 @@ var StyledPlaceholder = external_styled_components_default.a.span.withConfig({
       compact: '30px'
     }
   })));
-}, function (_ref11) {
-  var $hasBothAdornment = _ref11.$hasBothAdornment,
-      $endAdornmentWidth = _ref11.$endAdornmentWidth,
-      $startAdornmentWidth = _ref11.$startAdornmentWidth;
+}, function (_ref12) {
+  var $hasBothAdornment = _ref12.$hasBothAdornment,
+      $endAdornmentWidth = _ref12.$endAdornmentWidth,
+      $startAdornmentWidth = _ref12.$startAdornmentWidth;
   return $hasBothAdornment && Object(external_styled_components_["css"])(["max-width:calc(100% - ", "px - ", "px);"], $startAdornmentWidth, $endAdornmentWidth);
 });
 var adornmentHolder = Object(external_styled_components_["css"])(["display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;"], Object(themes_["pick"])({
@@ -483,8 +487,8 @@ var adornmentHolder = Object(external_styled_components_["css"])(["display:inlin
 var StyledStartAdornmentHolder = external_styled_components_default.a.div.withConfig({
   displayName: "TextAreaStyles__StyledStartAdornmentHolder",
   componentId: "gfy8yp-7"
-})(["", " ", ";"], adornmentHolder, function (_ref12) {
-  var $width = _ref12.$width;
+})(["", " ", ";"], adornmentHolder, function (_ref13) {
+  var $width = _ref13.$width;
   return $width ? Object(external_styled_components_["css"])(["min-width:", "px;"], $width) : Object(external_styled_components_["css"])(["min-width:", ";"], Object(themes_["pick"])({
     enterprise: {
       comfortable: '30px',
@@ -499,8 +503,8 @@ var StyledStartAdornmentHolder = external_styled_components_default.a.div.withCo
 var StyledEndAdornmentHolder = external_styled_components_default.a.div.withConfig({
   displayName: "TextAreaStyles__StyledEndAdornmentHolder",
   componentId: "gfy8yp-8"
-})(["", " ", ";"], adornmentHolder, function (_ref13) {
-  var $width = _ref13.$width;
+})(["", " ", ";"], adornmentHolder, function (_ref14) {
+  var $width = _ref14.$width;
   return $width ? Object(external_styled_components_["css"])(["min-width:", "px;"], $width) : Object(external_styled_components_["css"])(["min-width:", ";"], Object(themes_["pick"])({
     enterprise: {
       comfortable: '30px',
@@ -524,11 +528,11 @@ var StyledAdornment = external_styled_components_default.a.div.withConfig({
     comfortable: '38px',
     compact: '30px'
   }
-}), function (_ref14) {
-  var $position = _ref14.$position;
+}), 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;"]);
-}, function (_ref15) {
-  var disabled = _ref15.disabled;
+}, function (_ref16) {
+  var disabled = _ref16.disabled;
   return disabled && disabledStyles;
 }, Object(themes_["pick"])({
   enterprise: Object(external_styled_components_["css"])(["margin-left:-1px;margin-right:-1px;"])
@@ -848,7 +852,7 @@ var TextArea_TextArea = /*#__PURE__*/function (_Component) {
       var displayValue = _this.getDisplayValue();
 
       if (!!displayValue && (isPrisma && appearance === 'search' || canClear)) {
-        return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default.a.createElement(StyledClearButton, {
+        return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, !disabled && /*#__PURE__*/external_react_default.a.createElement(StyledClearButton, {
           "data-test": "clear",
           appearance: isPrisma ? 'secondary' : 'pill',
           onClick: _this.handleClear,
@@ -989,8 +993,7 @@ var TextArea_TextArea = /*#__PURE__*/function (_Component) {
           spellCheck = _this$props10.spellCheck,
           tabIndex = _this$props10.tabIndex,
           title = _this$props10.title,
-          value = _this$props10.value,
-          otherProps = _objectWithoutProperties(_this$props10, ["append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "spellCheck", "tabIndex", "title", "value"]);
+          otherProps = _objectWithoutProperties(_this$props10, ["append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "spellCheck", "tabIndex", "title"]);
 
       var ariaProps = _objectSpread(_objectSpread({}, Object(external_lodash_["pickBy"])(otherProps, function (val, key) {
         return key === 'role' || key.indexOf('aria-') === 0;
@@ -1199,21 +1202,7 @@ module.exports = require("@splunk/react-icons/Close");
 
 /***/ }),
 
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 31:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/style");
-
-/***/ }),
-
-/***/ 34:
+/***/ 29:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1263,6 +1252,20 @@ function Search(props) {
 
 /***/ }),
 
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
+/***/ 32:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/style");
+
+/***/ }),
+
 /***/ 4:
 /***/ (function(module, exports) {
 

package/TransitionOpen.js

@@ -123,13 +123,13 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(30);
+var Animation_ = __webpack_require__(31);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
 var focus_ = __webpack_require__(26);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(31);
+var style_ = __webpack_require__(32);
 
 // EXTERNAL MODULE: external "react-spring"
 var external_react_spring_ = __webpack_require__(18);
@@ -494,14 +494,14 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 30:
+/***/ 31:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Animation");
 
 /***/ }),
 
-/***/ 31:
+/***/ 32:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/style");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.12.0",
+  "version": "4.12.1",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -8,6 +8,7 @@
     "build": "cross-env NODE_ENV=production webpack && yarn types:build && yarn build-storybook",
     "docs": "NODE_ENV=production webpack --config docs.gen.webpack.config.js",
     "docs:publish": "cicd-publish-docs docs --force",
+    "docs:publish:external": "cicd-publish-docs docs --force --suffix=public",
     "docs:start": "webpack serve --config docs.gen.webpack.config.js",
     "eslint": "eslint src .storybook --ext \".ts,.tsx,.js,.jsx\"",
     "eslint:fix": "yarn run eslint --fix",
@@ -68,7 +69,7 @@
     "@cypress/react": "^5.12.4",
     "@cypress/webpack-dev-server": "^1.8.2",
     "@splunk/babel-preset": "^3.0.0",
-    "@splunk/cicd-tools": "^0.4.0",
+    "@splunk/cicd-tools": "^0.5.0",
     "@splunk/docs-gen": "^0.11.2",
     "@splunk/eslint-config": "^4.0.0",
     "@splunk/react-docs": "^0.11.0",

package/types/src/Text/docs/examples/prisma/Multiline.d.ts

@@ -1,10 +0,0 @@
-import { Component } from 'react';
-import { TextChangeHandler } from '@splunk/react-ui/Text';
-declare class Example extends Component<{}, {
-    value: string;
-}> {
-    constructor(props: {});
-    handleChange: TextChangeHandler;
-    render(): JSX.Element;
-}
-export default Example;

package/types/src/Text/docs/examples/prisma/Search.d.ts

@@ -1,10 +0,0 @@
-import { Component } from 'react';
-import { TextChangeHandler } from '@splunk/react-ui/Text';
-declare class Example extends Component<{}, {
-    value: string;
-}> {
-    constructor(props: {});
-    handleChange: TextChangeHandler;
-    render(): JSX.Element;
-}
-export default Example;